@corva/ui 3.34.0-6 → 3.34.0-7
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.
- package/cjs-bundle/componentsV2/AppHeader/AppHeader.js +1 -1
- package/cjs-bundle/componentsV2/AppHeader/V3/AppHeaderV3.js +1 -1
- package/cjs-bundle/componentsV2/AppHeader/V3/AppTitle/AppTitle.js +1 -1
- package/componentsV2/AppHeader/AppHeader.d.ts +6 -2
- package/componentsV2/AppHeader/AppHeader.d.ts.map +1 -1
- package/componentsV2/AppHeader/AppHeader.js +1 -1
- package/componentsV2/AppHeader/AppHeader.stories.d.ts.map +1 -1
- package/componentsV2/AppHeader/V3/AppHeaderV3.d.ts +3 -2
- package/componentsV2/AppHeader/V3/AppHeaderV3.d.ts.map +1 -1
- package/componentsV2/AppHeader/V3/AppHeaderV3.js +1 -1
- package/componentsV2/AppHeader/V3/AppHeaderV3.stories.d.ts +1 -0
- package/componentsV2/AppHeader/V3/AppHeaderV3.stories.d.ts.map +1 -1
- package/componentsV2/AppHeader/V3/AppTitle/AppTitle.d.ts +3 -1
- package/componentsV2/AppHeader/V3/AppTitle/AppTitle.d.ts.map +1 -1
- package/componentsV2/AppHeader/V3/AppTitle/AppTitle.js +1 -1
- package/componentsV2/AppHeader/V3/constants.d.ts +5 -0
- package/componentsV2/AppHeader/V3/constants.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),t=require("react"),a=require("lodash"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),t=require("react"),a=require("lodash"),i=require("../Header/Header.js"),d=require("../TextEndTruncated/TextEndTruncated.js"),r=require("../../utils/devcenter.js"),l=require("../../constants/segment.js"),n=require("../AppCommonsProvider/AppCommonsContext.js"),o=require("./AppBadge/AppBadge.js"),p=require("./AppAssets/AppAssets.js"),c=require("./PadMode/PadMode.js"),u=require("./AppHeader.constants.js"),m=require("./V3/AppHeaderV3.js"),g=require("./AppHeader.scss.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=A(s);exports.AppHeader=function(s){var A=s.className,C=s.testId,h=s.logo,x=s.children,N=s.padModeDisabled,q=s.padModeWells,v=s.onPadModeChange,f=s.elementsClassNames,S=s.title,M=s.asset,T=s.dqData,b=s.lastUpdate,H=s.additionalActions,w=s.showComments,P=s.titleControls,E=s.disableSettingsPin,I=void 0===E||E,y=s.disableSettings,B=s.showAssetChips,D=void 0===B||B,V=s.additionalControls,O=s.rightSideContent,F=s.disableAssetSelector,L=s.titleMenuActions,U=n.useAppCommons(),W=U.app,_=U.well,G=U.fracFleet,k=U.wells,z=U.onSettingChange,J=U.appSettings,K=void 0===J?{}:J,Q=U.appHeadersV3Enabled,R=U.appName,X=q||k,Y=r.getAppSegment(W),Z=!(N||Y!==l.SEGMENTS.COMPLETION||_||a.isEmpty(X)||!G),$=t.useMemo((function(){return v?function(e,s){return v(s)}:z}),[v,z]);return Q?e.jsx(m.AppHeaderV3,{testId:C,className:A,elementsClassNames:f,logo:h,title:S,padModeDisabled:N,padModeWells:q,asset:M,dqData:T,lastUpdate:b,additionalActions:H,showComments:w,titleControls:P,disableSettingsPin:I,disableSettings:y,showAssetChips:D,additionalControls:V||x,disableAssetSelector:F,titleMenuActions:L}):e.jsxs("div",{className:j.default(g.root,A),"data-testid":C,children:[e.jsxs(i.Header,{className:j.default(g.logoTitleBadgeContainer,null==f?void 0:f.title),appearance:"appName",children:[h&&e.jsx("div",{className:g.logoContainer,children:"string"==typeof h?e.jsx("img",{className:g.logo,src:h,alt:"Logo"}):h}),e.jsx(d.TextEndTruncated,{className:g.appName,testId:u.AppHeaderTestIds.AppTitleTestId,children:S||R}),e.jsx(o.AppBadge,{app:W})]}),(x||V||Z)&&e.jsxs("div",{className:j.default(g.additional,null==f?void 0:f.additional),children:[Z&&e.jsx(c.PadMode,{app:W,appSettings:K,fracFleet:G,onSettingChange:$,well:_,wells:X}),V||x]}),e.jsx("div",{className:j.default(g.assetChips,null==f?void 0:f.chips),children:e.jsx(p.AppAssets,{forceNarrow:Z||!!x})}),O&&e.jsx("div",{className:g.rightSideContent,children:O})]})};
|
|
2
2
|
//# sourceMappingURL=AppHeader.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("classnames"),l=require("lodash"),i=require("../../../constants/segment.js"),o=require("../../../utils/devcenter.js"),n=require("../../PadModeSelect/PadModeSelect.js");require("../../PadModeSelect/PadModeSelect.constants.js");var a=require("../AppHeader.constants.js"),d=require("../../AppCommonsProvider/AppCommonsContext.js"),r=require("./VersionSelect/VersionSelect.js"),u=require("./AssetChips/AssetChips.js"),c=require("./AppTitle/AppTitle.js");require("./AppTitle/AppTitle.constants.js");var p=require("./useResponsivity.js"),v=require("./Actions/Actions.js");require("./Actions/Actions.constants.js");var f=require("./AppHeaderV3.scss.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("classnames"),l=require("lodash"),i=require("../../../constants/segment.js"),o=require("../../../utils/devcenter.js"),n=require("../../PadModeSelect/PadModeSelect.js");require("../../PadModeSelect/PadModeSelect.constants.js");var a=require("../AppHeader.constants.js"),d=require("../../AppCommonsProvider/AppCommonsContext.js"),r=require("./VersionSelect/VersionSelect.js"),u=require("./AssetChips/AssetChips.js"),c=require("./AppTitle/AppTitle.js");require("./AppTitle/AppTitle.constants.js");var p=require("./useResponsivity.js"),v=require("./Actions/Actions.js");require("./Actions/Actions.constants.js");var f=require("./AppHeaderV3.scss.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=A(t);exports.AppHeaderV3=function(t){var A,m,C,h,I,q,R,x,S,M,y,N=t.elementsClassNames,g=t.className,L=t.testId,T=t.logo,b=t.additionalControls,P=t.title,w=t.padModeDisabled,H=t.padModeWells,V=t.dqData,E=t.asset,D=t.lastUpdate,O=t.additionalActions,k=t.showComments,U=t.titleControls,W=t.disableSettingsPin,_=void 0===W||W,B=t.disableSettings,F=t.showAssetChips,G=t.disableAssetSelector,z=t.titleMenuActions,J=s.useRef(null),K=d.useAppCommonsInternal(),Q=K.app,X=K.well,Y=K.wells,Z=K.fracFleet,$=K.isInsideNewMobileApp,ee=o.getAppSegment(Q),se=H||Y,te=!(w||ee!==i.SEGMENTS.COMPLETION||X||l.isEmpty(se)||!Z||$),le=T?"ultranarrow":te||b?"narrow":void 0,ie=s.useRef(null),oe=s.useRef(null),ne=s.useRef(null),ae=s.useRef(null),de=s.useRef(null),re=s.useRef(null),ue=s.useRef(null),ce=p.useResponsivity({disabled:$,rootRef:J,versionRef:ie,additionalControlsRef:ne,titleControlsRef:ae,logoRef:re,padModeRef:oe,chipsRef:de,actionsRef:ue});return e.jsxs("div",{className:j.default(f.root,g),"data-testid":L,ref:J,children:[e.jsx("div",{className:j.default(f.logoContainer,null==N?void 0:N.logoContainer),ref:re,children:T&&"string"==typeof T?e.jsx("img",{className:f.logo,src:T,alt:"Logo"}):T}),e.jsx(c.AppTitle,{title:P,asset:E,dqData:V,lastUpdate:D,className:null==N?void 0:N.title,disableAssetSelector:G,titleMenuActions:z}),U&&e.jsx("div",{className:j.default(f.titleControls,(null===(A=ce.titleControls)||void 0===A?void 0:A.lastInLine)&&f.lastInLine,null==N?void 0:N.titleControls),ref:ae,style:null===(m=ce.titleControls)||void 0===m?void 0:m.style,children:U}),!$&&e.jsx("div",{className:f.version,ref:ie,children:e.jsx(r.VersionSelect,{className:null==N?void 0:N.versionSelect})}),te&&e.jsx("div",{className:j.default(f.padMode,(null===(C=ce.padMode)||void 0===C?void 0:C.lastInLine)&&f.lastInLine),ref:oe,style:null===(h=ce.padMode)||void 0===h?void 0:h.style,children:e.jsx(n.PadModeSelect,{testId:a.AppHeaderTestIds.PadModeSelectTestId})}),b&&e.jsx("div",{className:j.default(f.additionalControls,(null===(I=ce.additionalControls)||void 0===I?void 0:I.lastInLine)&&f.lastInLine,null==N?void 0:N.additionalControls),ref:ne,style:null===(q=ce.additionalControls)||void 0===q?void 0:q.style,"data-testid":a.AppHeaderTestIds.AdditionalControlsTestId,children:b}),F&&!$&&e.jsx("div",{className:j.default(f.assetChips,(null===(R=ce.chips)||void 0===R?void 0:R.lastInLine)&&f.lastInLine,null==N?void 0:N.chips),ref:de,style:null===(x=ce.chips)||void 0===x?void 0:x.style,children:e.jsx(u.AssetChips,{chipsWidth:le})}),e.jsx("div",{className:j.default(f.actions,(null===(S=ce.actions)||void 0===S?void 0:S.lastInLine)&&f.lastInLine,null==N?void 0:N.actions),ref:ue,style:null===(M=ce.actions)||void 0===M?void 0:M.style,"data-testid":a.AppHeaderTestIds.ActionsRootTestId,children:e.jsx(v.Actions,{additionalActions:O,showComments:k,disableSettingsPin:_,disableSettings:B,rootRef:J})}),null===(y=ce.linebreaks)||void 0===y?void 0:y.map((function(s,t){return e.jsx("div",{className:f.responsivenessLineBreak,style:s},t)}))]})};
|
|
2
2
|
//# sourceMappingURL=AppHeaderV3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),n=require("classnames"),i=require("react"),o=require("moment"),t=require("@material-ui/core"),r=require("../../../TextEndTruncated/TextEndTruncated.js"),c=require("../../../Button/Button.js"),u=require("../DqStatusIcon/DqStatusIcon.js");require("../DqStatusIcon/DqStatusIcon.constants.js");var l=require("../../../AppDqPopover/AppDqPopover.js"),a=require("../../../Menu/Menu.js"),d=require("../../../../components/AppIcon/AppIcon.js"),p=require("../../../../utils/devcenter.js"),m=require("../../../Text/Text.js"),j=require("../../../Accordion/Accordion.js"),I=require("../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js"),q=require("../AssetSelector/AssetSelector.js");require("../AssetSelector/constants.js");var v=require("../../../../constants/segment.js"),x=require("../../../AppCommonsProvider/AppCommonsContext.js"),A=require("../../../UniversalLink/UniversalLink.js"),f=require("./AppTitle.constants.js"),T=require("../../../AppContainer/headerCommon.scss.js"),h=require("./AppTitle.scss.js"),C=require("../../../../icons/iconParkIcons.js"),g=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js");var b=require("../../../../effects/useOutsideClick.js");require("../../../../utils/index.js");var k=require("../../../../effects/useWellnessAlerts.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/get"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../constants/completion.js"),require("../../../../constants/streamSourceType.js"),require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js");var N=M(n),S=M(o),y=function(e){return e&&"asset_id"in e?{name:e.name,id:e.asset_id}:e};exports.AppTitle=function(n){var o,M,D,E,F,R,z,O,P=n.asset,L=n.className,B=n.dqData,_=n.lastUpdate,U=n.title,w=n.disableAssetSelector,H=x.useAppCommonsInternal(),G=H.app,W=H.appId,Y=H.maximized,V=H.toggleAnnotationsList,Z=H.onHelpCenterClick,J=H.secondaryMenuItems,K=H.appName,Q=H.layoutEnvironment,X=H.isInsideNewMobileApp,$=i.useState(!1),ee=$[0],se=$[1],ne=i.useRef(),ie=i.useRef(),oe=i.useRef(null),te=i.useRef(null),re=i.useState(!1),ce=re[0],ue=re[1],le=i.useRef(null),ae=i.useCallback((function(){return se((function(e){return!e}))}),[]),de=i.useCallback((function(){return ue((function(e){return!e}))}),[]),pe=i.useCallback((function(){clearTimeout(ne.current),clearTimeout(ie.current),ne.current=setTimeout((function(){se(!0)}),300)}),[]),me=i.useCallback((function(){clearTimeout(ne.current),clearTimeout(ie.current),ne.current=setTimeout((function(){se(!1)}),700)}),[]);b(te,ae,[oe.current]);var je=(P instanceof Array&&P.length>0||!!P)&&!B&&!X,Ie=k.useWellnessAlerts({isDCApp:je,appId:W,multiRigAssets:P instanceof Array?P:void 0,asset:P instanceof Array?void 0:y(P),maximized:Y,dashboards:[]}),qe=B||Ie,ve=(je||!!B)&&!X,xe=(null===(o=null==qe?void 0:qe.wellnessAlerts)||void 0===o?void 0:o.alertsData)||{},Ae=function(e){if(e){if("number"==typeof e){var s=Date.now();return Math.abs(s-e)>Math.abs(s-1e3*e)?S.default.unix(e):S.default(e)}return S.default(e)}return null}(_),fe=i.useCallback((function(){de(),null==V||V()}),[V,de]),Te=i.useCallback((function(){de(),null==Z||Z()}),[Z,de]),he=i.useState(!1),Ce=he[0],ge=he[1],be=i.useCallback((function(){de(),ge(!0)}),[de]),ke=i.useCallback((function(){ge(!1)}),[]),Me=i.useMemo((function(){return null==J?void 0:J.map((function(s){return e.__assign(e.__assign({},s),{onClick:function(){var e;de(),null===(e=s.onClick)||void 0===e||e.call(s)}})}))}),[J,de]),Ne=!!(null===(F=null===(E=null===(D=null===(M=G.package)||void 0===M?void 0:M.manifest)||void 0===D?void 0:D.application)||void 0===E?void 0:E.ui)||void 0===F?void 0:F.multi_rig),Se="asset"===(null==Q?void 0:Q.type),ye=p.getAppSegment(G)===v.SEGMENTS.COMPLETION,De=!(Ne||Se&&ye||w),Ee=(null==Ae?void 0:Ae.isValid())?"Last Update: ".concat(Ae.format("MMM D YYYY, hh:mm A")):void 0,Fe=U||K;return X?s.jsx("div",{className:N.default(h.root,L),children:s.jsx("div",{className:h.title,children:s.jsx(r.TextEndTruncated,{className:N.default(h.titleText),testId:f.AppTitleTestIds.AppNameTestId,children:Fe})})}):s.jsxs("div",{className:N.default(h.root,L),children:[ve&&s.jsx(u.DqStatusIcon,{statusBadgeIconType:qe.statusBadgeIconType,className:h.dqBadge,onClick:ae,onMouseEnter:pe,onMouseLeave:me,ref:oe}),s.jsx(c.Button,{type:"tertiary",size:"small",className:h.title,suffix:s.jsx("div",{className:N.default(h.titleChevron,T.titleChevron,ce&&h.titleChevronOpen),children:s.jsx(C.DownIcon,{size:16})}),ref:le,onClick:de,children:s.jsx(r.TextEndTruncated,{className:N.default(h.titleText,ve&&h.withDq),testId:f.AppTitleTestIds.AppNameTestId,children:Fe})}),s.jsx(l.AppDqPopover,{open:ee,anchorEl:oe.current,placement:"bottom-start",alertsData:xe,onClose:ae,contentRef:te,onMouseEnter:pe,onMouseLeave:me}),s.jsxs(a.Menu,{anchorEl:le.current,open:ce,className:h.menuRoot,onClose:de,children:[s.jsxs(A.UniversalLink,{href:"/app-store/app/".concat(null===(R=null==G?void 0:G.app)||void 0===R?void 0:R.id),className:h.menuHeader,"data-testid":f.AppTitleTestIds.AppStoreLinkTestId,children:[s.jsx(d.AppIcon,{"data-testid":f.AppTitleTestIds.AppIconTestId,className:h.appIcon,segment:[p.getAppSegment(G)],iconUrl:null===(O=null===(z=null==G?void 0:G.app)||void 0===z?void 0:z.icon)||void 0===O?void 0:O.url,height:40,width:40}),s.jsxs("div",{className:h.menuHeaderText,children:[s.jsx(m.Text,{children:s.jsx(r.TextEndTruncated,{testId:f.AppTitleTestIds.MenuAppNameTestId,children:K})}),s.jsx(m.Text,{size:12,color:"T6",children:"Open in Appstore"})]})]}),s.jsx("div",{className:h.divider}),De&&s.jsx(a.Menu.Item,{size:"large",disableClickEffect:!0,className:h.assetMenuItem,children:s.jsx(j.Accordion,{title:s.jsxs("div",{className:h.accordionTitle,children:[s.jsx(C.SettingOneIcon,{size:24,className:h.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:f.AppTitleTestIds.AssetSelectorAccordionTestId,children:s.jsx(q.AssetSelector,{})})}),null==Me?void 0:Me.map((function(e,n){return s.jsxs(i.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",onClick:e.onClick,prefix:"string"==typeof e.icon?s.jsx(t.Icon,{children:e.icon}):e.icon,testId:f.AppTitleTestIds.AdditionalSelectionTestId,children:e.title})]},n)})),Z&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(C.HelpIcon,{}),onClick:Te,testId:f.AppTitleTestIds.HelpCenterLinkTestId,children:"Help Center"})]}),V&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(g.AddMessageCustomIcon,{fill:"currentColor"}),onClick:fe,testId:f.AppTitleTestIds.AnnotationsTestId,children:"Add Annotation"})]}),s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(C.DeleteFourIcon,{}),className:h.removeAppItem,onClick:be,testId:f.AppTitleTestIds.RemoveAppTestId,children:"Remove App"}),(null==Ae?void 0:Ae.isValid())&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsxs("div",{className:h.footer,children:[s.jsx(u.DqStatusIcon,{statusBadgeIconType:qe.statusBadgeIconType,className:h.footerDqBadge,ref:oe}),Ee&&s.jsx(m.Text,{size:12,color:"T6",children:Ee})]})]})]}),s.jsx(I.AppRemoveConfirmationModal,{open:Ce,onClose:ke})]})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../ext-esm/tslib/tslib.es6.js'),s=require("react/jsx-runtime"),n=require("classnames"),i=require("react"),o=require("moment"),t=require("@material-ui/core"),r=require("../../../TextEndTruncated/TextEndTruncated.js"),c=require("../../../Button/Button.js"),u=require("../DqStatusIcon/DqStatusIcon.js");require("../DqStatusIcon/DqStatusIcon.constants.js");var l=require("../../../AppDqPopover/AppDqPopover.js"),a=require("../../../Menu/Menu.js"),d=require("../../../../components/AppIcon/AppIcon.js"),p=require("../../../../utils/devcenter.js"),m=require("../../../Text/Text.js"),j=require("../../../Accordion/Accordion.js"),I=require("../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js"),q=require("../AssetSelector/AssetSelector.js");require("../AssetSelector/constants.js");var v=require("../../../../constants/segment.js"),x=require("../../../AppCommonsProvider/AppCommonsContext.js"),A=require("../../../UniversalLink/UniversalLink.js"),f=require("./AppTitle.constants.js"),T=require("../../../AppContainer/headerCommon.scss.js"),h=require("./AppTitle.scss.js"),C=require("../../../../icons/iconParkIcons.js"),g=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js");var b=require("../../../../effects/useOutsideClick.js");require("../../../../utils/index.js");var k=require("../../../../effects/useWellnessAlerts.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("lodash/get"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../constants/completion.js"),require("../../../../constants/streamSourceType.js"),require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js");var N=M(n),S=M(o),y=function(e){return e&&"asset_id"in e?{name:e.name,id:e.asset_id}:e};exports.AppTitle=function(n){var o,M,D,E,F,R,z,O,P=n.asset,L=n.className,B=n.dqData,_=n.lastUpdate,U=n.title,w=n.disableAssetSelector,H=n.titleMenuActions,G=x.useAppCommonsInternal(),W=G.app,Y=G.appId,V=G.maximized,Z=G.toggleAnnotationsList,J=G.onHelpCenterClick,K=G.secondaryMenuItems,Q=G.appName,X=G.layoutEnvironment,$=G.isInsideNewMobileApp,ee=i.useState(!1),se=ee[0],ne=ee[1],ie=i.useRef(),oe=i.useRef(),te=i.useRef(null),re=i.useRef(null),ce=i.useState(!1),ue=ce[0],le=ce[1],ae=i.useRef(null),de=i.useCallback((function(){return ne((function(e){return!e}))}),[]),pe=i.useCallback((function(){return le((function(e){return!e}))}),[]),me=i.useCallback((function(){clearTimeout(ie.current),clearTimeout(oe.current),ie.current=setTimeout((function(){ne(!0)}),300)}),[]),je=i.useCallback((function(){clearTimeout(ie.current),clearTimeout(oe.current),ie.current=setTimeout((function(){ne(!1)}),700)}),[]);b(re,de,[te.current]);var Ie=(P instanceof Array&&P.length>0||!!P)&&!B&&!$,qe=k.useWellnessAlerts({isDCApp:Ie,appId:Y,multiRigAssets:P instanceof Array?P:void 0,asset:P instanceof Array?void 0:y(P),maximized:V,dashboards:[]}),ve=B||qe,xe=(Ie||!!B)&&!$,Ae=(null===(o=null==ve?void 0:ve.wellnessAlerts)||void 0===o?void 0:o.alertsData)||{},fe=function(e){if(e){if("number"==typeof e){var s=Date.now();return Math.abs(s-e)>Math.abs(s-1e3*e)?S.default.unix(e):S.default(e)}return S.default(e)}return null}(_),Te=i.useCallback((function(){pe(),null==Z||Z()}),[Z,pe]),he=i.useCallback((function(){pe(),null==J||J()}),[J,pe]),Ce=i.useState(!1),ge=Ce[0],be=Ce[1],ke=i.useCallback((function(){pe(),be(!0)}),[pe]),Me=i.useCallback((function(){be(!1)}),[]),Ne=i.useMemo((function(){return[].concat(K||[]).concat(H||[]).map((function(s){return e.__assign(e.__assign({},s),{onClick:function(){var e;pe(),null===(e=s.onClick)||void 0===e||e.call(s)}})}))}),[K,H,pe]),Se=!!(null===(F=null===(E=null===(D=null===(M=W.package)||void 0===M?void 0:M.manifest)||void 0===D?void 0:D.application)||void 0===E?void 0:E.ui)||void 0===F?void 0:F.multi_rig),ye="asset"===(null==X?void 0:X.type),De=p.getAppSegment(W)===v.SEGMENTS.COMPLETION,Ee=!(Se||ye&&De||w),Fe=(null==fe?void 0:fe.isValid())?"Last Update: ".concat(fe.format("MMM D YYYY, hh:mm A")):void 0,Re=U||Q;return $?s.jsx("div",{className:N.default(h.root,L),children:s.jsx("div",{className:h.title,children:s.jsx(r.TextEndTruncated,{className:N.default(h.titleText),testId:f.AppTitleTestIds.AppNameTestId,children:Re})})}):s.jsxs("div",{className:N.default(h.root,L),children:[xe&&s.jsx(u.DqStatusIcon,{statusBadgeIconType:ve.statusBadgeIconType,className:h.dqBadge,onClick:de,onMouseEnter:me,onMouseLeave:je,ref:te}),s.jsx(c.Button,{type:"tertiary",size:"small",className:h.title,suffix:s.jsx("div",{className:N.default(h.titleChevron,T.titleChevron,ue&&h.titleChevronOpen),children:s.jsx(C.DownIcon,{size:16})}),ref:ae,onClick:pe,children:s.jsx(r.TextEndTruncated,{className:N.default(h.titleText,xe&&h.withDq),testId:f.AppTitleTestIds.AppNameTestId,children:Re})}),s.jsx(l.AppDqPopover,{open:se,anchorEl:te.current,placement:"bottom-start",alertsData:Ae,onClose:de,contentRef:re,onMouseEnter:me,onMouseLeave:je}),s.jsxs(a.Menu,{anchorEl:ae.current,open:ue,className:h.menuRoot,onClose:pe,children:[s.jsxs(A.UniversalLink,{href:"/app-store/app/".concat(null===(R=null==W?void 0:W.app)||void 0===R?void 0:R.id),className:h.menuHeader,"data-testid":f.AppTitleTestIds.AppStoreLinkTestId,children:[s.jsx(d.AppIcon,{"data-testid":f.AppTitleTestIds.AppIconTestId,className:h.appIcon,segment:[p.getAppSegment(W)],iconUrl:null===(O=null===(z=null==W?void 0:W.app)||void 0===z?void 0:z.icon)||void 0===O?void 0:O.url,height:40,width:40}),s.jsxs("div",{className:h.menuHeaderText,children:[s.jsx(m.Text,{children:s.jsx(r.TextEndTruncated,{testId:f.AppTitleTestIds.MenuAppNameTestId,children:Q})}),s.jsx(m.Text,{size:12,color:"T6",children:"Open in Appstore"})]})]}),s.jsx("div",{className:h.divider}),Ee&&s.jsx(a.Menu.Item,{size:"large",disableClickEffect:!0,className:h.assetMenuItem,children:s.jsx(j.Accordion,{title:s.jsxs("div",{className:h.accordionTitle,children:[s.jsx(C.SettingOneIcon,{size:24,className:h.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:f.AppTitleTestIds.AssetSelectorAccordionTestId,children:s.jsx(q.AssetSelector,{})})}),null==Ne?void 0:Ne.map((function(e,n){return s.jsxs(i.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",onClick:e.onClick,prefix:"string"==typeof e.icon?s.jsx(t.Icon,{children:e.icon}):e.icon,testId:f.AppTitleTestIds.AdditionalSelectionTestId,children:e.title})]},n)})),J&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(C.HelpIcon,{}),onClick:he,testId:f.AppTitleTestIds.HelpCenterLinkTestId,children:"Help Center"})]}),Z&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(g.AddMessageCustomIcon,{fill:"currentColor"}),onClick:Te,testId:f.AppTitleTestIds.AnnotationsTestId,children:"Add Annotation"})]}),s.jsx("div",{className:h.divider}),s.jsx(a.Menu.Item,{size:"large",prefix:s.jsx(C.DeleteFourIcon,{}),className:h.removeAppItem,onClick:ke,testId:f.AppTitleTestIds.RemoveAppTestId,children:"Remove App"}),(null==fe?void 0:fe.isValid())&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:h.divider}),s.jsxs("div",{className:h.footer,children:[s.jsx(u.DqStatusIcon,{statusBadgeIconType:ve.statusBadgeIconType,className:h.footerDqBadge,ref:te}),Fe&&s.jsx(m.Text,{size:12,color:"T6",children:Fe})]})]})]}),s.jsx(I.AppRemoveConfirmationModal,{open:ge,onClose:Me})]})};
|
|
2
2
|
//# sourceMappingURL=AppTitle.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { useAppCommons } from '../AppCommonsProvider/AppCommonsContext';
|
|
3
3
|
import { Asset, UseWellnessAlertsReturnType } from './AppHeader.constants';
|
|
4
|
-
import { AdditionalAction } from './V3/constants';
|
|
4
|
+
import { AdditionalAction, TitleMenuAction } from './V3/constants';
|
|
5
5
|
export type AppHeaderProps = {
|
|
6
6
|
logo?: string | ReactElement;
|
|
7
7
|
/**
|
|
@@ -91,6 +91,10 @@ export type AppHeaderProps = {
|
|
|
91
91
|
* **(V3 only)** Disables asset selector
|
|
92
92
|
*/
|
|
93
93
|
disableAssetSelector?: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* **(V3 only)** Additional actions to be shown in title dropdown menu
|
|
96
|
+
*/
|
|
97
|
+
titleMenuActions?: TitleMenuAction[];
|
|
94
98
|
};
|
|
95
|
-
export declare const AppHeader: ({ className, testId, logo, children, padModeDisabled, padModeWells, onPadModeChange, elementsClassNames, title, asset, dqData, lastUpdate, additionalActions, showComments, titleControls, disableSettingsPin, disableSettings, showAssetChips, additionalControls, rightSideContent, disableAssetSelector, }: AppHeaderProps) => JSX.Element;
|
|
99
|
+
export declare const AppHeader: ({ className, testId, logo, children, padModeDisabled, padModeWells, onPadModeChange, elementsClassNames, title, asset, dqData, lastUpdate, additionalActions, showComments, titleControls, disableSettingsPin, disableSettings, showAssetChips, additionalControls, rightSideContent, disableAssetSelector, titleMenuActions, }: AppHeaderProps) => JSX.Element;
|
|
96
100
|
//# sourceMappingURL=AppHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAKxE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAE7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAKxE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAE7F,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAInE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC;IAEzD;;;;;;OAMG;IAEH,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAK7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,SAAS,oUAwBnB,cAAc,gBAgGhB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import s from"classnames";import{useMemo as a}from"react";import{isEmpty as o}from"lodash";import{Header as i}from"../Header/Header.js";import{TextEndTruncated as
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import s from"classnames";import{useMemo as a}from"react";import{isEmpty as o}from"lodash";import{Header as i}from"../Header/Header.js";import{TextEndTruncated as l}from"../TextEndTruncated/TextEndTruncated.js";import{getAppSegment as d}from"../../utils/devcenter.js";import{SEGMENTS as n}from"../../constants/segment.js";import{useAppCommons as r}from"../AppCommonsProvider/AppCommonsContext.js";import{AppBadge as p}from"./AppBadge/AppBadge.js";import{AppAssets as m}from"./AppAssets/AppAssets.js";import{PadMode as c}from"./PadMode/PadMode.js";import{AppHeaderTestIds as g}from"./AppHeader.constants.js";import{AppHeaderV3 as f}from"./V3/AppHeaderV3.js";import h from"./AppHeader.scss.js";var C=function(C){var A=C.className,N=C.testId,u=C.logo,v=C.children,j=C.padModeDisabled,S=C.padModeWells,M=C.onPadModeChange,b=C.elementsClassNames,w=C.title,T=C.asset,P=C.dqData,H=C.lastUpdate,x=C.additionalActions,I=C.showComments,D=C.titleControls,E=C.disableSettingsPin,B=void 0===E||E,V=C.disableSettings,q=C.showAssetChips,F=void 0===q||q,L=C.additionalControls,O=C.rightSideContent,U=C.disableAssetSelector,W=C.titleMenuActions,y=r(),k=y.app,z=y.well,G=y.fracFleet,J=y.wells,K=y.onSettingChange,Q=y.appSettings,R=void 0===Q?{}:Q,X=y.appHeadersV3Enabled,Y=y.appName,Z=S||J,$=d(k),_=!(j||$!==n.COMPLETION||z||o(Z)||!G),ee=a((function(){return M?function(e,t){return M(t)}:K}),[M,K]);return X?e(f,{testId:N,className:A,elementsClassNames:b,logo:u,title:w,padModeDisabled:j,padModeWells:S,asset:T,dqData:P,lastUpdate:H,additionalActions:x,showComments:I,titleControls:D,disableSettingsPin:B,disableSettings:V,showAssetChips:F,additionalControls:L||v,disableAssetSelector:U,titleMenuActions:W}):t("div",{className:s(h.root,A),"data-testid":N,children:[t(i,{className:s(h.logoTitleBadgeContainer,null==b?void 0:b.title),appearance:"appName",children:[u&&e("div",{className:h.logoContainer,children:"string"==typeof u?e("img",{className:h.logo,src:u,alt:"Logo"}):u}),e(l,{className:h.appName,testId:g.AppTitleTestId,children:w||Y}),e(p,{app:k})]}),(v||L||_)&&t("div",{className:s(h.additional,null==b?void 0:b.additional),children:[_&&e(c,{app:k,appSettings:R,fracFleet:G,onSettingChange:ee,well:z,wells:Z}),L||v]}),e("div",{className:s(h.assetChips,null==b?void 0:b.chips),children:e(m,{forceNarrow:_||!!v})}),O&&e("div",{className:h.rightSideContent,children:O})]})};export{C as AppHeader};
|
|
2
2
|
//# sourceMappingURL=AppHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAmG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppHeader/AppHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAmG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA4BF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,aAAa,mBA0CzB,CAAC;AAOF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AAMF,eAAO,MAAM,WAAW,mBA4DvB,CAAC;AAOF,eAAO,MAAM,kBAAkB,mBAqB9B,CAAC;AAOF,eAAO,MAAM,8BAA8B,mBAkB1C,CAAC;AAOF,eAAO,MAAM,kBAAkB,mBA0B9B,CAAC;AAYF,eAAO,MAAM,eAAe,mBAU3B,CAAC;AAMF,eAAO,MAAM,cAAc,mBAoI1B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';
|
|
3
3
|
import { useAppCommonsInternal } from '../../AppCommonsProvider';
|
|
4
|
-
import { AdditionalAction } from './constants';
|
|
4
|
+
import { AdditionalAction, TitleMenuAction } from './constants';
|
|
5
5
|
export type AppHeaderV3Props = {
|
|
6
6
|
logo?: string | ReactElement;
|
|
7
7
|
additionalControls?: ReactNode;
|
|
@@ -37,6 +37,7 @@ export type AppHeaderV3Props = {
|
|
|
37
37
|
disableSettings?: boolean;
|
|
38
38
|
showAssetChips?: boolean;
|
|
39
39
|
disableAssetSelector?: boolean;
|
|
40
|
+
titleMenuActions?: TitleMenuAction[];
|
|
40
41
|
};
|
|
41
|
-
export declare const AppHeaderV3: ({ elementsClassNames, className, testId, logo, additionalControls, title, padModeDisabled, padModeWells, dqData, asset, lastUpdate, additionalActions, showComments, titleControls, disableSettingsPin, disableSettings, showAssetChips, disableAssetSelector, }: AppHeaderV3Props) => JSX.Element;
|
|
42
|
+
export declare const AppHeaderV3: ({ elementsClassNames, className, testId, logo, additionalControls, title, padModeDisabled, padModeWells, dqData, asset, lastUpdate, additionalActions, showComments, titleControls, disableSettingsPin, disableSettings, showAssetChips, disableAssetSelector, titleMenuActions, }: AppHeaderV3Props) => JSX.Element;
|
|
42
43
|
//# sourceMappingURL=AppHeaderV3.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,WAAW,uRAoBrB,gBAAgB,gBAyJlB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as s}from"react";import o from"classnames";import{isEmpty as i}from"lodash";import{SEGMENTS as l}from"../../../constants/segment.js";import{getAppSegment as n}from"../../../utils/devcenter.js";import{PadModeSelect as a}from"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import{AppHeaderTestIds as d}from"../AppHeader.constants.js";import{useAppCommonsInternal as r}from"../../AppCommonsProvider/AppCommonsContext.js";import{VersionSelect as c}from"./VersionSelect/VersionSelect.js";import{AssetChips as m}from"./AssetChips/AssetChips.js";import{AppTitle as p}from"./AppTitle/AppTitle.js";import"./AppTitle/AppTitle.constants.js";import{useResponsivity as v}from"./useResponsivity.js";import{Actions as f}from"./Actions/Actions.js";import"./Actions/Actions.constants.js";import u from"./AppHeaderV3.scss.js";var C=function(C){var A,h,I,N,j,M,S,g,y,L,R,b=C.elementsClassNames,P=C.className,w=C.testId,T=C.logo,x=C.additionalControls,D=C.title,V=C.padModeDisabled,k=C.padModeWells,q=C.dqData,H=C.asset,O=C.lastUpdate,U=C.additionalActions,W=C.showComments,B=C.titleControls,E=C.disableSettingsPin,F=void 0===E||E,z=C.disableSettings,G=C.showAssetChips,J=C.disableAssetSelector,K=C.titleMenuActions,Q=s(null),X=r(),Y=X.app,Z=X.well,$=X.wells,_=X.fracFleet,tt=X.isInsideNewMobileApp,et=n(Y),st=k||$,ot=!(V||et!==l.COMPLETION||Z||i(st)||!_||tt),it=T?"ultranarrow":ot||x?"narrow":void 0,lt=s(null),nt=s(null),at=s(null),dt=s(null),rt=s(null),ct=s(null),mt=s(null),pt=v({disabled:tt,rootRef:Q,versionRef:lt,additionalControlsRef:at,titleControlsRef:dt,logoRef:ct,padModeRef:nt,chipsRef:rt,actionsRef:mt});return t("div",{className:o(u.root,P),"data-testid":w,ref:Q,children:[e("div",{className:o(u.logoContainer,null==b?void 0:b.logoContainer),ref:ct,children:T&&"string"==typeof T?e("img",{className:u.logo,src:T,alt:"Logo"}):T}),e(p,{title:D,asset:H,dqData:q,lastUpdate:O,className:null==b?void 0:b.title,disableAssetSelector:J,titleMenuActions:K}),B&&e("div",{className:o(u.titleControls,(null===(A=pt.titleControls)||void 0===A?void 0:A.lastInLine)&&u.lastInLine,null==b?void 0:b.titleControls),ref:dt,style:null===(h=pt.titleControls)||void 0===h?void 0:h.style,children:B}),!tt&&e("div",{className:u.version,ref:lt,children:e(c,{className:null==b?void 0:b.versionSelect})}),ot&&e("div",{className:o(u.padMode,(null===(I=pt.padMode)||void 0===I?void 0:I.lastInLine)&&u.lastInLine),ref:nt,style:null===(N=pt.padMode)||void 0===N?void 0:N.style,children:e(a,{testId:d.PadModeSelectTestId})}),x&&e("div",{className:o(u.additionalControls,(null===(j=pt.additionalControls)||void 0===j?void 0:j.lastInLine)&&u.lastInLine,null==b?void 0:b.additionalControls),ref:at,style:null===(M=pt.additionalControls)||void 0===M?void 0:M.style,"data-testid":d.AdditionalControlsTestId,children:x}),G&&!tt&&e("div",{className:o(u.assetChips,(null===(S=pt.chips)||void 0===S?void 0:S.lastInLine)&&u.lastInLine,null==b?void 0:b.chips),ref:rt,style:null===(g=pt.chips)||void 0===g?void 0:g.style,children:e(m,{chipsWidth:it})}),e("div",{className:o(u.actions,(null===(y=pt.actions)||void 0===y?void 0:y.lastInLine)&&u.lastInLine,null==b?void 0:b.actions),ref:mt,style:null===(L=pt.actions)||void 0===L?void 0:L.style,"data-testid":d.ActionsRootTestId,children:e(f,{additionalActions:U,showComments:W,disableSettingsPin:F,disableSettings:z,rootRef:Q})}),null===(R=pt.linebreaks)||void 0===R?void 0:R.map((function(t,s){return e("div",{className:u.responsivenessLineBreak,style:t},s)}))]})};export{C as AppHeaderV3};
|
|
2
2
|
//# sourceMappingURL=AppHeaderV3.js.map
|
|
@@ -13,6 +13,7 @@ export declare const DisabledSettingsPinning: () => JSX.Element;
|
|
|
13
13
|
export declare const WithLogo: () => JSX.Element;
|
|
14
14
|
export declare const Completions: () => JSX.Element;
|
|
15
15
|
export declare const WithDataQuality: () => JSX.Element;
|
|
16
|
+
export declare const WithAddtitionalActionsInTitleMenu: () => JSX.Element;
|
|
16
17
|
export declare const WithCommentsAndAdditionalActions: () => JSX.Element;
|
|
17
18
|
export declare const DisabledAssetSelector: () => JSX.Element;
|
|
18
19
|
export declare const Responsiveness: () => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppHeaderV3.stories.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYzC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAsJ9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppHeaderV3.stories.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYzC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAsJ9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AA2CF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,GAAG,mBAsBf,CAAC;AAUF,eAAO,MAAM,cAAc,mBAuB1B,CAAC;AAMF,eAAO,MAAM,WAAW,mBA0CvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBAQ/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAsBnC,CAAC;AAEF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AAEF,eAAO,MAAM,WAAW,mBA4FvB,CAAC;AAEF,eAAO,MAAM,eAAe,mBA0C3B,CAAC;AAEF,eAAO,MAAM,iCAAiC,mBA2B7C,CAAC;AAOF,eAAO,MAAM,gCAAgC,mBAmE5C,CAAC;AAeF,eAAO,MAAM,qBAAqB,mBAQjC,CAAC;AAMF,eAAO,MAAM,cAAc,mBA0J1B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Asset, UseWellnessAlertsReturnType } from '../../AppHeader.constants';
|
|
3
|
+
import { TitleMenuAction } from '../constants';
|
|
3
4
|
export type AppTitleProps = {
|
|
4
5
|
asset?: Asset | Asset[];
|
|
5
6
|
className?: string;
|
|
@@ -7,6 +8,7 @@ export type AppTitleProps = {
|
|
|
7
8
|
lastUpdate?: number | string | Date;
|
|
8
9
|
title?: ReactNode;
|
|
9
10
|
disableAssetSelector?: boolean;
|
|
11
|
+
titleMenuActions?: TitleMenuAction[];
|
|
10
12
|
};
|
|
11
|
-
export declare const AppTitle: ({ asset, className, dqData, lastUpdate, title, disableAssetSelector, }: AppTitleProps) => JSX.Element;
|
|
13
|
+
export declare const AppTitle: ({ asset, className, dqData, lastUpdate, title, disableAssetSelector, titleMenuActions, }: AppTitleProps) => JSX.Element;
|
|
12
14
|
//# sourceMappingURL=AppTitle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppTitle.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,SAAS,EAA0C,MAAM,OAAO,CAAC;AAMpF,OAAO,EAAE,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"AppTitle.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/AppTitle/AppTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,SAAS,EAA0C,MAAM,OAAO,CAAC;AAMpF,OAAO,EAAE,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAa/E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAqB/C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;CACtC,CAAC;AAwBF,eAAO,MAAM,QAAQ,6FAQlB,aAAa,gBAmSf,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from'./../../../../ext-esm/tslib/tslib.es6.js';import{jsx as s,jsxs as i,Fragment as t}from"react/jsx-runtime";import e from"classnames";import{useState as n,useRef as c,useCallback as r,useMemo as m,Fragment as l}from"react";import a from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as d}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as u}from"../../../Button/Button.js";import{DqStatusIcon as I}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as f}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as v}from"../../../Menu/Menu.js";import{AppIcon as j}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as A}from"../../../Text/Text.js";import{Accordion as C}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as T}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as N}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import{useAppCommonsInternal as b}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as x}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as k}from"./AppTitle.constants.js";import y from"../../../AppContainer/headerCommon.scss.js";import M from"./AppTitle.scss.js";import{DownIcon as D,SettingOneIcon as S,HelpIcon as q,DeleteFourIcon as E}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as F}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../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 z from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as R}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";var L=function(o){return o&&"asset_id"in o?{name:o.name,id:o.asset_id}:o},O=function(O){var P,B,U,w,H,G,Y,_,W=O.asset,V=O.className,Z=O.dqData,J=O.lastUpdate,K=O.title,Q=O.disableAssetSelector,X=b()
|
|
1
|
+
import{__assign as o}from'./../../../../ext-esm/tslib/tslib.es6.js';import{jsx as s,jsxs as i,Fragment as t}from"react/jsx-runtime";import e from"classnames";import{useState as n,useRef as c,useCallback as r,useMemo as m,Fragment as l}from"react";import a from"moment";import{Icon as p}from"@material-ui/core";import{TextEndTruncated as d}from"../../../TextEndTruncated/TextEndTruncated.js";import{Button as u}from"../../../Button/Button.js";import{DqStatusIcon as I}from"../DqStatusIcon/DqStatusIcon.js";import"../DqStatusIcon/DqStatusIcon.constants.js";import{AppDqPopover as f}from"../../../AppDqPopover/AppDqPopover.js";import{Menu as v}from"../../../Menu/Menu.js";import{AppIcon as j}from"../../../../components/AppIcon/AppIcon.js";import{getAppSegment as h}from"../../../../utils/devcenter.js";import{Text as A}from"../../../Text/Text.js";import{Accordion as C}from"../../../Accordion/Accordion.js";import{AppRemoveConfirmationModal as T}from"../AppRemoveConfirmationModal/AppRemoveConfirmationModal.js";import{AssetSelector as N}from"../AssetSelector/AssetSelector.js";import"../AssetSelector/constants.js";import{SEGMENTS as g}from"../../../../constants/segment.js";import{useAppCommonsInternal as b}from"../../../AppCommonsProvider/AppCommonsContext.js";import{UniversalLink as x}from"../../../UniversalLink/UniversalLink.js";import{AppTitleTestIds as k}from"./AppTitle.constants.js";import y from"../../../AppContainer/headerCommon.scss.js";import M from"./AppTitle.scss.js";import{DownIcon as D,SettingOneIcon as S,HelpIcon as q,DeleteFourIcon as E}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as F}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../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 z from"../../../../effects/useOutsideClick.js";import"../../../../utils/index.js";import{useWellnessAlerts as R}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";var L=function(o){return o&&"asset_id"in o?{name:o.name,id:o.asset_id}:o},O=function(O){var P,B,U,w,H,G,Y,_,W=O.asset,V=O.className,Z=O.dqData,J=O.lastUpdate,K=O.title,Q=O.disableAssetSelector,X=O.titleMenuActions,$=b(),oo=$.app,so=$.appId,io=$.maximized,to=$.toggleAnnotationsList,eo=$.onHelpCenterClick,no=$.secondaryMenuItems,co=$.appName,ro=$.layoutEnvironment,mo=$.isInsideNewMobileApp,lo=n(!1),ao=lo[0],po=lo[1],uo=c(),Io=c(),fo=c(null),vo=c(null),jo=n(!1),ho=jo[0],Ao=jo[1],Co=c(null),To=r((function(){return po((function(o){return!o}))}),[]),No=r((function(){return Ao((function(o){return!o}))}),[]),go=r((function(){clearTimeout(uo.current),clearTimeout(Io.current),uo.current=setTimeout((function(){po(!0)}),300)}),[]),bo=r((function(){clearTimeout(uo.current),clearTimeout(Io.current),uo.current=setTimeout((function(){po(!1)}),700)}),[]);z(vo,To,[fo.current]);var xo=(W instanceof Array&&W.length>0||!!W)&&!Z&&!mo,ko=R({isDCApp:xo,appId:so,multiRigAssets:W instanceof Array?W:void 0,asset:W instanceof Array?void 0:L(W),maximized:io,dashboards:[]}),yo=Z||ko,Mo=(xo||!!Z)&&!mo,Do=(null===(P=null==yo?void 0:yo.wellnessAlerts)||void 0===P?void 0:P.alertsData)||{},So=function(o){if(o){if("number"==typeof o){var s=Date.now();return Math.abs(s-o)>Math.abs(s-1e3*o)?a.unix(o):a(o)}return a(o)}return null}(J),qo=r((function(){No(),null==to||to()}),[to,No]),Eo=r((function(){No(),null==eo||eo()}),[eo,No]),Fo=n(!1),zo=Fo[0],Ro=Fo[1],Lo=r((function(){No(),Ro(!0)}),[No]),Oo=r((function(){Ro(!1)}),[]),Po=m((function(){return[].concat(no||[]).concat(X||[]).map((function(s){return o(o({},s),{onClick:function(){var o;No(),null===(o=s.onClick)||void 0===o||o.call(s)}})}))}),[no,X,No]),Bo=!!(null===(H=null===(w=null===(U=null===(B=oo.package)||void 0===B?void 0:B.manifest)||void 0===U?void 0:U.application)||void 0===w?void 0:w.ui)||void 0===H?void 0:H.multi_rig),Uo="asset"===(null==ro?void 0:ro.type),wo=h(oo)===g.COMPLETION,Ho=!(Bo||Uo&&wo||Q),Go=(null==So?void 0:So.isValid())?"Last Update: ".concat(So.format("MMM D YYYY, hh:mm A")):void 0,Yo=K||co;return mo?s("div",{className:e(M.root,V),children:s("div",{className:M.title,children:s(d,{className:e(M.titleText),testId:k.AppNameTestId,children:Yo})})}):i("div",{className:e(M.root,V),children:[Mo&&s(I,{statusBadgeIconType:yo.statusBadgeIconType,className:M.dqBadge,onClick:To,onMouseEnter:go,onMouseLeave:bo,ref:fo}),s(u,{type:"tertiary",size:"small",className:M.title,suffix:s("div",{className:e(M.titleChevron,y.titleChevron,ho&&M.titleChevronOpen),children:s(D,{size:16})}),ref:Co,onClick:No,children:s(d,{className:e(M.titleText,Mo&&M.withDq),testId:k.AppNameTestId,children:Yo})}),s(f,{open:ao,anchorEl:fo.current,placement:"bottom-start",alertsData:Do,onClose:To,contentRef:vo,onMouseEnter:go,onMouseLeave:bo}),i(v,{anchorEl:Co.current,open:ho,className:M.menuRoot,onClose:No,children:[i(x,{href:"/app-store/app/".concat(null===(G=null==oo?void 0:oo.app)||void 0===G?void 0:G.id),className:M.menuHeader,"data-testid":k.AppStoreLinkTestId,children:[s(j,{"data-testid":k.AppIconTestId,className:M.appIcon,segment:[h(oo)],iconUrl:null===(_=null===(Y=null==oo?void 0:oo.app)||void 0===Y?void 0:Y.icon)||void 0===_?void 0:_.url,height:40,width:40}),i("div",{className:M.menuHeaderText,children:[s(A,{children:s(d,{testId:k.MenuAppNameTestId,children:co})}),s(A,{size:12,color:"T6",children:"Open in Appstore"})]})]}),s("div",{className:M.divider}),Ho&&s(v.Item,{size:"large",disableClickEffect:!0,className:M.assetMenuItem,children:s(C,{title:i("div",{className:M.accordionTitle,children:[s(S,{size:24,className:M.accordionIcon}),"Change Asset"]}),iconPosition:"end",titleHover:!1,testId:k.AssetSelectorAccordionTestId,children:s(N,{})})}),null==Po?void 0:Po.map((function(o,t){return i(l,{children:[s("div",{className:M.divider}),s(v.Item,{size:"large",onClick:o.onClick,prefix:"string"==typeof o.icon?s(p,{children:o.icon}):o.icon,testId:k.AdditionalSelectionTestId,children:o.title})]},t)})),eo&&i(t,{children:[s("div",{className:M.divider}),s(v.Item,{size:"large",prefix:s(q,{}),onClick:Eo,testId:k.HelpCenterLinkTestId,children:"Help Center"})]}),to&&i(t,{children:[s("div",{className:M.divider}),s(v.Item,{size:"large",prefix:s(F,{fill:"currentColor"}),onClick:qo,testId:k.AnnotationsTestId,children:"Add Annotation"})]}),s("div",{className:M.divider}),s(v.Item,{size:"large",prefix:s(E,{}),className:M.removeAppItem,onClick:Lo,testId:k.RemoveAppTestId,children:"Remove App"}),(null==So?void 0:So.isValid())&&i(t,{children:[s("div",{className:M.divider}),i("div",{className:M.footer,children:[s(I,{statusBadgeIconType:yo.statusBadgeIconType,className:M.footerDqBadge,ref:fo}),Go&&s(A,{size:12,color:"T6",children:Go})]})]})]}),s(T,{open:zo,onClose:Oo})]})};export{O as AppTitle};
|
|
2
2
|
//# sourceMappingURL=AppTitle.js.map
|
|
@@ -7,4 +7,9 @@ export type AdditionalActionObject = {
|
|
|
7
7
|
menuItemClassName?: string;
|
|
8
8
|
};
|
|
9
9
|
export type AdditionalAction = AdditionalActionObject | ReactNode;
|
|
10
|
+
export type TitleMenuAction = {
|
|
11
|
+
title: ReactNode;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
icon?: ReactNode;
|
|
14
|
+
};
|
|
10
15
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,SAAS,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC"}
|