npm - @corva/ui - Versions diffs - 3.77.0-2 → 3.77.0-20 - Mend

@corva/ui 3.77.0-2 → 3.77.0-20

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

Files changed (845) hide show

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import n from"classnames";import{useState as i,useRef as t,useCallback as c,useMemo as e,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as a}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as l}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as I}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as j}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as A}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as C}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as T}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as y}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as g}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as P,SettingOneIcon as M,HelpIcon as x,DeleteFourIcon as D}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../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 S from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/get";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/completion.js";import"../../../../constants/streamSourceType.js";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppPanel/AppPanelsContext.js";import"@babel/runtime/helpers/toConsumableArray";import{jsx as E,jsxs as z,Fragment as R}from"react/jsx-runtime";function q(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?q(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):q(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var B=function(o){var q,B,L,U,H=o.asset,G=o.className,Y=o.dqData,W=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=y(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,no=Q.secondaryMenuItems,io=Q.appName,to=Q.layoutEnvironment,co=Q.isInsideNewMobileApp,eo=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=i(!1),ao=s(po,2),lo=ao[0],uo=ao[1],Io=t(),jo=t(),fo=t(null),ho=t(null),vo=i(!1),Ao=s(vo,2),Co=Ao[0],bo=Ao[1],To=t(null),yo=c((function(){return uo((function(o){return!o}))}),[]),go=c((function(){return bo((function(o){return!o}))}),[]),Oo=c((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!0)}),300)}),[]),No=c((function(){clearTimeout(Io.current),clearTimeout(jo.current),Io.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,yo,[fo.current]);var Po=(H instanceof Array&&H.length>0||!!H)&&!Y&&!co,Mo=F({isDCApp:Po,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),xo=Y||Mo,Do=(Po||!!Y)&&!co,ko=(null==xo||null===(q=xo.wellnessAlerts)||void 0===q?void 0:q.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(W),Fo=c((function(){go(),null==oo||oo()}),[oo,go]),Eo=c((function(){go(),null==so||so()}),[so,go]),zo=i(!1),Ro=s(zo,2),qo=Ro[0],wo=Ro[1],Bo=c((function(){go(),wo(!0)}),[go]),Lo=c((function(){wo(!1)}),[]),Uo=e((function(){return[].concat(no||[]).concat(Z||[]).map((function(o){return w(w({},o),{},{onClick:function(){var s;go(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[no,Z,go]),Ho="asset"===(null==to?void 0:to.type),Go=h(X)===T.COMPLETION,Yo=!(ro||K||mo||Ho&&Go),Wo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||io;return co?E("div",{className:n(N.root,G),children:E("div",{className:N.title,children:E(a,{className:n(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:n(N.root,G),style:J,children:[Do&&E(d,{statusBadgeIconType:xo.statusBadgeIconType,className:N.dqBadge,onClick:yo,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(l,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:n(N.titleChevron,Co&&N.titleChevronOpen),children:E(P,{size:16})}),ref:To,onClick:go,children:E(a,{className:n(N.titleText,Do&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(I,{open:lo,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:yo,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(j,{anchorEl:To.current,open:Co,className:N.menuRoot,onClose:go,children:[z(g,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(a,{testId:O.MenuAppNameTestId,children:io})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Yo&&E(j.Item,{size:"large",disableClickEffect:!0,className:n(N.menuItem,N.assetMenuItem),children:E(A,{title:z("div",{className:N.accordionTitle,children:[E(M,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(x,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),eo&&z(R,{children:[E("div",{className:N.divider}),E(j.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(R,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:xo.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Wo&&E(v,{size:12,color:"T6",children:Wo})]})]})]}),E(C,{open:qo,onClose:Lo})]})};export{B as AppTitle};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import t from"classnames";import{useState as i,useRef as n,useCallback as e,useMemo as c,Fragment as r}from"react";import m from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as a}from"../../../Button/Button.js";import{normalizeAsset as u}from"../../AppHeader.constants.js";import{DqStatusIcon as d}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as j}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as I}from"../../../Menu/Menu.js";import{AppIcon as f}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as v}from"../../../Text/Text.js";import{Accordion as C}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as A}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as b}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as y}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as T}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as O}from"./AppTitle.constants.js";import N from"./AppTitle.scss.js";import{DownIcon as P,SettingOneIcon as x,HelpIcon as D,DeleteFourIcon as M}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as k}from"../../../../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 S from"../../../../effects/useOutsideClick.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"../../../../constants/completion.js";import"../../../../constants/alerts.js";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"../../../../constants/goals.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../constants/notifications.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../constants/apps.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{useWellnessAlerts as F}from"../../../../effects/useWellnessAlerts.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsx as E,jsxs as z,Fragment as R}from"react/jsx-runtime";function q(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 w(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?q(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):q(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var B=function(o){var q,B,L,U,H=o.asset,G=o.className,W=o.dqData,Y=o.lastUpdate,V=o.title,K=o.disableAssetSelector,Z=o.titleMenuActions,J=o.style,Q=y(),X=Q.app,$=Q.appId,_=Q.maximized,oo=Q.toggleAnnotationsList,so=Q.onHelpCenterClick,to=Q.secondaryMenuItems,io=Q.appName,no=Q.layoutEnvironment,eo=Q.isInsideNewMobileApp,co=Q.removeApp,ro=Q.disableAppAssetSelection,mo=Q.isMultiRig,po=i(!1),lo=s(po,2),ao=lo[0],uo=lo[1],jo=n(),Io=n(),fo=n(null),ho=n(null),vo=i(!1),Co=s(vo,2),Ao=Co[0],bo=Co[1],go=n(null),yo=e((function(){return uo((function(o){return!o}))}),[]),To=e((function(){return bo((function(o){return!o}))}),[]),Oo=e((function(){clearTimeout(jo.current),clearTimeout(Io.current),jo.current=setTimeout((function(){uo(!0)}),300)}),[]),No=e((function(){clearTimeout(jo.current),clearTimeout(Io.current),jo.current=setTimeout((function(){uo(!1)}),700)}),[]);S(ho,yo,[fo.current]);var Po=(H instanceof Array&&H.length>0||!!H)&&!W&&!eo,xo=F({isDCApp:Po,appId:$,multiRigAssets:H instanceof Array?H.map(u).filter(Boolean):void 0,asset:H instanceof Array?void 0:u(H),maximized:_,dashboards:[]}),Do=W||xo,Mo=(Po||!!W)&&!eo,ko=(null==Do||null===(q=Do.wellnessAlerts)||void 0===q?void 0:q.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?m.unix(o):m(o)}return m(o)}return null}(Y),Fo=e((function(){To(),null==oo||oo()}),[oo,To]),Eo=e((function(){To(),null==so||so()}),[so,To]),zo=i(!1),Ro=s(zo,2),qo=Ro[0],wo=Ro[1],Bo=e((function(){To(),wo(!0)}),[To]),Lo=e((function(){wo(!1)}),[]),Uo=c((function(){return[].concat(to||[]).concat(Z||[]).map((function(o){return w(w({},o),{},{onClick:function(){var s;To(),null===(s=o.onClick)||void 0===s||s.call(o)}})}))}),[to,Z,To]),Ho="asset"===(null==no?void 0:no.type),Go=h(X)===g.COMPLETION,Wo=!(ro||K||mo||Ho&&Go),Yo=null!=So&&So.isValid()?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Vo=V||io;return eo?E("div",{className:t(N.root,G),children:E("div",{className:N.title,children:E(l,{className:t(N.titleText),testId:O.AppNameTestId,children:Vo})})}):z("div",{className:t(N.root,G),style:J,children:[Mo&&E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.dqBadge,onClick:yo,onMouseEnter:Oo,onMouseLeave:No,ref:fo}),E(a,{type:"tertiary",size:"small",className:N.title,suffix:E("div",{className:t(N.titleChevron,Ao&&N.titleChevronOpen),children:E(P,{size:16})}),ref:go,onClick:To,children:E(l,{className:t(N.titleText,Mo&&N.withDq),testId:O.AppNameTestId,children:Vo})}),E(j,{open:ao,anchorEl:fo.current,placement:"bottom-start",alertsData:ko,onClose:yo,contentRef:ho,onMouseEnter:Oo,onMouseLeave:No}),z(I,{anchorEl:go.current,open:Ao,className:N.menuRoot,onClose:To,children:[z(T,{href:"/app-store/app/".concat(null==X||null===(B=X.app)||void 0===B?void 0:B.id),className:N.menuHeader,"data-testid":O.AppStoreLinkTestId,children:[E(f,{"data-testid":O.AppIconTestId,className:N.appIcon,segment:[h(X)],iconUrl:null==X||null===(L=X.app)||void 0===L||null===(U=L.icon)||void 0===U?void 0:U.url,height:40,width:40}),z("div",{className:N.menuHeaderText,children:[E(v,{children:E(l,{testId:O.MenuAppNameTestId,children:io})}),E(v,{size:12,color:"T6",children:"Open in Appstore"})]})]}),E("div",{className:N.divider}),Wo&&E(I.Item,{size:"large",disableClickEffect:!0,className:t(N.menuItem,N.assetMenuItem),children:E(C,{title:z("div",{className:N.accordionTitle,children:[E(x,{size:24,className:N.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:O.AssetSelectorAccordionTestId,children:E(b,{})})}),null==Uo?void 0:Uo.map((function(o,s){return z(r,{children:[E("div",{className:N.divider}),E(I.Item,{className:N.menuItem,size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?E(p,{children:o.icon}):o.icon,testId:O.AdditionalSelectionTestId,children:o.title})]},s)})),so&&z(R,{children:[E("div",{className:N.divider}),E(I.Item,{className:N.menuItem,size:"large",prefix:E(D,{}),onClick:Eo,testId:O.HelpCenterLinkTestId,children:"Help Center"})]}),oo&&z(R,{children:[E("div",{className:N.divider}),E(I.Item,{className:N.menuItem,size:"large",prefix:E(k,{fill:"currentColor"}),onClick:Fo,testId:O.AnnotationsTestId,children:"Add Annotation"})]}),co&&z(R,{children:[E("div",{className:N.divider}),E(I.Item,{className:N.menuItem,size:"large",prefix:E(M,{}),type:"destructive",onClick:Bo,testId:O.RemoveAppTestId,children:"Remove App"})]}),(null==So?void 0:So.isValid())&&z(R,{children:[E("div",{className:N.divider}),z("div",{className:N.footer,children:[E(d,{statusBadgeIconType:Do.statusBadgeIconType,className:N.footerDqBadge,ref:fo}),Yo&&E(v,{size:12,color:"T6",children:Yo})]})]})]}),E(A,{open:qo,onClose:Lo})]})};export{B as AppTitle};
 //# sourceMappingURL=AppTitle.js.map

package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n asset?: Asset \| Asset[];\n className?: string;\n dqData?: UseWellnessAlertsReturnType;\n lastUpdate?: number \| string \| Date;\n title?: ReactNode;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n if (lastUpdate) {\n if (typeof lastUpdate === 'number') {\n // Detecting unix timestamp (no milliseconds)\n const now = Date.now();\n\n if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n return moment.unix(lastUpdate);\n }\n\n return moment(lastUpdate);\n } else {\n return moment(lastUpdate);\n }\n }\n\n return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n asset,\n className,\n dqData,\n lastUpdate,\n title,\n disableAssetSelector,\n titleMenuActions,\n style,\n}: AppTitleProps) => {\n const {\n app,\n appId,\n maximized,\n toggleAnnotationsList,\n onHelpCenterClick,\n secondaryMenuItems,\n appName,\n layoutEnvironment,\n isInsideNewMobileApp,\n removeApp,\n disableAppAssetSelection,\n isMultiRig,\n } = useAppCommonsInternal();\n const [isDqOpen, setIsDqOpen] = useState(false);\n const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n const dqIconRef = useRef<HTMLDivElement>(null);\n const dqContentRef = useRef<HTMLDivElement>(null);\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n const onDqMouseEnter = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(true);\n }, DqMouseEnterTimeout);\n }, []);\n\n const onDqMouseLeave = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(false);\n }, DqMouseLeaveTimeout);\n }, []);\n\n useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n const hasDqAsset = (asset instanceof Array && asset.length > 0) \|\| !!asset;\n const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n const ownWellnessData = useWellnessAlerts({\n isDCApp: shouldLoadDQ,\n appId,\n multiRigAssets:\n asset instanceof Array\n ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n : undefined,\n asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n\n const wellnessData = dqData \|\| ownWellnessData;\n const hasDQ = (shouldLoadDQ \|\| !!dqData) && !isInsideNewMobileApp;\n const alertsData = wellnessData?.wellnessAlerts?.alertsData \|\| {};\n const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n const onAddAnnotation = useCallback(() => {\n toggleMenu();\n toggleAnnotationsList?.();\n }, [toggleAnnotationsList, toggleMenu]);\n\n const onGoToHelpCenter = useCallback(() => {\n toggleMenu();\n onHelpCenterClick?.();\n }, [onHelpCenterClick, toggleMenu]);\n\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n const onDeleteApp = useCallback(() => {\n toggleMenu();\n setIsDeleteModalOpen(true);\n }, [toggleMenu]);\n\n const onCloseDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n }, []);\n\n const additionalItems = useMemo(() => {\n return ([] as TitleMenuAction[])\n .concat(secondaryMenuItems \|\| [])\n .concat(titleMenuActions \|\| [])\n .map(item => ({\n ...item,\n onClick: () => {\n toggleMenu();\n item.onClick?.();\n },\n }));\n }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n const isAssetPage = layoutEnvironment?.type === 'asset';\n const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n const isAssetSelectorDisabled =\n disableAppAssetSelection \|\| disableAssetSelector \|\| isMultiRig \|\| isAssetPageCompletionApp;\n const hasAssetSelector = !isAssetSelectorDisabled;\n const lastUpdateString = lastUpdateMoment?.isValid()\n ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n : undefined;\n const actualTitle = title \|\| appName;\n\n if (isInsideNewMobileApp) {\n return (\n <div className={classNames(styles.root, className)}>\n <div className={styles.title}>\n <TextEndTruncated\n className={classNames(styles.titleText)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </div>\n </div>\n );\n }\n\n return (\n <div className={classNames(styles.root, className)} style={style}>\n {hasDQ && (\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.dqBadge}\n onClick={toggleDq}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n ref={dqIconRef}\n />\n )}\n\n <Button\n type=\"tertiary\"\n size=\"small\"\n className={styles.title}\n suffix={\n <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n <DownIcon size={16} />\n </div>\n }\n ref={menuButtonRef}\n onClick={toggleMenu}\n >\n <TextEndTruncated\n className={classNames(styles.titleText, hasDQ && styles.withDq)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </Button>\n\n <AppDqPopover\n open={isDqOpen}\n anchorEl={dqIconRef.current}\n placement=\"bottom-start\"\n alertsData={alertsData}\n onClose={toggleDq}\n contentRef={dqContentRef}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n />\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={isMenuOpen}\n className={styles.menuRoot}\n onClose={toggleMenu}\n >\n <UniversalLink\n href={`/app-store/app/${app?.app?.id}`}\n className={styles.menuHeader}\n data-testid={AppTitleTestIds.AppStoreLinkTestId}\n >\n <AppIcon\n data-testid={AppTitleTestIds.AppIconTestId}\n className={styles.appIcon}\n segment={[getAppSegment(app)]}\n iconUrl={app?.app?.icon?.url}\n height={40}\n width={40}\n />\n\n <div className={styles.menuHeaderText}>\n <Text>\n <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n {appName}\n </TextEndTruncated>\n </Text>\n <Text size={12} color=\"T6\">\n Open in Appstore\n </Text>\n </div>\n </UniversalLink>\n <div className={styles.divider} />\n\n {hasAssetSelector && (\n <Menu.Item\n size=\"large\"\n disableClickEffect\n className={classNames(styles.menuItem, styles.assetMenuItem)}\n >\n <Accordion\n title={\n <div className={styles.accordionTitle}>\n <SettingOneIcon size={24} className={styles.accordionIcon} />\n Change Asset\n </div>\n }\n iconPosition=\"end\"\n titleHover={false}\n testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n >\n <AssetSelector />\n </Accordion>\n </Menu.Item>\n )}\n\n {additionalItems?.map((item, index) => {\n return (\n <Fragment key={index}>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n onClick={item.onClick}\n prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n testId={AppTitleTestIds.AdditionalSelectionTestId}\n >\n {item.title}\n </Menu.Item>\n </Fragment>\n );\n })}\n {onHelpCenterClick && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<HelpIcon />}\n onClick={onGoToHelpCenter}\n testId={AppTitleTestIds.HelpCenterLinkTestId}\n >\n Help Center\n </Menu.Item>\n </>\n )}\n {toggleAnnotationsList && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n onClick={onAddAnnotation}\n testId={AppTitleTestIds.AnnotationsTestId}\n >\n Add Annotation\n </Menu.Item>\n </>\n )}\n {removeApp && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<DeleteFourIcon />}\n type=\"destructive\"\n onClick={onDeleteApp}\n testId={AppTitleTestIds.RemoveAppTestId}\n >\n Remove App\n </Menu.Item>\n </>\n )}\n {lastUpdateMoment?.isValid() && (\n <>\n <div className={styles.divider} />\n <div className={styles.footer}>\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.footerDqBadge}\n ref={dqIconRef}\n />\n {lastUpdateString && (\n <Text size={12} color=\"T6\">\n {lastUpdateString}\n </Text>\n )}\n </div>\n </>\n )}\n </Menu>\n\n <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n </div>\n );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}
1	+ {"version":3,"file":"AppTitle.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport moment from 'moment';\nimport { Icon } from '@material-ui/core';\n\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { Button } from '../../../Button';\nimport { Asset, normalizeAsset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';\nimport { DqStatusIcon } from '../DqStatusIcon';\nimport { AppDqPopover } from '../../../AppDqPopover';\nimport { Menu } from '../../../Menu';\nimport AppIcon from '../../../../components/AppIcon';\nimport { getAppSegment } from '../../../../utils/devcenter';\nimport { Text } from '../../../Text';\nimport { Accordion } from '../../../Accordion';\nimport { AppRemoveConfirmationModal } from '../AppRemoveConfirmationModal';\nimport { AssetSelector } from '../AssetSelector';\nimport { SEGMENTS } from '../../../../constants/segment';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { UniversalLink } from '../../../UniversalLink';\nimport { TitleMenuAction } from '../constants';\n\nimport { AppTitleTestIds } from './AppTitle.constants';\n\nimport styles from './AppTitle.scss';\n\nimport { AddMessageCustomIcon, DeleteFourIcon, DownIcon, HelpIcon, SettingOneIcon } from '~/icons';\nimport { useOutsideClick, useWellnessAlerts } from '~/effects';\n\nexport type AppTitleProps = {\n asset?: Asset \| Asset[];\n className?: string;\n dqData?: UseWellnessAlertsReturnType;\n lastUpdate?: number \| string \| Date;\n title?: ReactNode;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n style?: React.CSSProperties;\n};\n\nconst getLastUpdateMoment = (lastUpdate: AppTitleProps['lastUpdate']) => {\n if (lastUpdate) {\n if (typeof lastUpdate === 'number') {\n // Detecting unix timestamp (no milliseconds)\n const now = Date.now();\n\n if (Math.abs(now - lastUpdate) > Math.abs(now - lastUpdate * 1000)) {\n return moment.unix(lastUpdate);\n }\n\n return moment(lastUpdate);\n } else {\n return moment(lastUpdate);\n }\n }\n\n return null;\n};\n\nconst DqMouseEnterTimeout = 300;\nconst DqMouseLeaveTimeout = 700;\n\nexport const AppTitle = ({\n asset,\n className,\n dqData,\n lastUpdate,\n title,\n disableAssetSelector,\n titleMenuActions,\n style,\n}: AppTitleProps) => {\n const {\n app,\n appId,\n maximized,\n toggleAnnotationsList,\n onHelpCenterClick,\n secondaryMenuItems,\n appName,\n layoutEnvironment,\n isInsideNewMobileApp,\n removeApp,\n disableAppAssetSelection,\n isMultiRig,\n } = useAppCommonsInternal();\n const [isDqOpen, setIsDqOpen] = useState(false);\n const dqMouseEnterTimerRef = useRef<NodeJS.Timeout>();\n const dqMouseLeaveTimerRef = useRef<NodeJS.Timeout>();\n const dqIconRef = useRef<HTMLDivElement>(null);\n const dqContentRef = useRef<HTMLDivElement>(null);\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n\n const toggleDq = useCallback(() => setIsDqOpen(value => !value), []);\n const toggleMenu = useCallback(() => setIsMenuOpen(value => !value), []);\n const onDqMouseEnter = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(true);\n }, DqMouseEnterTimeout);\n }, []);\n\n const onDqMouseLeave = useCallback(() => {\n clearTimeout(dqMouseEnterTimerRef.current);\n clearTimeout(dqMouseLeaveTimerRef.current);\n dqMouseEnterTimerRef.current = setTimeout(() => {\n setIsDqOpen(false);\n }, DqMouseLeaveTimeout);\n }, []);\n\n useOutsideClick(dqContentRef, toggleDq, [dqIconRef.current]);\n\n const hasDqAsset = (asset instanceof Array && asset.length > 0) \|\| !!asset;\n const shouldLoadDQ = hasDqAsset && !dqData && !isInsideNewMobileApp;\n\n const ownWellnessData = useWellnessAlerts({\n isDCApp: shouldLoadDQ,\n appId,\n multiRigAssets:\n asset instanceof Array\n ? (asset.map(normalizeAsset).filter(Boolean) as { id: number; name: string }[])\n : undefined,\n asset: !(asset instanceof Array) ? normalizeAsset(asset) : undefined,\n maximized,\n dashboards: [],\n });\n\n const wellnessData = dqData \|\| ownWellnessData;\n const hasDQ = (shouldLoadDQ \|\| !!dqData) && !isInsideNewMobileApp;\n const alertsData = wellnessData?.wellnessAlerts?.alertsData \|\| {};\n const lastUpdateMoment = getLastUpdateMoment(lastUpdate);\n\n const onAddAnnotation = useCallback(() => {\n toggleMenu();\n toggleAnnotationsList?.();\n }, [toggleAnnotationsList, toggleMenu]);\n\n const onGoToHelpCenter = useCallback(() => {\n toggleMenu();\n onHelpCenterClick?.();\n }, [onHelpCenterClick, toggleMenu]);\n\n const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);\n\n const onDeleteApp = useCallback(() => {\n toggleMenu();\n setIsDeleteModalOpen(true);\n }, [toggleMenu]);\n\n const onCloseDeleteModal = useCallback(() => {\n setIsDeleteModalOpen(false);\n }, []);\n\n const additionalItems = useMemo(() => {\n return ([] as TitleMenuAction[])\n .concat(secondaryMenuItems \|\| [])\n .concat(titleMenuActions \|\| [])\n .map(item => ({\n ...item,\n onClick: () => {\n toggleMenu();\n item.onClick?.();\n },\n }));\n }, [secondaryMenuItems, titleMenuActions, toggleMenu]);\n\n const isAssetPage = layoutEnvironment?.type === 'asset';\n const isCompletionSegment = getAppSegment(app) === SEGMENTS.COMPLETION;\n const isAssetPageCompletionApp = isAssetPage && isCompletionSegment;\n const isAssetSelectorDisabled =\n disableAppAssetSelection \|\| disableAssetSelector \|\| isMultiRig \|\| isAssetPageCompletionApp;\n const hasAssetSelector = !isAssetSelectorDisabled;\n const lastUpdateString = lastUpdateMoment?.isValid()\n ? `Last Update: ${lastUpdateMoment.format('MMM D YYYY, hh:mm A')}`\n : undefined;\n const actualTitle = title \|\| appName;\n\n if (isInsideNewMobileApp) {\n return (\n <div className={classNames(styles.root, className)}>\n <div className={styles.title}>\n <TextEndTruncated\n className={classNames(styles.titleText)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </div>\n </div>\n );\n }\n\n return (\n <div className={classNames(styles.root, className)} style={style}>\n {hasDQ && (\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.dqBadge}\n onClick={toggleDq}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n ref={dqIconRef}\n />\n )}\n\n <Button\n type=\"tertiary\"\n size=\"small\"\n className={styles.title}\n suffix={\n <div className={classNames(styles.titleChevron, isMenuOpen && styles.titleChevronOpen)}>\n <DownIcon size={16} />\n </div>\n }\n ref={menuButtonRef}\n onClick={toggleMenu}\n >\n <TextEndTruncated\n className={classNames(styles.titleText, hasDQ && styles.withDq)}\n testId={AppTitleTestIds.AppNameTestId}\n >\n {actualTitle}\n </TextEndTruncated>\n </Button>\n\n <AppDqPopover\n open={isDqOpen}\n anchorEl={dqIconRef.current}\n placement=\"bottom-start\"\n alertsData={alertsData}\n onClose={toggleDq}\n contentRef={dqContentRef}\n onMouseEnter={onDqMouseEnter}\n onMouseLeave={onDqMouseLeave}\n />\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={isMenuOpen}\n className={styles.menuRoot}\n onClose={toggleMenu}\n >\n <UniversalLink\n href={`/app-store/app/${app?.app?.id}`}\n className={styles.menuHeader}\n data-testid={AppTitleTestIds.AppStoreLinkTestId}\n >\n <AppIcon\n data-testid={AppTitleTestIds.AppIconTestId}\n className={styles.appIcon}\n segment={[getAppSegment(app)]}\n iconUrl={app?.app?.icon?.url}\n height={40}\n width={40}\n />\n\n <div className={styles.menuHeaderText}>\n <Text>\n <TextEndTruncated testId={AppTitleTestIds.MenuAppNameTestId}>\n {appName}\n </TextEndTruncated>\n </Text>\n <Text size={12} color=\"T6\">\n Open in Appstore\n </Text>\n </div>\n </UniversalLink>\n <div className={styles.divider} />\n\n {hasAssetSelector && (\n <Menu.Item\n size=\"large\"\n disableClickEffect\n className={classNames(styles.menuItem, styles.assetMenuItem)}\n >\n <Accordion\n title={\n <div className={styles.accordionTitle}>\n <SettingOneIcon size={24} className={styles.accordionIcon} />\n Change Asset\n </div>\n }\n iconPosition=\"end\"\n titleHover={false}\n testId={AppTitleTestIds.AssetSelectorAccordionTestId}\n >\n <AssetSelector />\n </Accordion>\n </Menu.Item>\n )}\n\n {additionalItems?.map((item, index) => {\n return (\n <Fragment key={index}>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n onClick={item.onClick}\n prefix={typeof item.icon === 'string' ? <Icon>{item.icon}</Icon> : item.icon}\n testId={AppTitleTestIds.AdditionalSelectionTestId}\n >\n {item.title}\n </Menu.Item>\n </Fragment>\n );\n })}\n {onHelpCenterClick && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<HelpIcon />}\n onClick={onGoToHelpCenter}\n testId={AppTitleTestIds.HelpCenterLinkTestId}\n >\n Help Center\n </Menu.Item>\n </>\n )}\n {toggleAnnotationsList && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<AddMessageCustomIcon fill=\"currentColor\" />}\n onClick={onAddAnnotation}\n testId={AppTitleTestIds.AnnotationsTestId}\n >\n Add Annotation\n </Menu.Item>\n </>\n )}\n {removeApp && (\n <>\n <div className={styles.divider} />\n <Menu.Item\n className={styles.menuItem}\n size=\"large\"\n prefix={<DeleteFourIcon />}\n type=\"destructive\"\n onClick={onDeleteApp}\n testId={AppTitleTestIds.RemoveAppTestId}\n >\n Remove App\n </Menu.Item>\n </>\n )}\n {lastUpdateMoment?.isValid() && (\n <>\n <div className={styles.divider} />\n <div className={styles.footer}>\n <DqStatusIcon\n statusBadgeIconType={wellnessData.statusBadgeIconType}\n className={styles.footerDqBadge}\n ref={dqIconRef}\n />\n {lastUpdateString && (\n <Text size={12} color=\"T6\">\n {lastUpdateString}\n </Text>\n )}\n </div>\n </>\n )}\n </Menu>\n\n <AppRemoveConfirmationModal open={isDeleteModalOpen} onClose={onCloseDeleteModal} />\n </div>\n );\n};\n"],"names":["AppTitle","_ref","_wellnessData$wellnes","_app$app","_app$app2","_app$app2$icon","asset","className","dqData","lastUpdate","title","disableAssetSelector","titleMenuActions","style","_useAppCommonsInterna","useAppCommonsInternal","app","appId","maximized","toggleAnnotationsList","onHelpCenterClick","secondaryMenuItems","appName","layoutEnvironment","isInsideNewMobileApp","removeApp","disableAppAssetSelection","isMultiRig","useState","_useState2","_slicedToArray","_useState","isDqOpen","setIsDqOpen","dqMouseEnterTimerRef","useRef","dqMouseLeaveTimerRef","dqIconRef","dqContentRef","_useState4","_useState3","isMenuOpen","setIsMenuOpen","menuButtonRef","toggleDq","useCallback","value","toggleMenu","onDqMouseEnter","clearTimeout","current","setTimeout","onDqMouseLeave","useOutsideClick","shouldLoadDQ","Array","length","ownWellnessData","useWellnessAlerts","isDCApp","multiRigAssets","map","normalizeAsset","filter","Boolean","undefined","dashboards","wellnessData","hasDQ","alertsData","wellnessAlerts","lastUpdateMoment","now","Date","Math","abs","moment","unix","getLastUpdateMoment","onAddAnnotation","onGoToHelpCenter","_useState6","_useState5","isDeleteModalOpen","setIsDeleteModalOpen","onDeleteApp","onCloseDeleteModal","additionalItems","useMemo","concat","item","_objectSpread","onClick","_item$onClick","call","isAssetPage","type","isCompletionSegment","getAppSegment","SEGMENTS","COMPLETION","hasAssetSelector","lastUpdateString","isValid","format","actualTitle","_jsx","classNames","styles","root","children","TextEndTruncated","titleText","testId","AppTitleTestIds","AppNameTestId","_jsxs","DqStatusIcon","statusBadgeIconType","dqBadge","onMouseEnter","onMouseLeave","ref","Button","size","suffix","titleChevron","titleChevronOpen","DownIcon","withDq","AppDqPopover","open","anchorEl","placement","onClose","contentRef","Menu","menuRoot","UniversalLink","href","id","menuHeader","AppStoreLinkTestId","AppIcon","AppIconTestId","appIcon","segment","iconUrl","icon","url","height","width","menuHeaderText","Text","MenuAppNameTestId","color","divider","Item","disableClickEffect","menuItem","assetMenuItem","Accordion","accordionTitle","SettingOneIcon","accordionIcon","iconPosition","titleHover","AssetSelectorAccordionTestId","AssetSelector","index","Fragment","prefix","Icon","AdditionalSelectionTestId","_Fragment","HelpIcon","HelpCenterLinkTestId","AddMessageCustomIcon","fill","AnnotationsTestId","DeleteFourIcon","RemoveAppTestId","footer","footerDqBadge","AppRemoveConfirmationModal"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/regenerator";import{useState as s,useMemo as o,useCallback as i,useEffect as a}from"react";import p from"classnames";import{Text as c}from"../../../Text/Text.js";import{LoaderLogo as u}from"../../../LoaderLogo/LoaderLogo.js";import{getAssetByFracFleetId as l,getAssetByRigId as m,getAssetByWellIdForInterventionUnit as d,getAssetByWellIdForRig as y,getAssetByPadId as f}from"../../../../utils/getSingleAsset.js";import{AssetSelectorSelect as v}from"./AssetSelectorSelect/AssetSelectorSelect.js";import{loadAssets as b}from"./AssetSelectorSelect/loadAssets.js";import{AssetSelectorTestIds as j}from"./constants.js";import g from"./AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";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{getAppSegment as h}from"../../../../utils/devcenter.js";import"../../../../utils/index.js";import"uuid";import"jsona";import{SEGMENT_TO_ASSET_TYPE as w}from"../../../../constants/segment.js";import"../../../../utils/env.js";import"../../../../constants/goals.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"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/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"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as S}from"react/jsx-runtime";function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function k(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?A(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var C=function(){var t=r(n.mark((function t(r,s){var o,i,a,p;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null!=r&&r.id){t.next=2;break}throw new Error("Primary asset id is empty!");case 2:if("rig"!==r.type){t.next=10;break}return t.next=5,m(r);case 5:return o=t.sent,i=o.wellId,t.abrupt("return",e({},s.id,i&&String(i)));case 10:if("intervention_unit"!==r.type){t.next=14;break}return t.abrupt("return",e({},s.id,null));case 14:if("frac_fleet"!==r.type){t.next=22;break}return t.next=17,l(r);case 17:return a=t.sent,p=a.padId,t.abrupt("return",e({},s.id,p&&String(p)));case 22:throw new Error('Unknown primary asset type "'.concat(String(r.type),'"'));case 23:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}(),P=function(){var t=r(n.mark((function t(r,s,o){var i,a,p,c,u,l;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r.id){t.next=2;break}throw new Error("Secondary asset id is empty!");case 2:if("pad"!==r.type){t.next=10;break}return t.next=5,f(r,{fallbackFleetId:null==o?void 0:o.id});case 5:return i=t.sent,a=i.fracFleetId,t.abrupt("return",e({},s.id,a&&String(a)));case 10:if("well"!==r.type||"rig"!==s.type){t.next=18;break}return t.next=13,y(r);case 13:return p=t.sent,c=p.rigId,t.abrupt("return",e({},s.id,c&&String(c)));case 18:if("well"!==r.type||"intervention_unit"!==s.type){t.next=26;break}return t.next=21,d(r);case 21:return u=t.sent,l=u.interventionUnitId,t.abrupt("return",e({},s.id,l&&String(l)));case 26:throw new Error('Unknown secondary asset type "'.concat(String(r.type),'"'));case 27:case"end":return t.stop()}}),t)})));return function(e,r,n){return t.apply(this,arguments)}}(),O=function(){var l,m=T(),d=m.app,y=m.appSettings,f=m.well,A=m.rig,O=m.fracFleet,I=m.interventionUnit,_=m.onSettingsChange,N=h(d),D=w[N],E=s(!1),L=t(E,2),U=L[0],F=L[1],z=s(),B=t(z,2),G=B[0],q=B[1],M=D.primaryAsset,R=D.secondaryAsset,W=o((function(){return A&&"rig"===M.assetType.type?k(k({},A),{},{type:"rig"}):O&&"frac_fleet"===M.assetType.type?k(k({},O),{},{type:"frac_fleet"}):I&&"intervention_unit"===M.assetType.type?k(k({},I),{},{type:"intervention_unit"}):void 0}),[M.assetType.type,A,O,I]),H=o((function(){return f&&"well"===R.assetType.type?k(k({},f),{},{type:"well"}):G&&"pad"===R.assetType.type?G:void 0}),[R.assetType.type,f,G]),J=i(function(){var t=r(n.mark((function t(r){var s;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,C(r,R.assetType);case 4:s=t.sent,_(k(k({},y),{},e({},M.assetType.id,r.id),s)),t.next=11;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0);case 11:return t.prev=11,F(!1),t.finish(11);case 14:case"end":return t.stop()}}),t,null,[[0,8,11,14]])})));return function(e){return t.apply(this,arguments)}}(),[M.assetType,y,_,R.assetType]),K=i(function(){var t=r(n.mark((function t(r){var s,o,i;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,P(r,M.assetType,W);case 4:o=t.sent,i="intervention_unit"===(null==W?void 0:W.type)&&Number(r.id)===Number(null===(s=W.active_well)||void 0===s?void 0:s.id),_(k(k({},y),{},e({},R.assetType.id,i?null:r.id),o)),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(0),console.error(t.t0);case 12:return t.prev=12,F(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,9,12,15]])})));return function(e){return t.apply(this,arguments)}}(),[_,R.assetType,M.assetType,y,W]);return a((function(){if("pad"===R.assetType.type){var t=function(){var t=r(n.mark((function t(){var e,r;return n.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return F(!0),t.next=3,b({assetType:"pad",page:1,perPage:1,ids:[Number(null==y?void 0:y[R.assetType.id])]});case 3:e=t.sent,r=e.find((function(t){return Number(t.id)===Number(null==y?void 0:y[R.assetType.id])})),q(r),F(!1);case 7:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t()}}),[M.assetType,R.assetType,y]),x("div",{"data-testid":j.RootTestId,className:g.root,children:[U&&S(u,{size:40,className:g.loader}),D?x("div",{className:p(g.content,U&&g.loading),children:[S(v,{testId:j.PrimaryAssetTestId,type:M.assetType,currentAsset:W,onChange:J}),S(v,{testId:j.SecondaryAssetTestId,type:R.assetType,currentAsset:H,parentId:null==W?void 0:W.id,parentType:null==W?void 0:W.type,parentActiveWellId:"frac_fleet"!==(null==W?void 0:W.type)&&null!=W&&null!==(l=W.active_well)&&void 0!==l&&l.id?Number(W.active_well.id):void 0,onChange:K})]}):x(c,{testId:j.NoAssetTypeTestId,size:14,color:"T6",children:['No Asset Type Data for segment "',String(N),'"']})]})};export{O as AssetSelector};
+import t from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/regenerator";import{useState as n,useMemo as i,useCallback as o,useEffect as a}from"react";import p from"classnames";import{Text as c}from"../../../Text/Text.js";import{LoaderLogo as m}from"../../../LoaderLogo/LoaderLogo.js";import{getAssetByFracFleetId as l,getAssetByRigId as u,getAssetByWellIdForInterventionUnit as d,getAssetByWellIdForRig as f,getAssetByPadId as y}from"../../../../utils/getSingleAsset.js";import{AssetSelectorSelect as v}from"./AssetSelectorSelect/AssetSelectorSelect.js";import{loadAssets as j}from"./AssetSelectorSelect/loadAssets.js";import{AssetSelectorTestIds as b}from"./constants.js";import h from"./AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";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{getAppSegment as g}from"../../../../utils/devcenter.js";import"../../../../components/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"../../../../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"../../../../constants/goals.js";import{SEGMENT_TO_ASSET_TYPE as w}from"../../../../constants/segment.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../constants/notifications.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../constants/apps.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"uuid";import"../../../../constants/drillstring.js";import"../../../../constants/appPackages.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/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"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as T}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as S}from"react/jsx-runtime";function A(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,s)}return r}function C(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?A(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var k=function(){var t=r(s.mark((function t(r,n){var i,o,a,p;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null!=r&&r.id){t.next=2;break}throw new Error("Primary asset id is empty!");case 2:if("rig"!==r.type){t.next=10;break}return t.next=5,u(r);case 5:return i=t.sent,o=i.wellId,t.abrupt("return",e({},n.id,o&&String(o)));case 10:if("intervention_unit"!==r.type){t.next=14;break}return t.abrupt("return",e({},n.id,null));case 14:if("frac_fleet"!==r.type){t.next=22;break}return t.next=17,l(r);case 17:return a=t.sent,p=a.padId,t.abrupt("return",e({},n.id,p&&String(p)));case 22:throw new Error('Unknown primary asset type "'.concat(String(r.type),'"'));case 23:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}(),P=function(){var t=r(s.mark((function t(r,n,i){var o,a,p,c,m,l;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r.id){t.next=2;break}throw new Error("Secondary asset id is empty!");case 2:if("pad"!==r.type){t.next=10;break}return t.next=5,y(r,{fallbackFleetId:null==i?void 0:i.id});case 5:return o=t.sent,a=o.fracFleetId,t.abrupt("return",e({},n.id,a&&String(a)));case 10:if("well"!==r.type||"rig"!==n.type){t.next=18;break}return t.next=13,f(r);case 13:return p=t.sent,c=p.rigId,t.abrupt("return",e({},n.id,c&&String(c)));case 18:if("well"!==r.type||"intervention_unit"!==n.type){t.next=26;break}return t.next=21,d(r);case 21:return m=t.sent,l=m.interventionUnitId,t.abrupt("return",e({},n.id,l&&String(l)));case 26:throw new Error('Unknown secondary asset type "'.concat(String(r.type),'"'));case 27:case"end":return t.stop()}}),t)})));return function(e,r,s){return t.apply(this,arguments)}}(),O=function(){var l,u=T(),d=u.app,f=u.appSettings,y=u.well,A=u.rig,O=u.fracFleet,I=u.interventionUnit,N=u.onSettingsChange,_=g(d),D=w[_],E=n(!1),L=t(E,2),U=L[0],F=L[1],z=n(),B=t(z,2),G=B[0],M=B[1],R=D.primaryAsset,W=D.secondaryAsset,q=i((function(){return A&&"rig"===R.assetType.type?C(C({},A),{},{type:"rig"}):O&&"frac_fleet"===R.assetType.type?C(C({},O),{},{type:"frac_fleet"}):I&&"intervention_unit"===R.assetType.type?C(C({},I),{},{type:"intervention_unit"}):void 0}),[R.assetType.type,A,O,I]),H=i((function(){return y&&"well"===W.assetType.type?C(C({},y),{},{type:"well"}):G&&"pad"===W.assetType.type?G:void 0}),[W.assetType.type,y,G]),J=o(function(){var t=r(s.mark((function t(r){var n;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,k(r,W.assetType);case 4:n=t.sent,N(C(C({},f),{},e({},R.assetType.id,r.id),n)),t.next=11;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0);case 11:return t.prev=11,F(!1),t.finish(11);case 14:case"end":return t.stop()}}),t,null,[[0,8,11,14]])})));return function(e){return t.apply(this,arguments)}}(),[R.assetType,f,N,W.assetType]),K=o(function(){var t=r(s.mark((function t(r){var n,i,o;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,F(!0),t.next=4,P(r,R.assetType,q);case 4:i=t.sent,o="intervention_unit"===(null==q?void 0:q.type)&&Number(r.id)===Number(null===(n=q.active_well)||void 0===n?void 0:n.id),N(C(C({},f),{},e({},W.assetType.id,o?null:r.id),i)),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(0),console.error(t.t0);case 12:return t.prev=12,F(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,9,12,15]])})));return function(e){return t.apply(this,arguments)}}(),[N,W.assetType,R.assetType,f,q]);return a((function(){if("pad"===W.assetType.type){var t=function(){var t=r(s.mark((function t(){var e,r;return s.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return F(!0),t.next=3,j({assetType:"pad",page:1,perPage:1,ids:[Number(null==f?void 0:f[W.assetType.id])]});case 3:e=t.sent,r=e.find((function(t){return Number(t.id)===Number(null==f?void 0:f[W.assetType.id])})),M(r),F(!1);case 7:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();t()}}),[R.assetType,W.assetType,f]),x("div",{"data-testid":b.RootTestId,className:h.root,children:[U&&S(m,{size:40,className:h.loader}),D?x("div",{className:p(h.content,U&&h.loading),children:[S(v,{testId:b.PrimaryAssetTestId,type:R.assetType,currentAsset:q,onChange:J}),S(v,{testId:b.SecondaryAssetTestId,type:W.assetType,currentAsset:H,parentId:null==q?void 0:q.id,parentType:null==q?void 0:q.type,parentActiveWellId:"frac_fleet"!==(null==q?void 0:q.type)&&null!=q&&null!==(l=q.active_well)&&void 0!==l&&l.id?Number(q.active_well.id):void 0,onChange:K})]}):x(c,{testId:b.NoAssetTypeTestId,size:14,color:"T6",children:['No Asset Type Data for segment "',String(_),'"']})]})};export{O as AssetSelector};
 //# sourceMappingURL=AssetSelector.js.map

package/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSelector.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../../Text';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport {\n getAssetByFracFleetId,\n getAssetByPadId,\n getAssetByRigId,\n getAssetByWellIdForInterventionUnit,\n getAssetByWellIdForRig,\n} from '../../../../utils/getSingleAsset';\n\nimport { AssetSelectorSelect } from './AssetSelectorSelect';\nimport { Asset, PrimaryAsset } from './AssetSelectorSelect/constants';\nimport { loadAssets } from './AssetSelectorSelect/loadAssets';\nimport { AssetSelectorTestIds } from './constants';\n\nimport styles from './AssetSelector.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { SEGMENT_TO_ASSET_TYPE } from '~/constants/segment';\n\ntype PrimaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['primaryAsset']['assetType'];\ntype SecondaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['secondaryAsset']['assetType'];\n\nconst getSettingsByPrimaryAsset = async (\n asset: Asset,\n secondaryAssetType: SecondaryAssetConfig\n) => {\n if (!asset?.id) {\n throw new Error('Primary asset id is empty!');\n }\n\n if (asset.type === 'rig') {\n const { wellId } = await getAssetByRigId(asset);\n\n return {\n [secondaryAssetType.id]: wellId && String(wellId),\n };\n } else if (asset.type === 'intervention_unit') {\n return {\n [secondaryAssetType.id]: null,\n };\n } else if (asset.type === 'frac_fleet') {\n const { padId } = await getAssetByFracFleetId(asset);\n\n return {\n [secondaryAssetType.id]: padId && String(padId),\n };\n } else {\n throw new Error(`Unknown primary asset type \"${String(asset.type)}\"`);\n }\n};\n\nconst getSettingsBySecondaryAsset = async (\n asset: Asset,\n primaryAssetType: PrimaryAssetConfig,\n currentPrimaryAsset?: PrimaryAsset\n) => {\n if (!asset.id) {\n throw new Error('Secondary asset id is empty!');\n }\n\n if (asset.type === 'pad') {\n const { fracFleetId } = await getAssetByPadId(asset, {\n // Falling back to current fleet if pad has no parent fleet id\n // Apparently it's OK when searching for pads, because then API returns proper parent fleet id\n fallbackFleetId: currentPrimaryAsset?.id,\n });\n\n return {\n [primaryAssetType.id]: fracFleetId && String(fracFleetId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'rig') {\n const { rigId } = await getAssetByWellIdForRig(asset);\n return {\n [primaryAssetType.id]: rigId && String(rigId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'intervention_unit') {\n const { interventionUnitId } = await getAssetByWellIdForInterventionUnit(asset);\n\n return { [primaryAssetType.id]: interventionUnitId && String(interventionUnitId) };\n } else {\n throw new Error(`Unknown secondary asset type \"${String(asset.type)}\"`);\n }\n};\n\nexport const AssetSelector = () => {\n const { app, appSettings, well, rig, fracFleet, interventionUnit, onSettingsChange } =\n useAppCommons();\n const segment = getAppSegment(app);\n const assetTypeData = SEGMENT_TO_ASSET_TYPE[segment];\n const [isLoading, setIsLoading] = useState(false);\n const [pad, setPad] = useState<Asset>();\n\n const { primaryAsset, secondaryAsset } = assetTypeData;\n\n const currentPrimaryAsset = useMemo((): PrimaryAsset \| undefined => {\n if (rig && primaryAsset.assetType.type === 'rig') {\n return { ...rig, type: 'rig' };\n } else if (fracFleet && primaryAsset.assetType.type === 'frac_fleet') {\n return { ...fracFleet, type: 'frac_fleet' };\n } else if (interventionUnit && primaryAsset.assetType.type === 'intervention_unit') {\n return { ...interventionUnit, type: 'intervention_unit' };\n }\n return undefined;\n }, [primaryAsset.assetType.type, rig, fracFleet, interventionUnit]);\n\n const currentSecondaryAsset = useMemo((): Asset \| undefined => {\n if (well && secondaryAsset.assetType.type === 'well') {\n return { ...well, type: 'well' };\n }\n\n if (pad && secondaryAsset.assetType.type === 'pad') {\n return pad;\n }\n\n return undefined;\n }, [secondaryAsset.assetType.type, well, pad]);\n\n const onPrimaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsByPrimaryAsset(asset, secondaryAsset.assetType);\n\n onSettingsChange({\n ...appSettings,\n [primaryAsset.assetType.id]: asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [primaryAsset.assetType, appSettings, onSettingsChange, secondaryAsset.assetType]\n );\n\n const onSecondaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsBySecondaryAsset(\n asset,\n primaryAsset.assetType,\n currentPrimaryAsset\n );\n\n const isActiveWellForIntervention =\n currentPrimaryAsset?.type === 'intervention_unit' &&\n Number(asset.id) === Number(currentPrimaryAsset.active_well?.id);\n\n onSettingsChange({\n ...appSettings,\n [secondaryAsset.assetType.id]: isActiveWellForIntervention ? null : asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [\n onSettingsChange,\n secondaryAsset.assetType,\n primaryAsset.assetType,\n appSettings,\n currentPrimaryAsset,\n ]\n );\n\n // Loading pad\n useEffect(() => {\n if (secondaryAsset.assetType.type === 'pad') {\n const loadPad = async () => {\n setIsLoading(true);\n\n const pads = await loadAssets({\n assetType: 'pad',\n page: 1,\n perPage: 1,\n ids: [Number(appSettings?.[secondaryAsset.assetType.id])],\n });\n\n const foundPad = pads.find(\n item => Number(item.id) === Number(appSettings?.[secondaryAsset.assetType.id])\n );\n\n setPad(foundPad);\n setIsLoading(false);\n };\n\n loadPad();\n }\n }, [primaryAsset.assetType, secondaryAsset.assetType, appSettings]);\n\n return (\n <div data-testid={AssetSelectorTestIds.RootTestId} className={styles.root}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n {assetTypeData ? (\n <div className={classNames(styles.content, isLoading && styles.loading)}>\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.PrimaryAssetTestId}\n type={primaryAsset.assetType}\n currentAsset={currentPrimaryAsset}\n onChange={onPrimaryAssetChange}\n />\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.SecondaryAssetTestId}\n type={secondaryAsset.assetType}\n currentAsset={currentSecondaryAsset}\n parentId={currentPrimaryAsset?.id}\n parentType={currentPrimaryAsset?.type}\n parentActiveWellId={\n currentPrimaryAsset?.type !== 'frac_fleet' && currentPrimaryAsset?.active_well?.id\n ? Number(currentPrimaryAsset.active_well.id)\n : undefined\n }\n onChange={onSecondaryAssetChange}\n />\n </div>\n ) : (\n <Text testId={AssetSelectorTestIds.NoAssetTypeTestId} size={14} color=\"T6\">\n No Asset Type Data for segment \"{String(segment)}\"\n </Text>\n )}\n </div>\n );\n};\n"],"names":["getSettingsByPrimaryAsset","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","asset","secondaryAssetType","_yield$getAssetByRigI","wellId","_yield$getAssetByFrac","padId","wrap","_context","prev","next","id","Error","type","getAssetByRigId","sent","String","abrupt","_defineProperty","getAssetByFracFleetId","stop","_x","_x2","apply","this","arguments","getSettingsBySecondaryAsset","_ref5","primaryAssetType","currentPrimaryAsset","_yield$getAssetByPadI","fracFleetId","_yield$getAssetByWell","rigId","_yield$getAssetByWell2","interventionUnitId","_context2","getAssetByPadId","fallbackFleetId","getAssetByWellIdForRig","getAssetByWellIdForInterventionUnit","_callee2","_x3","_x4","_x5","AssetSelector","_currentPrimaryAsset$2","_useAppCommons","useAppCommons","app","appSettings","well","rig","fracFleet","interventionUnit","onSettingsChange","segment","getAppSegment","assetTypeData","SEGMENT_TO_ASSET_TYPE","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState3","_useState4","pad","setPad","primaryAsset","secondaryAsset","useMemo","assetType","_objectSpread","currentSecondaryAsset","onPrimaryAssetChange","useCallback","_ref9","assetSettings","_context3","t0","console","error","finish","_callee3","_x6","onSecondaryAssetChange","_ref10","_currentPrimaryAsset$","isActiveWellForIntervention","_context4","Number","active_well","_callee4","_x7","useEffect","loadPad","_ref11","_callee5","pads","foundPad","_context5","loadAssets","page","perPage","ids","find","item","_jsxs","AssetSelectorTestIds","RootTestId","className","styles","root","children","_jsx","LoaderLogo","size","loader","classNames","content","loading","AssetSelectorSelect","testId","PrimaryAssetTestId","currentAsset","onChange","SecondaryAssetTestId","parentId","parentType","parentActiveWellId","undefined","Text","NoAssetTypeTestId","color"],"mappings":"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"}
1	+ {"version":3,"file":"AssetSelector.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AssetSelector/AssetSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Text } from '../../../Text';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport {\n getAssetByFracFleetId,\n getAssetByPadId,\n getAssetByRigId,\n getAssetByWellIdForInterventionUnit,\n getAssetByWellIdForRig,\n} from '../../../../utils/getSingleAsset';\n\nimport { AssetSelectorSelect } from './AssetSelectorSelect';\nimport { Asset, PrimaryAsset } from './AssetSelectorSelect/constants';\nimport { loadAssets } from './AssetSelectorSelect/loadAssets';\nimport { AssetSelectorTestIds } from './constants';\n\nimport styles from './AssetSelector.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { getAppSegment } from '~/utils/devcenter';\nimport { SEGMENT_TO_ASSET_TYPE } from '~/constants/segment';\n\ntype PrimaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['primaryAsset']['assetType'];\ntype SecondaryAssetConfig = typeof SEGMENT_TO_ASSET_TYPE[string]['secondaryAsset']['assetType'];\n\nconst getSettingsByPrimaryAsset = async (\n asset: Asset,\n secondaryAssetType: SecondaryAssetConfig\n) => {\n if (!asset?.id) {\n throw new Error('Primary asset id is empty!');\n }\n\n if (asset.type === 'rig') {\n const { wellId } = await getAssetByRigId(asset);\n\n return {\n [secondaryAssetType.id]: wellId && String(wellId),\n };\n } else if (asset.type === 'intervention_unit') {\n return {\n [secondaryAssetType.id]: null,\n };\n } else if (asset.type === 'frac_fleet') {\n const { padId } = await getAssetByFracFleetId(asset);\n\n return {\n [secondaryAssetType.id]: padId && String(padId),\n };\n } else {\n throw new Error(`Unknown primary asset type \"${String(asset.type)}\"`);\n }\n};\n\nconst getSettingsBySecondaryAsset = async (\n asset: Asset,\n primaryAssetType: PrimaryAssetConfig,\n currentPrimaryAsset?: PrimaryAsset\n) => {\n if (!asset.id) {\n throw new Error('Secondary asset id is empty!');\n }\n\n if (asset.type === 'pad') {\n const { fracFleetId } = await getAssetByPadId(asset, {\n // Falling back to current fleet if pad has no parent fleet id\n // Apparently it's OK when searching for pads, because then API returns proper parent fleet id\n fallbackFleetId: currentPrimaryAsset?.id,\n });\n\n return {\n [primaryAssetType.id]: fracFleetId && String(fracFleetId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'rig') {\n const { rigId } = await getAssetByWellIdForRig(asset);\n return {\n [primaryAssetType.id]: rigId && String(rigId),\n };\n } else if (asset.type === 'well' && primaryAssetType.type === 'intervention_unit') {\n const { interventionUnitId } = await getAssetByWellIdForInterventionUnit(asset);\n\n return { [primaryAssetType.id]: interventionUnitId && String(interventionUnitId) };\n } else {\n throw new Error(`Unknown secondary asset type \"${String(asset.type)}\"`);\n }\n};\n\nexport const AssetSelector = () => {\n const { app, appSettings, well, rig, fracFleet, interventionUnit, onSettingsChange } =\n useAppCommons();\n const segment = getAppSegment(app);\n const assetTypeData = SEGMENT_TO_ASSET_TYPE[segment];\n const [isLoading, setIsLoading] = useState(false);\n const [pad, setPad] = useState<Asset>();\n\n const { primaryAsset, secondaryAsset } = assetTypeData;\n\n const currentPrimaryAsset = useMemo((): PrimaryAsset \| undefined => {\n if (rig && primaryAsset.assetType.type === 'rig') {\n return { ...rig, type: 'rig' };\n } else if (fracFleet && primaryAsset.assetType.type === 'frac_fleet') {\n return { ...fracFleet, type: 'frac_fleet' };\n } else if (interventionUnit && primaryAsset.assetType.type === 'intervention_unit') {\n return { ...interventionUnit, type: 'intervention_unit' };\n }\n return undefined;\n }, [primaryAsset.assetType.type, rig, fracFleet, interventionUnit]);\n\n const currentSecondaryAsset = useMemo((): Asset \| undefined => {\n if (well && secondaryAsset.assetType.type === 'well') {\n return { ...well, type: 'well' };\n }\n\n if (pad && secondaryAsset.assetType.type === 'pad') {\n return pad;\n }\n\n return undefined;\n }, [secondaryAsset.assetType.type, well, pad]);\n\n const onPrimaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsByPrimaryAsset(asset, secondaryAsset.assetType);\n\n onSettingsChange({\n ...appSettings,\n [primaryAsset.assetType.id]: asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [primaryAsset.assetType, appSettings, onSettingsChange, secondaryAsset.assetType]\n );\n\n const onSecondaryAssetChange = useCallback(\n async (asset: Asset) => {\n try {\n setIsLoading(true);\n\n const assetSettings = await getSettingsBySecondaryAsset(\n asset,\n primaryAsset.assetType,\n currentPrimaryAsset\n );\n\n const isActiveWellForIntervention =\n currentPrimaryAsset?.type === 'intervention_unit' &&\n Number(asset.id) === Number(currentPrimaryAsset.active_well?.id);\n\n onSettingsChange({\n ...appSettings,\n [secondaryAsset.assetType.id]: isActiveWellForIntervention ? null : asset.id,\n ...assetSettings,\n });\n } catch (e) {\n console.error(e);\n } finally {\n setIsLoading(false);\n }\n },\n [\n onSettingsChange,\n secondaryAsset.assetType,\n primaryAsset.assetType,\n appSettings,\n currentPrimaryAsset,\n ]\n );\n\n // Loading pad\n useEffect(() => {\n if (secondaryAsset.assetType.type === 'pad') {\n const loadPad = async () => {\n setIsLoading(true);\n\n const pads = await loadAssets({\n assetType: 'pad',\n page: 1,\n perPage: 1,\n ids: [Number(appSettings?.[secondaryAsset.assetType.id])],\n });\n\n const foundPad = pads.find(\n item => Number(item.id) === Number(appSettings?.[secondaryAsset.assetType.id])\n );\n\n setPad(foundPad);\n setIsLoading(false);\n };\n\n loadPad();\n }\n }, [primaryAsset.assetType, secondaryAsset.assetType, appSettings]);\n\n return (\n <div data-testid={AssetSelectorTestIds.RootTestId} className={styles.root}>\n {isLoading && <LoaderLogo size={40} className={styles.loader} />}\n {assetTypeData ? (\n <div className={classNames(styles.content, isLoading && styles.loading)}>\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.PrimaryAssetTestId}\n type={primaryAsset.assetType}\n currentAsset={currentPrimaryAsset}\n onChange={onPrimaryAssetChange}\n />\n <AssetSelectorSelect\n testId={AssetSelectorTestIds.SecondaryAssetTestId}\n type={secondaryAsset.assetType}\n currentAsset={currentSecondaryAsset}\n parentId={currentPrimaryAsset?.id}\n parentType={currentPrimaryAsset?.type}\n parentActiveWellId={\n currentPrimaryAsset?.type !== 'frac_fleet' && currentPrimaryAsset?.active_well?.id\n ? Number(currentPrimaryAsset.active_well.id)\n : undefined\n }\n onChange={onSecondaryAssetChange}\n />\n </div>\n ) : (\n <Text testId={AssetSelectorTestIds.NoAssetTypeTestId} size={14} color=\"T6\">\n No Asset Type Data for segment \"{String(segment)}\"\n </Text>\n )}\n </div>\n );\n};\n"],"names":["getSettingsByPrimaryAsset","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","asset","secondaryAssetType","_yield$getAssetByRigI","wellId","_yield$getAssetByFrac","padId","wrap","_context","prev","next","id","Error","type","getAssetByRigId","sent","String","abrupt","_defineProperty","getAssetByFracFleetId","stop","_x","_x2","apply","this","arguments","getSettingsBySecondaryAsset","_ref5","primaryAssetType","currentPrimaryAsset","_yield$getAssetByPadI","fracFleetId","_yield$getAssetByWell","rigId","_yield$getAssetByWell2","interventionUnitId","_context2","getAssetByPadId","fallbackFleetId","getAssetByWellIdForRig","getAssetByWellIdForInterventionUnit","_callee2","_x3","_x4","_x5","AssetSelector","_currentPrimaryAsset$2","_useAppCommons","useAppCommons","app","appSettings","well","rig","fracFleet","interventionUnit","onSettingsChange","segment","getAppSegment","assetTypeData","SEGMENT_TO_ASSET_TYPE","useState","_useState2","_slicedToArray","_useState","isLoading","setIsLoading","_useState3","_useState4","pad","setPad","primaryAsset","secondaryAsset","useMemo","assetType","_objectSpread","currentSecondaryAsset","onPrimaryAssetChange","useCallback","_ref9","assetSettings","_context3","t0","console","error","finish","_callee3","_x6","onSecondaryAssetChange","_ref10","_currentPrimaryAsset$","isActiveWellForIntervention","_context4","Number","active_well","_callee4","_x7","useEffect","loadPad","_ref11","_callee5","pads","foundPad","_context5","loadAssets","page","perPage","ids","find","item","_jsxs","AssetSelectorTestIds","RootTestId","className","styles","root","children","_jsx","LoaderLogo","size","loader","classNames","content","loading","AssetSelectorSelect","testId","PrimaryAssetTestId","currentAsset","onChange","SecondaryAssetTestId","parentId","parentType","parentActiveWellId","undefined","Text","NoAssetTypeTestId","color"],"mappings":"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"}

package/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/regenerator";import{useState as t,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as C,VersionSelectTestIds as b}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}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{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.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/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/index.js";import"uuid";import"jsona";import"../../../../utils/env.js";import"../../../../components/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"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as k,jsx as x}from"react/jsx-runtime";var F,O=(n(F={},a.BETA,g.beta),n(F,a.DEV,g.dev),n(F,a.PROD,g.prod),F),T=function(n){var a=n.className,F=P(),T=F.app,y=F.appId,S=F.onSettingChange,M=F.onSettingsChange,D=F.isNonIsolatedApp,E=t(!1),L=s(E,2),R=L[0],B=L[1],N=t(!0),V=s(N,2),G=V[0],w=V[1],z=t(),q=s(z,2),U=q[0],_=q[1],W=c(null),K=c(!1),Z=r((function(){return B(!0)}),[]),H=r((function(){return B(!1)}),[]),J=(null==T?void 0:T.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),no=C()&&Boolean(D);e((function(){if(R&&!K.current&&!U){K.current=!0;var s=function(){var s=o(i.mark((function o(){var s;return i.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(y,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:w(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[R,U,y]);var io=r((function(o){H();var s=o.label||o.version;C()?M({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,M]);return oo?k(u,{className:m(g.root,a),size:14,children:[x(d,{title:"Change App Version",disabled:so.length>15,children:x("div",{"data-testid":b.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:k(l,{className:m(g.button,O[X]||g.nonLabelledVersion),testId:b.CurrentVersionLabelTestId,children:[so,x(v,{size:16,className:g.icon})]})})}),x(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:G?x(j,{size:40}):x(f,{packages:U,onChange:io,areReact17PackagesIncompatible:no})})]}):null};export{T as VersionSelect};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as n,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as b,VersionSelectTestIds as C}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}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{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.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/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/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"../../../../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"../../../../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"uuid";import"../../../../components/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"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as F}from"react/jsx-runtime";var k,y=(i(k={},a.BETA,g.beta),i(k,a.DEV,g.dev),i(k,a.PROD,g.prod),k),O=function(i){var a=i.className,k=P(),O=k.app,T=k.appId,S=k.onSettingChange,D=k.onSettingsChange,M=k.isNonIsolatedApp,E=n(!1),L=s(E,2),R=L[0],N=L[1],B=n(!0),V=s(B,2),z=V[0],G=V[1],w=n(),U=s(w,2),q=U[0],_=U[1],W=c(null),K=c(!1),Z=r((function(){return N(!0)}),[]),H=r((function(){return N(!1)}),[]),J=(null==O?void 0:O.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),io=b()&&Boolean(M);e((function(){if(R&&!K.current&&!q){K.current=!0;var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(T,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:G(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[R,q,T]);var to=r((function(o){H();var s=o.label||o.version;b()?D({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,D]);return oo?x(u,{className:m(g.root,a),size:14,children:[F(d,{title:"Change App Version",disabled:so.length>15,children:F("div",{"data-testid":C.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:x(l,{className:m(g.button,y[X]||g.nonLabelledVersion),testId:C.CurrentVersionLabelTestId,children:[so,F(v,{size:16,className:g.icon})]})})}),F(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:z?F(j,{size:40}):F(f,{packages:q,onChange:to,areReact17PackagesIncompatible:io})})]}):null};export{O as VersionSelect};
 //# sourceMappingURL=VersionSelect.js.map

package/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"~~m3NAyBMA~~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"}
1	+ {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"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"}

package/componentsV2/AppPanel/AppPanelDisplay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as r}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";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 e from"../../effects/useOutsideClick.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"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/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"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as n}from"./AppPanelsContext.js";import{Paper as i}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import c from"./AppPanelDisplay.scss.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=n(h),b=f.isOpen,v=f.isPinned,C=f.close,P=f.isAnimated,A=f.width,g=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),E=r()||{},k=E.height,D=E.width,N=o((function(){return{maxHeight:"min(".concat(k||0,"px, 100vh)"),maxWidth:D?D-2*j:0,width:x&&D?D-2*j:A}}),[D,k,x,A]);return e(w,C,[y,'[role="tooltip"]','[role="presentation"]']),g?l(m,{value:h,children:[u.current&&!v&&d(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:C,className:c.popover,preventScroll:!1,backdrop:!1,animate:P,style:N,preventOverflow:!0,children:d(g,{})}),v&&d(i,{className:s(c.pinned,"start"===S?c.pinnedStart:c.pinnedEnd),style:N,children:d(g,{})})]}):null};export{u as AppPanelDisplay};
+import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as i}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";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 r from"../../effects/useOutsideClick.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"../../components/GradientManager/configuration/constants.js";import"../../components/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"../../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"../../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"uuid";import"../../components/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"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as e}from"./AppPanelsContext.js";import{Paper as n}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import l from"./AppPanelDisplay.scss.js";import{jsxs as c,jsx as j}from"react/jsx-runtime";var u=Number(a.sidePadding.replace(/[^.0-9]/g,"")),d=function(a){var d=a.anchorRef,h=a.id,f=e(h),b=f.isOpen,g=f.isPinned,v=f.close,C=f.isAnimated,P=f.width,A=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),D=i()||{},E=D.height,N=D.width,k=o((function(){return{maxHeight:"min(".concat(E||0,"px, 100vh)"),maxWidth:N?N-2*u:0,width:x&&N?N-2*u:P}}),[N,E,x,P]);return r(w,v,[y,'[role="tooltip"]','[role="presentation"]']),A?c(m,{value:h,children:[d.current&&!g&&j(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:d.current,onClose:v,className:l.popover,preventScroll:!1,backdrop:!1,animate:C,style:k,preventOverflow:!0,children:j(A,{})}),g&&j(n,{className:s(l.pinned,"start"===S?l.pinnedStart:l.pinnedEnd),style:k,children:j(A,{})})]}):null};export{d as AppPanelDisplay};
 //# sourceMappingURL=AppPanelDisplay.js.map

package/componentsV2/AppPanel/AppPanelDisplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n id: string \| symbol;\n anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n const {\n isOpen,\n isPinned,\n close,\n isAnimated,\n width: panelWidth,\n component: Component,\n opener,\n isExpanded,\n placement,\n } = useAppPanelInternal(id);\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { height, width: appWidth } = useAppSize() \|\| {};\n\n const wrapperStyle = useMemo<CSSProperties>(\n () => ({\n maxHeight: `min(${height \|\| 0}px, 100vh)`,\n maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n }),\n [appWidth, height, isExpanded, panelWidth]\n );\n\n useOutsideClick(popoverRef, close, [\n opener,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n if (!Component) {\n return null;\n }\n\n return (\n <AppPanelIdProvider value={id}>\n {anchorRef.current && !isPinned && (\n <PopoverPanel\n flip={false}\n ref={popoverRef}\n open={isOpen}\n placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n anchorEl={anchorRef.current}\n onClose={close}\n className={styles.popover}\n preventScroll={false}\n backdrop={false}\n animate={isAnimated}\n style={wrapperStyle}\n preventOverflow={true}\n >\n <Component />\n </PopoverPanel>\n )}\n\n {isPinned && (\n <Paper\n className={classNames(\n styles.pinned,\n placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n )}\n style={wrapperStyle}\n >\n <Component />\n </Paper>\n )}\n </AppPanelIdProvider>\n );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"~~qrEAcA~~,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAACrB,EAAS,MAIbL,GACC0B,EAACe,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdlC,EAAwByB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOvB,EAAaQ,SAEpBE,EAACrB,EAAS,SAhCT,IAqCX"}
1	+ {"version":3,"file":"AppPanelDisplay.js","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { useAppSize } from '../AppSizeProvider';\nimport { useOutsideClick } from '../../effects';\nimport { Paper } from '../Paper';\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\nimport { AppPanelIdProvider } from './AppPanelIdContext';\n\nimport styleConstants from '../AppContainer/AppContainer.constants.scss';\nimport styles from './AppPanelDisplay.scss';\n\nconst sidePadding = Number(styleConstants.sidePadding.replace(/[^.0-9]/g, ''));\n\nexport type PanelProps = {\n id: string \| symbol;\n anchorRef: RefObject<HTMLDivElement>;\n};\n\nexport const AppPanelDisplay = ({ anchorRef, id }: PanelProps) => {\n const {\n isOpen,\n isPinned,\n close,\n isAnimated,\n width: panelWidth,\n component: Component,\n opener,\n isExpanded,\n placement,\n } = useAppPanelInternal(id);\n const popoverRef = useRef<HTMLDivElement>(null);\n\n const { height, width: appWidth } = useAppSize() \|\| {};\n\n const wrapperStyle = useMemo<CSSProperties>(\n () => ({\n maxHeight: `min(${height \|\| 0}px, 100vh)`,\n maxWidth: appWidth ? appWidth - sidePadding * 2 : 0,\n width: isExpanded && appWidth ? appWidth - sidePadding * 2 : panelWidth,\n }),\n [appWidth, height, isExpanded, panelWidth]\n );\n\n useOutsideClick(popoverRef, close, [\n opener,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n if (!Component) {\n return null;\n }\n\n return (\n <AppPanelIdProvider value={id}>\n {anchorRef.current && !isPinned && (\n <PopoverPanel\n flip={false}\n ref={popoverRef}\n open={isOpen}\n placement={placement === 'start' ? 'bottom-start' : 'bottom-end'}\n anchorEl={anchorRef.current}\n onClose={close}\n className={styles.popover}\n preventScroll={false}\n backdrop={false}\n animate={isAnimated}\n style={wrapperStyle}\n preventOverflow={true}\n >\n <Component />\n </PopoverPanel>\n )}\n\n {isPinned && (\n <Paper\n className={classNames(\n styles.pinned,\n placement === 'start' ? styles.pinnedStart : styles.pinnedEnd\n )}\n style={wrapperStyle}\n >\n <Component />\n </Paper>\n )}\n </AppPanelIdProvider>\n );\n};\n"],"names":["sidePadding","Number","styleConstants","replace","AppPanelDisplay","_ref","anchorRef","id","useAppPanelInternal","isOpen","isPinned","close","isAnimated","panelWidth","width","Component","component","opener","isExpanded","placement","popoverRef","useRef","_ref2","useAppSize","height","appWidth","wrapperStyle","useMemo","maxHeight","maxWidth","useOutsideClick","_jsxs","AppPanelIdProvider","value","children","current","_jsx","PopoverPanel","flip","ref","open","anchorEl","onClose","className","styles","popover","preventScroll","backdrop","animate","style","preventOverflow","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"wiGAcA,IAAMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,KAO7DC,EAAkB,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAoBD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,EAAuB,MAE1CC,EAAoCC,KAAgB,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,GACnB,WAAA,MAAO,CACLC,UAAkBJ,OAAAA,OAAAA,GAAU,EAAa,cACzCK,SAAUJ,EAAWA,EAAyB,EAAdzB,EAAkB,EAClDc,MAAOI,GAAcO,EAAWA,EAAyB,EAAdzB,EAAkBa,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAACC,EAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,EAACC,EAAY,CACXC,MAAM,EACNC,IAAKnB,EACLoB,KAAM/B,EACNU,UAAyB,UAAdA,EAAwB,eAAiB,aACpDsB,SAAUnC,EAAU6B,QACpBO,QAAS/B,EACTgC,UAAWC,EAAOC,QAClBC,eAAe,EACfC,UAAU,EACVC,QAASpC,EACTqC,MAAOvB,EACPwB,iBAAiB,EAAKhB,SAEtBE,EAACrB,EAAS,MAIbL,GACC0B,EAACe,EAAK,CACJR,UAAWS,EACTR,EAAOS,OACO,UAAdlC,EAAwByB,EAAOU,YAAcV,EAAOW,WAEtDN,MAAOvB,EAAaQ,SAEpBE,EAACrB,EAAS,SAhCT,IAqCX"}