npm - @corva/ui - Versions diffs - 3.75.0-1 → 3.75.0-11 - Mend

@corva/ui 3.75.0-1 → 3.75.0-11

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

package/componentsV2/AppDqPopover/DqAsset/DqAsset.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/toConsumableArray";import{useMemo as c}from"react";import{Header as i}from"../../Header/Header.js";import{TextMiddleTruncated as n}from"../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Tooltip as t}from"../../Tooltip/Tooltip.js";import{UniversalLink as r}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as e}from"../../../constants/mixpanel.js";import{Accordion as m}from"../../Accordion/Accordion.js";import{ButtonIcon as p}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as a}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{ArrowRightIcon as u}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/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"../../../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{Text as l}from"../../Text/Text.js";import{DqAlert as d}from"../DqAlert/DqAlert.js";import j from"./DqAsset.scss.js";import{jsxs as I,jsx as v,Fragment as h}from"react/jsx-runtime";var C=function(C){var f,T,A,D=C.assetName,g=C.assets,b=c((function(){return g.reduce((function(o,c){return o[c.alert.category]=[].concat(s(o[c.alert.category]||[]),[c]),o}),{})}),[g]);return I("div",{className:j.assetBlock,children:[I(i,{appearance:"appName",className:j.title,children:[v(n,{children:D}),(null===(f=g[0])||void 0===f?void 0:f.linkToDQPage)&&v(t,{title:"Go to Data Quality page",children:v(r,{className:j.dataQualityPageLink,href:null===(T=g[0])||void 0===T?void 0:T.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,e.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:v(p,{size:"medium",type:"secondary",children:v(u,{})})})})]}),null===(A=Object.entries(b))||void 0===A?void 0:A.map((function(s){var c,i=o(s,2),n=i[0],t=i[1];return v(m,{title:I("div",{className:j.categoryTitle,children:[n,v(a,{statusBadgeIconType:(c=t,c.some((function(o){return o.missingNum>0}))?"error":c.some((function(o){return o.issuesNum>0}))?"issue":"resolved"),className:j.categoryStatusIcon})]}),size:"small",children:null==t?void 0:t.map((function(o){return I("div",{className:j.alerts,children:[v(l,{className:j.alertName,size:12,color:"T1",children:o.name}),o.isResolved?v("div",{className:j.alertCell,children:v(d,{item:o,type:"resolved"})}):I(h,{children:[o.issuesNum>0&&v("div",{className:j.alertCell,children:v(d,{item:o,type:"issue"})}),o.missingNum>0&&v("div",{className:j.alertCell,children:v(d,{item:o,type:"error"})})]})]},o.id)}))},n)}))]},D)};export{C as DqAsset};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/toConsumableArray";import{useMemo as c}from"react";import{Header as i}from"../../Header/Header.js";import{TextMiddleTruncated as n}from"../../TextMiddleTruncated/TextMiddleTruncated.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Tooltip as t}from"../../Tooltip/Tooltip.js";import{UniversalLink as r}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as e}from"../../../constants/mixpanel.js";import{Accordion as m}from"../../Accordion/Accordion.js";import{ButtonIcon as p}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as u}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{ArrowRightIcon as a}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/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{Text as l}from"../../Text/Text.js";import{DqAlert as d}from"../DqAlert/DqAlert.js";import j from"./DqAsset.scss.js";import{jsxs as I,jsx as v,Fragment as h}from"react/jsx-runtime";var C=function(C){var f,T,A,D=C.assetName,g=C.assets,F=c((function(){return g.reduce((function(o,c){return o[c.alert.category]=[].concat(s(o[c.alert.category]||[]),[c]),o}),{})}),[g]);return I("div",{className:j.assetBlock,children:[I(i,{appearance:"appName",className:j.title,children:[v(n,{children:D}),(null===(f=g[0])||void 0===f?void 0:f.linkToDQPage)&&v(t,{title:"Go to Data Quality page",children:v(r,{className:j.dataQualityPageLink,href:null===(T=g[0])||void 0===T?void 0:T.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,e.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:v(p,{size:"medium",type:"secondary",children:v(a,{})})})})]}),null===(A=Object.entries(F))||void 0===A?void 0:A.map((function(s){var c,i=o(s,2),n=i[0],t=i[1];return v(m,{title:I("div",{className:j.categoryTitle,children:[n,v(u,{statusBadgeIconType:(c=t,c.some((function(o){return o.missingNum>0}))?"error":c.some((function(o){return o.issuesNum>0}))?"issue":"resolved"),className:j.categoryStatusIcon})]}),size:"small",children:null==t?void 0:t.map((function(o){return I("div",{className:j.alerts,children:[v(l,{className:j.alertName,size:12,color:"T1",children:o.name}),o.isResolved?v("div",{className:j.alertCell,children:v(d,{item:o,type:"resolved"})}):I(h,{children:[o.issuesNum>0&&v("div",{className:j.alertCell,children:v(d,{item:o,type:"issue"})}),o.missingNum>0&&v("div",{className:j.alertCell,children:v(d,{item:o,type:"error"})})]})]},o.id)}))},n)}))]},D)};export{C as DqAsset};
 //# sourceMappingURL=DqAsset.js.map

package/componentsV2/AppDqPopover/DqAsset/DqAsset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqAsset.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAsset/DqAsset.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Header } from '../../Header';\nimport { TextMiddleTruncated } from '../../TextMiddleTruncated';\nimport { Tooltip } from '../../Tooltip';\n// Weird import to avoid circular references\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { Accordion } from '../../Accordion';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon';\nimport { ArrowRightIcon } from '../../../icons';\nimport { Text } from '../../Text';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { DqAlert } from '../DqAlert';\n\nimport styles from './DqAsset.scss';\n\nconst getCategoryIconType = (rules: AssetItem[]) => {\n const isError = rules.some(rule => rule.missingNum > 0);\n if (isError) return 'error';\n\n const isIssue = rules.some(rule => rule.issuesNum > 0);\n if (isIssue) return 'issue';\n\n return 'resolved';\n};\n\nexport type DqAssetProps = {\n assetName: string;\n assets: AssetItem[];\n};\n\nexport const DqAsset = ({ assetName, assets }: DqAssetProps) => {\n const assetsGroupedByCategory = useMemo(\n () =>\n assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n acc[curr.alert.category] = [...(acc[curr.alert.category] \|\| []), curr];\n return acc;\n }, {}),\n [assets]\n );\n\n return (\n <div className={styles.assetBlock} key={assetName}>\n <Header appearance=\"appName\" className={styles.title}>\n <TextMiddleTruncated>{assetName}</TextMiddleTruncated>\n\n {assets[0]?.linkToDQPage && (\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n className={styles.dataQualityPageLink}\n href={assets[0]?.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n )}\n </Header>\n\n {Object.entries(assetsGroupedByCategory)?.map(([category, data]) => (\n <Accordion\n title={\n <div className={styles.categoryTitle}>\n {category}\n <DqStatusIcon\n statusBadgeIconType={getCategoryIconType(data)}\n className={styles.categoryStatusIcon}\n />\n </div>\n }\n key={category}\n size=\"small\"\n >\n {data?.map(item => {\n return (\n <div className={styles.alerts} key={item.id}>\n <Text className={styles.alertName} size={12} color=\"T1\">\n {item.name}\n </Text>\n\n {item.isResolved ? (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"resolved\" />\n </div>\n ) : (\n <>\n {item.issuesNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"issue\" />\n </div>\n )}\n {item.missingNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"error\" />\n </div>\n )}\n </>\n )}\n </div>\n );\n })}\n </Accordion>\n ))}\n </div>\n );\n};\n"],"names":["DqAsset","_ref","_assets$","_assets$2","_Object$entries","assetName","assets","assetsGroupedByCategory","useMemo","reduce","acc","curr","alert","category","_jsxs","className","styles","assetBlock","children","Header","appearance","title","_jsx","TextMiddleTruncated","linkToDQPage","Tooltip","UniversalLink","dataQualityPageLink","href","onClick","_Symbol$for","_ref2","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","size","type","ArrowRightIcon","Object","entries","map","_ref3","rules","_ref4","_slicedToArray","data","Accordion","categoryTitle","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"~~izJAkBA~~,IAeaA,EAAU,SAAyCC,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,GAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,sBAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,EAACK,EAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,EAACC,EAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAACG,EAAO,CAACJ,MAAM,0BAAyBH,SACtCI,EAACI,EAAa,CACZX,UAAWC,EAAOW,oBAClBC,KAAe,UAATtB,EAAO,UAAE,IAAAH,OAAA,EAATA,EAAWqB,aACjBK,QAAS,WAAM,IAAAC,EAAAC,EAE+B,QAA5CD,GAAAC,EAACC,QAAeC,OAAOC,IAAI,yBAAiB,IAAAJ,GAA5CA,SACEK,EAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,EAACiB,EAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAACoB,EAAc,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAC6B,EAAS,CACR9B,MACEP,EAAA,MAAA,CAAKC,UAAWC,EAAOoC,cAAclC,SAClCL,CAAAA,EACDS,EAAC+B,EAAY,CACXC,qBAzDaP,EAyD4BG,EAxDvCH,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJV,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO3C,UAAWC,EAAO2C,wBAKxBnB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAe,GACT,OACE9C,EAAA,MAAA,CAAKC,UAAWC,EAAO6C,OAAO3C,SAAA,CAC5BI,EAACwC,EAAI,CAAC/C,UAAWC,EAAO+C,UAAWvB,KAAM,GAAIwB,MAAM,KAAI9C,SACpD0C,EAAKK,OAGPL,EAAKM,WACJ5C,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,eAG5B3B,EAAAuD,EAAA,CAAAnD,SAAA,CACG0C,EAAKF,UAAY,GAChBpC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,YAG7BmB,EAAKH,WAAa,GACjBnC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,iBAlBAmB,EAAKU,QALxCzD,EA+BK,MAnEwBR,EAuE5C"}
1	+ {"version":3,"file":"DqAsset.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAsset/DqAsset.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Header } from '../../Header';\nimport { TextMiddleTruncated } from '../../TextMiddleTruncated';\nimport { Tooltip } from '../../Tooltip';\n// Weird import to avoid circular references\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { Accordion } from '../../Accordion';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon';\nimport { ArrowRightIcon } from '../../../icons';\nimport { Text } from '../../Text';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { DqAlert } from '../DqAlert';\n\nimport styles from './DqAsset.scss';\n\nconst getCategoryIconType = (rules: AssetItem[]) => {\n const isError = rules.some(rule => rule.missingNum > 0);\n if (isError) return 'error';\n\n const isIssue = rules.some(rule => rule.issuesNum > 0);\n if (isIssue) return 'issue';\n\n return 'resolved';\n};\n\nexport type DqAssetProps = {\n assetName: string;\n assets: AssetItem[];\n};\n\nexport const DqAsset = ({ assetName, assets }: DqAssetProps) => {\n const assetsGroupedByCategory = useMemo(\n () =>\n assets.reduce<Record<string, AssetItem[]>>((acc, curr) => {\n acc[curr.alert.category] = [...(acc[curr.alert.category] \|\| []), curr];\n return acc;\n }, {}),\n [assets]\n );\n\n return (\n <div className={styles.assetBlock} key={assetName}>\n <Header appearance=\"appName\" className={styles.title}>\n <TextMiddleTruncated>{assetName}</TextMiddleTruncated>\n\n {assets[0]?.linkToDQPage && (\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n className={styles.dataQualityPageLink}\n href={assets[0]?.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n )}\n </Header>\n\n {Object.entries(assetsGroupedByCategory)?.map(([category, data]) => (\n <Accordion\n title={\n <div className={styles.categoryTitle}>\n {category}\n <DqStatusIcon\n statusBadgeIconType={getCategoryIconType(data)}\n className={styles.categoryStatusIcon}\n />\n </div>\n }\n key={category}\n size=\"small\"\n >\n {data?.map(item => {\n return (\n <div className={styles.alerts} key={item.id}>\n <Text className={styles.alertName} size={12} color=\"T1\">\n {item.name}\n </Text>\n\n {item.isResolved ? (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"resolved\" />\n </div>\n ) : (\n <>\n {item.issuesNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"issue\" />\n </div>\n )}\n {item.missingNum > 0 && (\n <div className={styles.alertCell}>\n <DqAlert item={item} type=\"error\" />\n </div>\n )}\n </>\n )}\n </div>\n );\n })}\n </Accordion>\n ))}\n </div>\n );\n};\n"],"names":["DqAsset","_ref","_assets$","_assets$2","_Object$entries","assetName","assets","assetsGroupedByCategory","useMemo","reduce","acc","curr","alert","category","_jsxs","className","styles","assetBlock","children","Header","appearance","title","_jsx","TextMiddleTruncated","linkToDQPage","Tooltip","UniversalLink","dataQualityPageLink","href","onClick","_Symbol$for","_ref2","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","size","type","ArrowRightIcon","Object","entries","map","_ref3","rules","_ref4","_slicedToArray","data","Accordion","categoryTitle","DqStatusIcon","statusBadgeIconType","some","rule","missingNum","issuesNum","categoryStatusIcon","item","alerts","Text","alertName","color","name","isResolved","alertCell","DqAlert","_Fragment","id"],"mappings":"i6JAkBA,IAeaA,EAAU,SAAyCC,GAAA,IAAAC,EAAAC,EAAAC,EAAtCC,IAAAA,UAAWC,IAAAA,OAC7BC,EAA0BC,GAC9B,WAAA,OACEF,EAAOG,QAAoC,SAACC,EAAKC,GAE/C,OADAD,EAAIC,EAAKC,MAAMC,sBAAiBH,EAAIC,EAAKC,MAAMC,WAAa,IAAE,CAAGF,IAC1DD,CACR,GAAE,CAAE,KACP,CAACJ,IAGH,OACEQ,EAAA,MAAA,CAAKC,UAAWC,EAAOC,WAAWC,SAAA,CAChCJ,EAACK,EAAM,CAACC,WAAW,UAAUL,UAAWC,EAAOK,MAAMH,SAAA,CACnDI,EAACC,EAAmB,CAAAL,SAAEb,KAEZ,QAATC,EAAAA,EAAO,UAAE,IAAAJ,OAAA,EAATA,EAAWsB,eACVF,EAACG,EAAO,CAACJ,MAAM,0BAAyBH,SACtCI,EAACI,EAAa,CACZX,UAAWC,EAAOW,oBAClBC,KAAe,UAATtB,EAAO,UAAE,IAAAH,OAAA,EAATA,EAAWqB,aACjBK,QAAS,WAAM,IAAAC,EAAAC,EAE+B,QAA5CD,GAAAC,EAACC,QAAeC,OAAOC,IAAI,yBAAiB,IAAAJ,GAA5CA,SACEK,EAAsBC,SAASC,gBAC/B,CAAEC,QAAS,YAEb,EAAApB,SAEFI,EAACiB,EAAU,CAACC,KAAK,SAASC,KAAK,YAAWvB,SACxCI,EAACoB,EAAc,aAOe,QAF/BtC,EAERuC,OAAOC,QAAQrC,UAAwB,IAAAH,OAAA,EAAvCA,EAAyCyC,KAAI,SAAAC,GAAA,IAnDvBC,EAmDuBC,EAAAC,EAAAH,EAAA,GAAEjC,EAAQmC,EAAA,GAAEE,EAAIF,EAAA,GAAA,OAC5D1B,EAAC6B,EAAS,CACR9B,MACEP,EAAA,MAAA,CAAKC,UAAWC,EAAOoC,cAAclC,SAClCL,CAAAA,EACDS,EAAC+B,EAAY,CACXC,qBAzDaP,EAyD4BG,EAxDvCH,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKC,WAAa,KACjC,QAEJV,EAAMQ,MAAK,SAAAC,GAAI,OAAIA,EAAKE,UAAY,KAChC,QAEb,YAmDO3C,UAAWC,EAAO2C,wBAKxBnB,KAAK,QAAOtB,SAEXgC,aAAAA,EAAAA,EAAML,KAAI,SAAAe,GACT,OACE9C,EAAA,MAAA,CAAKC,UAAWC,EAAO6C,OAAO3C,SAAA,CAC5BI,EAACwC,EAAI,CAAC/C,UAAWC,EAAO+C,UAAWvB,KAAM,GAAIwB,MAAM,KAAI9C,SACpD0C,EAAKK,OAGPL,EAAKM,WACJ5C,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,eAG5B3B,EAAAuD,EAAA,CAAAnD,SAAA,CACG0C,EAAKF,UAAY,GAChBpC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,YAG7BmB,EAAKH,WAAa,GACjBnC,EAAA,MAAA,CAAKP,UAAWC,EAAOmD,UAAUjD,SAC/BI,EAAC8C,EAAO,CAACR,KAAMA,EAAMnB,KAAK,iBAlBAmB,EAAKU,QALxCzD,EA+BK,MAnEwBR,EAuE5C"}

package/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{forwardRef as o}from"react";import s from"@material-ui/icons/Error";import c from"@material-ui/icons/CheckCircle";import i from"classnames";import{DangerousIcon as n}from"../../../../components/Icons/DangerousIcon.js";import{CheckSmallIcon as t}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/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"../../../../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 m from"./DqStatusIcon.scss.js";import{jsx as r}from"react/jsx-runtime";var e={error:n,issue:s,success:t,resolved:c},p={error:m.error,issue:m.issue,success:m.success,resolved:m.success},u=o((function(o,s){var c=o.statusBadgeIconType,n=o.onMouseEnter,t=o.onMouseLeave,u=o.hoverable,I=o.className,j=e[c];return r("div",{ref:s,onMouseEnter:n,onMouseLeave:t,className:i(m.icon,p[c],u&&m.hoverable,I),children:r(j,{})})}));export{u as DqStatusIcon};
+import{forwardRef as o}from"react";import s from"@material-ui/icons/Error";import c from"@material-ui/icons/CheckCircle";import i from"classnames";import{DangerousIcon as n}from"../../../../components/Icons/DangerousIcon.js";import{CheckSmallIcon as t}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/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 m from"./DqStatusIcon.scss.js";import{jsx as r}from"react/jsx-runtime";var e={error:n,issue:s,success:t,resolved:c},p={error:m.error,issue:m.issue,success:m.success,resolved:m.success},u=o((function(o,s){var c=o.statusBadgeIconType,n=o.onMouseEnter,t=o.onMouseLeave,u=o.hoverable,I=o.className,j=e[c];return r("div",{ref:s,onMouseEnter:n,onMouseLeave:t,className:i(m.icon,p[c],u&&m.hoverable,I),children:r(j,{})})}));export{u as DqStatusIcon};
 //# sourceMappingURL=DqStatusIcon.js.map

package/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentType, forwardRef, MouseEventHandler } from 'react';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport classNames from 'classnames';\n\nimport { useWellnessAlerts } from '../../../../effects';\nimport { DangerousIcon } from '../../../../components/Icons/DangerousIcon';\nimport { CheckSmallIcon } from '../../../../icons';\n\nimport styles from './DqStatusIcon.scss';\n\ntype Status = Exclude<ReturnType<typeof useWellnessAlerts>['statusBadgeIconType'], ''> \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType> = {\n error: DangerousIcon,\n issue: ErrorIcon,\n success: CheckSmallIcon,\n resolved: CheckCircleIcon,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n hoverable?: boolean;\n\n className?: string;\n};\n\nexport const DqStatusIcon = forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, onMouseEnter, onMouseLeave, hoverable, className }, iconRef) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n return (\n <div\n ref={iconRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n hoverable && styles.hoverable,\n className\n )}\n >\n <Icon />\n </div>\n );\n }\n);\n"],"names":["StatusToIconMap","error","DangerousIcon","issue","ErrorIcon","success","CheckSmallIcon","resolved","CheckCircleIcon","StatusToClassMap","styles","DqStatusIcon","forwardRef","_ref","iconRef","statusBadgeIconType","onMouseEnter","onMouseLeave","hoverable","className","Icon","_jsx","ref","classNames","icon","children"],"mappings":"~~82IAaA~~,IAAMA,EAAiD,CACrDC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUC,GAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,GAC1B,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EACTb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAACD,EAAI,KAGX"}
1	+ {"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentType, forwardRef, MouseEventHandler } from 'react';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport classNames from 'classnames';\n\nimport { useWellnessAlerts } from '../../../../effects';\nimport { DangerousIcon } from '../../../../components/Icons/DangerousIcon';\nimport { CheckSmallIcon } from '../../../../icons';\n\nimport styles from './DqStatusIcon.scss';\n\ntype Status = Exclude<ReturnType<typeof useWellnessAlerts>['statusBadgeIconType'], ''> \| 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType> = {\n error: DangerousIcon,\n issue: ErrorIcon,\n success: CheckSmallIcon,\n resolved: CheckCircleIcon,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n error: styles.error,\n issue: styles.issue,\n success: styles.success,\n resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n statusBadgeIconType: Status;\n onMouseEnter?: MouseEventHandler;\n onMouseLeave?: MouseEventHandler;\n hoverable?: boolean;\n\n className?: string;\n};\n\nexport const DqStatusIcon = forwardRef<HTMLDivElement, DqStatusIconProps>(\n ({ statusBadgeIconType, onMouseEnter, onMouseLeave, hoverable, className }, iconRef) => {\n const Icon = StatusToIconMap[statusBadgeIconType];\n\n return (\n <div\n ref={iconRef}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={classNames(\n styles.icon,\n StatusToClassMap[statusBadgeIconType],\n hoverable && styles.hoverable,\n className\n )}\n >\n <Icon />\n </div>\n );\n }\n);\n"],"names":["StatusToIconMap","error","DangerousIcon","issue","ErrorIcon","success","CheckSmallIcon","resolved","CheckCircleIcon","StatusToClassMap","styles","DqStatusIcon","forwardRef","_ref","iconRef","statusBadgeIconType","onMouseEnter","onMouseLeave","hoverable","className","Icon","_jsx","ref","classNames","icon","children"],"mappings":"o+IAaA,IAAMA,EAAiD,CACrDC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUC,GAGNC,EAA2C,CAC/CR,MAAOS,EAAOT,MACdE,MAAOO,EAAOP,MACdE,QAASK,EAAOL,QAChBE,SAAUG,EAAOL,SAYNM,EAAeC,GAC1B,SAAAC,EAA4EC,GAAY,IAArFC,IAAAA,oBAAqBC,IAAAA,aAAcC,IAAAA,aAAcC,IAAAA,UAAWC,IAAAA,UACvDC,EAAOpB,EAAgBe,GAE7B,OACEM,EAAA,MAAA,CACEC,IAAKR,EACLE,aAAcA,EACdC,aAAcA,EACdE,UAAWI,EACTb,EAAOc,KACPf,EAAiBM,GACjBG,GAAaR,EAAOQ,UACpBC,GACAM,SAEFJ,EAACD,EAAI,KAGX"}

package/componentsV2/AppFooter/Warning.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as c,useEffect as i}from"react";import{debounce as n}from"lodash";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{Text as r}from"../Text/Text.js";import m from"./AppFooter.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as e,jsx as p}from"react/jsx-runtime";import"../../icons/IconParkProvider.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{CautionFilledCustomIcon as u}from"../../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"../../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";var a=function(a){var j=a.message,l=s(!1),I=o(l,2),d=I[0],h=I[1],C=c(null);return i((function(){var o=n((function(){requestAnimationFrame((function(){if(C.current){var o=C.current,s=o.clientWidth,c=o.scrollWidth;h(c<=s)}}))}),200,{leading:!0}),s=new ResizeObserver(o);return C.current&&s.observe(C.current),function(){s.disconnect(),o.cancel()}}),[]),e(r,{color:"T1",size:10,className:m.warning,ref:C,children:[p(t,{title:j,placement:"top",disabled:d,className:m.warningTooltip,children:p(u,{size:12,className:m.warningIcon})}),p("span",{className:d?void 0:m.warningHidden,children:j})]})};export{a as Warning};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as c,useEffect as i}from"react";import{debounce as n}from"lodash";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{Text as r}from"../Text/Text.js";import m from"./AppFooter.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsxs as e,jsx as p}from"react/jsx-runtime";import"../../icons/IconParkProvider.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{CautionFilledCustomIcon as u}from"../../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/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";var a=function(a){var l=a.message,j=s(!1),I=o(j,2),d=I[0],h=I[1],C=c(null);return i((function(){var o=n((function(){requestAnimationFrame((function(){if(C.current){var o=C.current,s=o.clientWidth,c=o.scrollWidth;h(c<=s)}}))}),200,{leading:!0}),s=new ResizeObserver(o);return C.current&&s.observe(C.current),function(){s.disconnect(),o.cancel()}}),[]),e(r,{color:"T1",size:10,className:m.warning,ref:C,children:[p(t,{title:l,placement:"top",disabled:d,className:m.warningTooltip,children:p(u,{size:12,className:m.warningIcon})}),p("span",{className:d?void 0:m.warningHidden,children:l})]})};export{a as Warning};
 //# sourceMappingURL=Warning.js.map

package/componentsV2/AppFooter/Warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warning.js","sources":["../../../src/componentsV2/AppFooter/Warning.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\nimport { Text } from '../Text';\n\nimport styles from './AppFooter.scss';\n\nimport { CautionFilledCustomIcon } from '~/icons';\n\nexport type WarningProps = { message: ReactNode };\n\nexport const Warning = ({ message }: WarningProps) => {\n const [isVisisble, setIsVisisble] = useState(false);\n const containerRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const onDimensionsChange = debounce(\n () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, scrollWidth } = containerRef.current;\n\n setIsVisisble(scrollWidth <= clientWidth);\n }\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n return (\n <Text color=\"T1\" size={10} className={styles.warning} ref={containerRef}>\n <Tooltip\n title={message}\n placement=\"top\"\n disabled={isVisisble}\n className={styles.warningTooltip}\n >\n <CautionFilledCustomIcon size={12} className={styles.warningIcon} />\n </Tooltip>\n\n <span className={isVisisble ? undefined : styles.warningHidden}>{message}</span>\n </Text>\n );\n};\n"],"names":["Warning","_ref","message","useState","_useState2","_slicedToArray","_useState","isVisisble","setIsVisisble","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","scrollWidth","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","Text","color","size","className","styles","warning","ref","children","_jsx","Tooltip","title","placement","disabled","warningTooltip","CautionFilledCustomIcon","warningIcon","undefined","warningHidden"],"mappings":"~~8lIAYaA~~,IAAAA,EAAU,SAA+BC,GAAA,IAA5BC,IAAAA,QACYC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAeC,EAAwB,MA6B7C,OA3BAC,GAAU,WACR,IAAMC,EAAqBC,GACzB,WACEC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAqCN,EAAAA,EAAaM,QAA1CC,IAAAA,YAAaC,IAAAA,YAErBT,EAAcS,GAAeD,EAC/B,CACF,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeR,GAM1C,OAJIH,EAAaM,SACfI,EAAeE,QAAQZ,EAAaM,SAG/B,WACLI,EAAeG,aACfV,EAAmBW,SAEtB,GAAE,IAGDC,EAACC,EAAI,CAACC,MAAM,KAAKC,KAAM,GAAIC,UAAWC,EAAOC,QAASC,IAAKtB,EAAauB,SAAA,CACtEC,EAACC,EAAO,CACNC,MAAOjC,EACPkC,UAAU,MACVC,SAAU9B,EACVqB,UAAWC,EAAOS,eAAeN,SAEjCC,EAACM,EAAuB,CAACZ,KAAM,GAAIC,UAAWC,EAAOW,gBAGvDP,EAAA,OAAA,CAAML,UAAWrB,OAAakC,EAAYZ,EAAOa,cAAcV,SAAE9B,MAGvE"}
1	+ {"version":3,"file":"Warning.js","sources":["../../../src/componentsV2/AppFooter/Warning.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\n\nimport { Tooltip } from '../Tooltip';\nimport { Text } from '../Text';\n\nimport styles from './AppFooter.scss';\n\nimport { CautionFilledCustomIcon } from '~/icons';\n\nexport type WarningProps = { message: ReactNode };\n\nexport const Warning = ({ message }: WarningProps) => {\n const [isVisisble, setIsVisisble] = useState(false);\n const containerRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const onDimensionsChange = debounce(\n () => {\n requestAnimationFrame(() => {\n if (containerRef.current) {\n const { clientWidth, scrollWidth } = containerRef.current;\n\n setIsVisisble(scrollWidth <= clientWidth);\n }\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionsChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionsChange.cancel();\n };\n }, []);\n\n return (\n <Text color=\"T1\" size={10} className={styles.warning} ref={containerRef}>\n <Tooltip\n title={message}\n placement=\"top\"\n disabled={isVisisble}\n className={styles.warningTooltip}\n >\n <CautionFilledCustomIcon size={12} className={styles.warningIcon} />\n </Tooltip>\n\n <span className={isVisisble ? undefined : styles.warningHidden}>{message}</span>\n </Text>\n );\n};\n"],"names":["Warning","_ref","message","useState","_useState2","_slicedToArray","_useState","isVisisble","setIsVisisble","containerRef","useRef","useEffect","onDimensionsChange","debounce","requestAnimationFrame","current","clientWidth","scrollWidth","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","Text","color","size","className","styles","warning","ref","children","_jsx","Tooltip","title","placement","disabled","warningTooltip","CautionFilledCustomIcon","warningIcon","undefined","warningHidden"],"mappings":"wsIAYaA,IAAAA,EAAU,SAA+BC,GAAA,IAA5BC,IAAAA,QACYC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA5CC,EAAUH,EAAA,GAAEI,EAAaJ,EAAA,GAC1BK,EAAeC,EAAwB,MA6B7C,OA3BAC,GAAU,WACR,IAAMC,EAAqBC,GACzB,WACEC,uBAAsB,WACpB,GAAIL,EAAaM,QAAS,CACxB,IAAqCN,EAAAA,EAAaM,QAA1CC,IAAAA,YAAaC,IAAAA,YAErBT,EAAcS,GAAeD,EAC/B,CACF,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeR,GAM1C,OAJIH,EAAaM,SACfI,EAAeE,QAAQZ,EAAaM,SAG/B,WACLI,EAAeG,aACfV,EAAmBW,SAEtB,GAAE,IAGDC,EAACC,EAAI,CAACC,MAAM,KAAKC,KAAM,GAAIC,UAAWC,EAAOC,QAASC,IAAKtB,EAAauB,SAAA,CACtEC,EAACC,EAAO,CACNC,MAAOjC,EACPkC,UAAU,MACVC,SAAU9B,EACVqB,UAAWC,EAAOS,eAAeN,SAEjCC,EAACM,EAAuB,CAACZ,KAAM,GAAIC,UAAWC,EAAOW,gBAGvDP,EAAA,OAAA,CAAML,UAAWrB,OAAakC,EAAYZ,EAAOa,cAAcV,SAAE9B,MAGvE"}

package/componentsV2/AppHeader/AppAssets/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as i}from"../../../utils/devcenter.js";import{Text as t}from"../../Text/Text.js";import{AppHeaderTestIds as n}from"../AppHeader.constants.js";import c from"./AppAssets.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"react";import"uuid/v1";import"lodash";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../utils/index.js";import"uuid";import"jsona";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 r}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as e,jsxs as m,Fragment as p}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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/MoreApp.js";import{Pad as a}from"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as l}from"../../../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"../../../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";function u(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function j(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?u(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var d={well:n.WellTestId,rig:n.RigTestId,pad:n.PadTestId,fleet:n.FracFleetTestId},I=function(o){return null!=o&&o.asset_id?"/assets/".concat(null==o?void 0:o.asset_id):void 0},b=function(o){var s=I(o);return o?{title:o.name||"",link:s,entity:"well"}:void 0},h=function(){var o=r(),n=o.dashboardMeta,u=o.app,d=i(u)===s.DRILLING?function(o){var s=o.app,i=o.well,t=o.rig,n=(null==s?void 0:s.settings)||{},r=n.wellId,e=n.rigId,m=n.fracFleetId,p=I(i),a=b(i),l=[];return a&&r&&l.push(j(j({},a),{},{className:c.mainChip})),t&&(r||e||m)&&l.push({title:t.name||"",link:p,entity:"rig"}),l}(o):function(o){var s,i,n,r,u=o.app,j=o.well,d=o.fracFleet,I=o.appHeadersV3Enabled,h=(null==u?void 0:u.settings)||{},v=h.wellId,f=h.rigId,C=h.fracFleetId,g=[],O=null!=d&&d.current_pad_id?Number(d.current_pad_id):void 0,y=null!=u&&null!==(s=u.settings)&&void 0!==s&&s.padId?Number(u.settings.padId):void 0,P=null!=y?y:O,A=null==d||null===(i=d.pad_frac_fleets)||void 0===i||null===(n=i.find((function(o){return o.pad.id===P})))||void 0===n?void 0:n.pad,F="/assets/types/pad/".concat(P),w=b(j);return w&&!(v||f||C)?[w]:(A&&null!=u&&null!==(r=u.settings)&&void 0!==r&&r.padId&&g.push({title:d.name||A.name||"",link:F,prefix:d.name?e(l,{}):e(a,{}),className:y!==O?c.mainChip:void 0,entity:"pad",tooltip:I?m(p,{children:[m(t,{size:12,className:c.tooltipLine,children:[e(a,{className:c.tooltipIcon,size:16}),"Pad: ",A.name]}),d&&m(t,{size:12,className:c.tooltipLine,children:[e(l,{className:c.tooltipIcon,size:16}),"Frac Fleet: ",null==d?void 0:d.name]})]}):void 0}),d&&!I&&g.push({title:(null==d?void 0:d.name)||"",link:F,entity:"fleet"}),g)}(o);return d.filter((function(o){var s=o.title,i=o.entity,t=!!s;return n?n.isChiplessDashboard||n.isMultiAsset?t:!!n.isMultiWell&&(t&&"well"===i):t}))};export{d as AssetLabelEntityToTestId,h as useAssetLabels};
+import o from"@babel/runtime/helpers/defineProperty";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as i}from"../../../utils/devcenter.js";import{Text as t}from"../../Text/Text.js";import{AppHeaderTestIds as n}from"../AppHeader.constants.js";import c from"./AppAssets.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"react";import"uuid/v1";import"lodash";import"../../../clients/subscriptions.v1.js";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../utils/index.js";import"uuid";import"jsona";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 r}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppSettings/AppSettingsPinningContext.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as e,jsxs as m,Fragment as p}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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{Pad as a}from"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import{FracFleet as l}from"../../../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"../../../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";function u(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function j(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?u(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var d={well:n.WellTestId,rig:n.RigTestId,pad:n.PadTestId,fleet:n.FracFleetTestId},I=function(o){return null!=o&&o.asset_id?"/assets/".concat(null==o?void 0:o.asset_id):void 0},b=function(o){var s=I(o);return o?{title:o.name||"",link:s,entity:"well"}:void 0},h=function(){var o=r(),n=o.dashboardMeta,u=o.app,d=i(u)===s.DRILLING?function(o){var s=o.app,i=o.well,t=o.rig,n=(null==s?void 0:s.settings)||{},r=n.wellId,e=n.rigId,m=n.fracFleetId,p=I(i),a=b(i),l=[];return a&&r&&l.push(j(j({},a),{},{className:c.mainChip})),t&&(r||e||m)&&l.push({title:t.name||"",link:p,entity:"rig"}),l}(o):function(o){var s,i,n,r,u=o.app,j=o.well,d=o.fracFleet,I=o.appHeadersV3Enabled,h=(null==u?void 0:u.settings)||{},f=h.wellId,v=h.rigId,C=h.fracFleetId,g=[],O=null!=d&&d.current_pad_id?Number(d.current_pad_id):void 0,y=null!=u&&null!==(s=u.settings)&&void 0!==s&&s.padId?Number(u.settings.padId):void 0,P=null!=y?y:O,F=null==d||null===(i=d.pad_frac_fleets)||void 0===i||null===(n=i.find((function(o){return o.pad.id===P})))||void 0===n?void 0:n.pad,A="/assets/types/pad/".concat(P),w=b(j);return w&&!(f||v||C)?[w]:(F&&null!=u&&null!==(r=u.settings)&&void 0!==r&&r.padId&&g.push({title:d.name||F.name||"",link:A,prefix:d.name?e(l,{}):e(a,{}),className:y!==O?c.mainChip:void 0,entity:"pad",tooltip:I?m(p,{children:[m(t,{size:12,className:c.tooltipLine,children:[e(a,{className:c.tooltipIcon,size:16}),"Pad: ",F.name]}),d&&m(t,{size:12,className:c.tooltipLine,children:[e(l,{className:c.tooltipIcon,size:16}),"Frac Fleet: ",null==d?void 0:d.name]})]}):void 0}),d&&!I&&g.push({title:(null==d?void 0:d.name)||"",link:A,entity:"fleet"}),g)}(o);return d.filter((function(o){var s=o.title,i=o.entity,t=!!s;return n?n.isChiplessDashboard||n.isMultiAsset?t:!!n.isMultiWell&&(t&&"well"===i):t}))};export{d as AssetLabelEntityToTestId,h as useAssetLabels};
 //# sourceMappingURL=utils.js.map

package/componentsV2/AppHeader/AppAssets/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n title: string;\n link?: string;\n className?: string;\n prefix?: ReactNode;\n entity: 'well' \| 'rig' \| 'pad' \| 'fleet';\n tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n well: AppHeaderTestIds.WellTestId,\n rig: AppHeaderTestIds.RigTestId,\n pad: AppHeaderTestIds.PadTestId,\n fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel \| undefined => {\n const wellLink = getWellLink(well);\n\n return well\n ? {\n title: well.name \|\| '',\n link: wellLink,\n entity: 'well',\n }\n : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n const { wellId, rigId, fracFleetId } = app?.settings \|\| {};\n const wellLink = getWellLink(well);\n const wellChip = getWellChip(well);\n\n const result: AssetLabel[] = [];\n\n if (wellChip && wellId) {\n result.push({ ...wellChip, className: styles.mainChip });\n }\n\n if (rig && (wellId \|\| rigId \|\| fracFleetId)) {\n result.push({\n title: rig.name \|\| '',\n link: wellLink,\n entity: 'rig',\n });\n }\n\n return result;\n};\n\nconst getCompletionsChips = ({\n app,\n well,\n fracFleet,\n appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n const { wellId, rigId, fracFleetId } = app?.settings \|\| {};\n const result: AssetLabel[] = [];\n const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n const padId: number \| undefined = settingsPadId ?? fracFleetPadId;\n\n const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n const padLink = `/assets/types/pad/${padId}`;\n const wellChip = getWellChip(well);\n\n // Special case - \"isolated\" well, no fleet - show only well\n if (wellChip && !(wellId \|\| rigId \|\| fracFleetId)) {\n return [wellChip];\n }\n\n if (pad && app?.settings?.padId) {\n result.push({\n title: fracFleet.name \|\| pad.name \|\| '',\n link: padLink,\n prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n entity: 'pad',\n tooltip: appHeadersV3Enabled ? (\n <>\n <Text size={12} className={styles.tooltipLine}>\n <Pad className={styles.tooltipIcon} size={16} />\n Pad: {pad.name}\n </Text>\n {fracFleet && (\n <Text size={12} className={styles.tooltipLine}>\n <FracFleet className={styles.tooltipIcon} size={16} />\n Frac Fleet: {fracFleet?.name}\n </Text>\n )}\n </>\n ) : undefined,\n });\n }\n\n if (fracFleet && !appHeadersV3Enabled) {\n result.push({\n title: fracFleet?.name \|\| '',\n link: padLink,\n entity: 'fleet',\n });\n }\n\n return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n const appCommons = useAppCommons();\n const { dashboardMeta, app } = appCommons;\n const segment = getAppSegment(app);\n\n const result =\n segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n return result.filter(({ title, entity }) => {\n const hasTitle = !!title;\n\n if (!dashboardMeta) {\n return hasTitle;\n }\n\n if (dashboardMeta.isChiplessDashboard \|\| dashboardMeta.isMultiAsset) {\n return hasTitle;\n }\n\n if (dashboardMeta.isMultiWell) {\n return hasTitle && entity === 'well';\n }\n\n // Single asset - hide all\n return false;\n });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","useAssetLabels","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"~~qjNAsBO~~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"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n title: string;\n link?: string;\n className?: string;\n prefix?: ReactNode;\n entity: 'well' \| 'rig' \| 'pad' \| 'fleet';\n tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n well: AppHeaderTestIds.WellTestId,\n rig: AppHeaderTestIds.RigTestId,\n pad: AppHeaderTestIds.PadTestId,\n fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel \| undefined => {\n const wellLink = getWellLink(well);\n\n return well\n ? {\n title: well.name \|\| '',\n link: wellLink,\n entity: 'well',\n }\n : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n const { wellId, rigId, fracFleetId } = app?.settings \|\| {};\n const wellLink = getWellLink(well);\n const wellChip = getWellChip(well);\n\n const result: AssetLabel[] = [];\n\n if (wellChip && wellId) {\n result.push({ ...wellChip, className: styles.mainChip });\n }\n\n if (rig && (wellId \|\| rigId \|\| fracFleetId)) {\n result.push({\n title: rig.name \|\| '',\n link: wellLink,\n entity: 'rig',\n });\n }\n\n return result;\n};\n\nconst getCompletionsChips = ({\n app,\n well,\n fracFleet,\n appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n const { wellId, rigId, fracFleetId } = app?.settings \|\| {};\n const result: AssetLabel[] = [];\n const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n const padId: number \| undefined = settingsPadId ?? fracFleetPadId;\n\n const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n const padLink = `/assets/types/pad/${padId}`;\n const wellChip = getWellChip(well);\n\n // Special case - \"isolated\" well, no fleet - show only well\n if (wellChip && !(wellId \|\| rigId \|\| fracFleetId)) {\n return [wellChip];\n }\n\n if (pad && app?.settings?.padId) {\n result.push({\n title: fracFleet.name \|\| pad.name \|\| '',\n link: padLink,\n prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n entity: 'pad',\n tooltip: appHeadersV3Enabled ? (\n <>\n <Text size={12} className={styles.tooltipLine}>\n <Pad className={styles.tooltipIcon} size={16} />\n Pad: {pad.name}\n </Text>\n {fracFleet && (\n <Text size={12} className={styles.tooltipLine}>\n <FracFleet className={styles.tooltipIcon} size={16} />\n Frac Fleet: {fracFleet?.name}\n </Text>\n )}\n </>\n ) : undefined,\n });\n }\n\n if (fracFleet && !appHeadersV3Enabled) {\n result.push({\n title: fracFleet?.name \|\| '',\n link: padLink,\n entity: 'fleet',\n });\n }\n\n return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n const appCommons = useAppCommons();\n const { dashboardMeta, app } = appCommons;\n const segment = getAppSegment(app);\n\n const result =\n segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n return result.filter(({ title, entity }) => {\n const hasTitle = !!title;\n\n if (!dashboardMeta) {\n return hasTitle;\n }\n\n if (dashboardMeta.isChiplessDashboard \|\| dashboardMeta.isMultiAsset) {\n return hasTitle;\n }\n\n if (dashboardMeta.isMultiWell) {\n return hasTitle && entity === 'well';\n }\n\n // Single asset - hide all\n return false;\n });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","useAssetLabels","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import n from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useMemo as r,useEffect as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{Popover as f}from"../../../Popover/Popover.js";import{AppSettings as C}from"../../../AppSettings/AppSettings.js";import"../../../AppSettings/AppSettings.constants.js";import{useAppSettingPinning as h}from"../../../AppSettings/AppSettingsPinningContext.js";import{useAppSize as g}from"../../../AppSizeProvider/AppSizeProvider.js";import{HideInNativeApp as b}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as v}from"./Actions.constants.js";import y from"./Actions.scss.js";import{CollapseIcon as S,ExpandIcon as A,CloseSmallIcon as O,MoreOneIcon as P,MessageIcon as B,SettingTwoIcon as k}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as M}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/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"../../../../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 x 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"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{useAppCommentsMode as F,useSetAppCommentsMode as w}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as T}from"../../../../utils/mobileDetect.js";import{jsx as z,jsxs as D,Fragment as E}from"react/jsx-runtime";function N(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function W(o){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){s(o,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var R=function(o){return!!o&&"object"===n(o)&&"title"in o},U=function(s){var n=s.additionalActions,N=s.showComments,U=s.disableSettings,G=s.rootRef,q=s.hideSettingsUnderMore,L=I(),H=L.maximized,K=L.setMaximized,Z=L.appSettingsComponent,J=L.isExpanded,Q=L.isBrowserFullscreen,V=L.enterBrowserFullscreen,X=L.exitBrowserFullscreen,Y=L.isSeparateWindow,$=L.openSeparateWindow,_=L.closeSeparateWindow,oo=F(),so=w(),to=i(!1),no=t(to,2),io=no[0],co=no[1],eo=c(null),ro=c(null),mo=c(null),po=i(!0),lo=t(po,2),uo=lo[0],ao=lo[1],jo=i(!1),Io=t(jo,2),fo=Io[0],Co=Io[1],ho=c(null),go=c(!1),bo=c(null),vo=h(),yo=vo.isPinned,So=vo.close,Ao=vo.open,Oo=vo.isPopoverOpen,Po=vo.animatePopover,Bo=e((function(){So(!1)}),[So]),ko=(g()||{}).height,Mo=!!Z&&!U,xo=r((function(){return{maxHeight:"".concat(ko,"px")}}),[ko]),Fo=e((function(){co((function(o){return!o}))}),[]),wo=e((function(){so((function(o){return!o}))}),[so]),To=e((function(){go.current=!1,Co(!1)}),[]),zo=e((function(){ao(!1),To(),Y?null==_||_():Q?null==X||X():K(!H)}),[To,_,X,Q,Y,H,K]),Do=Y?"Close Separate Window":J?"Restore":"Maximize",Eo=e((function(){ho.current&&(clearTimeout(ho.current),ho.current=null)}),[]),No=e((function(){!J&&V&&(Eo(),ho.current=setTimeout((function(){go.current=!0,Co(!0)}),500))}),[Eo,V,J]);m((function(){return Eo}),[Eo]);var Wo=e((function(){go.current?go.current=!1:zo()}),[zo]),Ro=e((function(){To(),null==$||$()}),[To,$]),Uo=e((function(){To(),null==V||V()}),[To,V]);m((function(){ao(!0)}),[J]);var Go=r((function(){if(T)return[];var s=function(o){return function(){Fo(),null==o||o()}},t=(n||[]).filter(R).map((function(o){return W(W({},o),{},{onClick:s(o.onClick)})})),i={icon:z(B,{}),onClick:s(wo),title:oo?"Close Comments Mode":"Add Comment"},c={title:Do,onClick:s(zo),icon:z(J?S:A,{})},e={title:"Settings",onClick:s(Ao),icon:z(k,{})};return[].concat(o(t),o(N?[i]:[]),o(q&&Mo?[e]:[]),[c])}),[n,oo,q,J,Do,Ao,Mo,N,wo,zo,Fo]);x(bo,Bo,[mo.current,'[role="tooltip"]','[role="presentation"]']);var qo=Go.length>1,Lo=z(u,{size:"small",type:"tertiaryBg",ref:ro,onClick:Wo,onMouseDown:No,onMouseUp:Eo,onMouseLeave:Eo,className:qo?y.fullscreenButton:void 0,testId:J?v.CollapseButtonTestId:v.ExpandButtonTestId,children:z(J?S:A,{})});return D(E,{children:[z(b,{children:null==n?void 0:n.map((function(o,s){return R(o)?z(a,{title:o.title,children:z(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(y.additionalActionButton),testId:v.AdditionalActionItemTestId,children:o.icon})},s):z(p,{children:o},s)}))}),z(b,{children:N&&z(a,{title:oo?"Close Comments Mode":"Add Comment",children:z(u,{size:"small",type:oo?"secondaryBg":"tertiaryBg",onClick:wo,className:qo?y.commentButton:void 0,testId:oo?v.CloseCommentButtonTestId:v.AddMessageButtonTestId,children:oo?z(O,{}):z(M,{fill:"currentColor"})})})}),Mo&&z(d,{ref:mo,closeSettings:Bo,className:q&&!T?y.settingsHiddenUnderMore:void 0}),D(b,{children:[uo?z(a,{title:Do,children:Lo}):Lo,ro.current&&D(j,{anchorEl:ro.current,open:fo,onClose:To,placement:"bottom-end",children:[z(j.Item,{onClick:zo,testId:v.MaximizeItemTestId,children:"Maximize"}),z(j.Item,{onClick:Uo,testId:v.BrowserFullscreenItemTestId,children:"Full Screen"}),z(j.Item,{onClick:Ro,testId:v.SeparateWindowItemTestId,children:"Separate Window"})]})]}),D(b,{children:[qo&&z(a,{title:"More",children:z(u,{type:io||q&&Oo?"secondaryBg":"tertiaryBg",className:y.moreButton,ref:eo,onClick:Fo,size:"small",children:z(P,{})})}),qo&&eo.current&&z(j,{anchorEl:eo.current,open:io,onClose:Fo,placement:"bottom-end",children:Go.map((function(o,s){return z(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]}),Mo&&G.current&&!yo&&z(f,{open:Oo,placement:"bottom-end",anchorEl:G.current,onClose:Bo,className:y.settingsPopover,preventScroll:!1,backdrop:!1,animate:Po,children:z(C,{rootStyles:xo,ref:bo,onClose:Bo})})]})};export{U as Actions};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useMemo as r,useEffect as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{Popover as f}from"../../../Popover/Popover.js";import{AppSettings as C}from"../../../AppSettings/AppSettings.js";import"../../../AppSettings/AppSettings.constants.js";import{useAppSettingPinning as h}from"../../../AppSettings/AppSettingsPinningContext.js";import{useAppSize as g}from"../../../AppSizeProvider/AppSizeProvider.js";import{HideInNativeApp as b}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as v}from"./Actions.constants.js";import y from"./Actions.scss.js";import{CollapseIcon as S,ExpandIcon as A,CloseSmallIcon as O,MoreOneIcon as P,MessageIcon as B,SettingTwoIcon as k}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as F}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/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 M 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"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{useAppCommentsMode as x,useSetAppCommentsMode as w}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as T}from"../../../../utils/mobileDetect.js";import{jsx as z,jsxs as D,Fragment as E}from"react/jsx-runtime";function N(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function R(o){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){s(o,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(t,s))}))}return o}var W=function(o){return!!o&&"object"===t(o)&&"title"in o},U=function(s){var t=s.additionalActions,N=s.showComments,U=s.disableSettings,G=s.rootRef,q=s.hideSettingsUnderMore,L=I(),H=L.maximized,K=L.setMaximized,Z=L.appSettingsComponent,J=L.isExpanded,Q=L.isBrowserFullscreen,V=L.enterBrowserFullscreen,X=L.exitBrowserFullscreen,Y=L.isSeparateWindow,$=L.openSeparateWindow,_=L.closeSeparateWindow,oo=x(),so=w(),no=i(!1),to=n(no,2),io=to[0],co=to[1],eo=c(null),ro=c(null),mo=c(null),po=i(!0),lo=n(po,2),uo=lo[0],ao=lo[1],jo=i(!1),Io=n(jo,2),fo=Io[0],Co=Io[1],ho=c(null),go=c(!1),bo=c(null),vo=h(),yo=vo.isPinned,So=vo.close,Ao=vo.open,Oo=vo.isPopoverOpen,Po=vo.animatePopover,Bo=e((function(){So(!1)}),[So]),ko=(g()||{}).height,Fo=!!Z&&!U,Mo=r((function(){return{maxHeight:"".concat(ko,"px")}}),[ko]),xo=e((function(){co((function(o){return!o}))}),[]),wo=e((function(){so((function(o){return!o}))}),[so]),To=e((function(){go.current=!1,Co(!1)}),[]),zo=e((function(){ao(!1),To(),Y?null==_||_():Q?null==X||X():K(!H)}),[To,_,X,Q,Y,H,K]),Do=Y?"Close Separate Window":J?"Restore":"Maximize",Eo=e((function(){ho.current&&(clearTimeout(ho.current),ho.current=null)}),[]),No=e((function(){!J&&V&&(Eo(),ho.current=setTimeout((function(){go.current=!0,Co(!0)}),500))}),[Eo,V,J]);m((function(){return Eo}),[Eo]);var Ro=e((function(){go.current?go.current=!1:zo()}),[zo]),Wo=e((function(){To(),null==$||$()}),[To,$]),Uo=e((function(){To(),null==V||V()}),[To,V]);m((function(){ao(!0)}),[J]);var Go=r((function(){if(T)return[];var s=function(o){return function(){xo(),null==o||o()}},n=(t||[]).filter(W).map((function(o){return R(R({},o),{},{onClick:s(o.onClick)})})),i={icon:z(B,{}),onClick:s(wo),title:oo?"Close Comments Mode":"Add Comment"},c={title:Do,onClick:s(zo),icon:z(J?S:A,{})},e={title:"Settings",onClick:s(Ao),icon:z(k,{})};return[].concat(o(n),o(N?[i]:[]),o(q&&Fo?[e]:[]),[c])}),[t,oo,q,J,Do,Ao,Fo,N,wo,zo,xo]);M(bo,Bo,[mo.current,'[role="tooltip"]','[role="presentation"]']);var qo=Go.length>1,Lo=z(u,{size:"small",type:"tertiaryBg",ref:ro,onClick:Ro,onMouseDown:No,onMouseUp:Eo,onMouseLeave:Eo,className:qo?y.fullscreenButton:void 0,testId:J?v.CollapseButtonTestId:v.ExpandButtonTestId,children:z(J?S:A,{})});return D(E,{children:[z(b,{children:null==t?void 0:t.map((function(o,s){return W(o)?z(a,{title:o.title,children:z(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(y.additionalActionButton),testId:v.AdditionalActionItemTestId,children:o.icon})},s):z(p,{children:o},s)}))}),z(b,{children:N&&z(a,{title:oo?"Close Comments Mode":"Add Comment",children:z(u,{size:"small",type:oo?"secondaryBg":"tertiaryBg",onClick:wo,className:qo?y.commentButton:void 0,testId:oo?v.CloseCommentButtonTestId:v.AddMessageButtonTestId,children:oo?z(O,{}):z(F,{fill:"currentColor"})})})}),Fo&&z(d,{ref:mo,closeSettings:Bo,className:q&&!T?y.settingsHiddenUnderMore:void 0}),D(b,{children:[uo?z(a,{title:Do,children:Lo}):Lo,ro.current&&D(j,{anchorEl:ro.current,open:fo,onClose:To,placement:"bottom-end",children:[z(j.Item,{onClick:zo,testId:v.MaximizeItemTestId,children:"Maximize"}),z(j.Item,{onClick:Uo,testId:v.BrowserFullscreenItemTestId,children:"Full Screen"}),z(j.Item,{onClick:Wo,testId:v.SeparateWindowItemTestId,children:"Separate Window"})]})]}),D(b,{children:[qo&&z(a,{title:"More",children:z(u,{type:io||q&&Oo?"secondaryBg":"tertiaryBg",className:y.moreButton,ref:eo,onClick:xo,size:"small",children:z(P,{})})}),qo&&eo.current&&z(j,{anchorEl:eo.current,open:io,onClose:xo,placement:"bottom-end",children:Go.map((function(o,s){return z(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]}),Fo&&G.current&&!yo&&z(f,{open:Oo,placement:"bottom-end",anchorEl:G.current,onClose:Bo,className:y.settingsPopover,preventScroll:!1,backdrop:!1,animate:Po,children:z(C,{rootStyles:Mo,ref:bo,onClose:Bo})})]})};export{U as Actions};
 //# sourceMappingURL=Actions.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n CSSProperties,\n Fragment,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n AddMessageCustomIcon,\n CloseSmallIcon,\n CollapseIcon,\n ExpandIcon,\n MessageIcon,\n MoreOneIcon,\n SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n rootRef: RefObject<HTMLDivElement>;\n additionalActions?: AdditionalAction[];\n showComments?: boolean;\n disableSettings?: boolean;\n hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n additionalActions,\n showComments,\n disableSettings,\n rootRef,\n hideSettingsUnderMore,\n}: ActionsProps) => {\n const {\n maximized,\n setMaximized,\n appSettingsComponent,\n isExpanded,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n } = useAppCommonsInternal();\n const commentsEnabled = useAppCommentsMode();\n const setCommentsMode = useSetAppCommentsMode();\n const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n const moreButtonRef = useRef<HTMLButtonElement>(null);\n const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n const settingsButtonRef = useRef<HTMLButtonElement>(null);\n const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n const longPressTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isLongPressRef = useRef(false);\n\n const popoverContentRef = useRef<HTMLDivElement>(null);\n const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n const closeSettings = useCallback(() => {\n close(false);\n }, [close]);\n const { height } = useAppSize() \|\| {};\n const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n const toggleMoreMenu = useCallback(() => {\n setMoreMenuOpen(value => !value);\n }, []);\n\n const toggleCommentsMode = useCallback(() => {\n setCommentsMode(value => !value);\n }, [setCommentsMode]);\n\n const closeModesMenu = useCallback(() => {\n isLongPressRef.current = false;\n setIsModesMenuOpen(false);\n }, []);\n\n const toggleMaximized = useCallback(() => {\n setShowMaximizeTooltip(false);\n closeModesMenu();\n\n if (isSeparateWindow) {\n closeSeparateWindow?.();\n return;\n }\n\n if (isBrowserFullscreen) {\n exitBrowserFullscreen?.();\n return;\n }\n\n setMaximized(!maximized);\n }, [\n closeModesMenu,\n closeSeparateWindow,\n exitBrowserFullscreen,\n isBrowserFullscreen,\n isSeparateWindow,\n maximized,\n setMaximized,\n ]);\n\n const maximizeTooltip = isSeparateWindow\n ? 'Close Separate Window'\n : isExpanded\n ? 'Restore'\n : 'Maximize';\n\n const cancelLongPress = useCallback(() => {\n if (longPressTimerRef.current) {\n clearTimeout(longPressTimerRef.current);\n longPressTimerRef.current = null;\n }\n }, []);\n\n const handleMaximizeMouseDown = useCallback(() => {\n if (isExpanded \|\| !enterBrowserFullscreen) return;\n\n cancelLongPress();\n longPressTimerRef.current = setTimeout(() => {\n isLongPressRef.current = true;\n setIsModesMenuOpen(true);\n }, LONG_PRESS_DELAY_MS);\n }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n useEffect(() => cancelLongPress, [cancelLongPress]);\n\n const handleMaximizeClick = useCallback(() => {\n if (isLongPressRef.current) {\n isLongPressRef.current = false;\n return;\n }\n\n toggleMaximized();\n }, [toggleMaximized]);\n\n const handleSeparateWindowClick = useCallback(() => {\n closeModesMenu();\n openSeparateWindow?.();\n }, [closeModesMenu, openSeparateWindow]);\n\n const handleBrowserFullscreenClick = useCallback(() => {\n closeModesMenu();\n enterBrowserFullscreen?.();\n }, [closeModesMenu, enterBrowserFullscreen]);\n\n useEffect(() => {\n setShowMaximizeTooltip(true);\n }, [isExpanded]);\n\n const menuActionItems = useMemo(() => {\n if (isInsideNewMobileApp) return [];\n\n const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n toggleMoreMenu();\n handler?.();\n };\n\n const objectActions = (additionalActions \|\| [])\n .filter(isActionObject)\n .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n const commentItem: AdditionalActionObject = {\n icon: <MessageIcon />,\n onClick: getOnClick(toggleCommentsMode),\n title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n };\n\n const maximizeItem: AdditionalActionObject = {\n title: maximizeTooltip,\n onClick: getOnClick(toggleMaximized),\n icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n };\n\n const settingsItem = {\n title: 'Settings',\n onClick: getOnClick(open),\n icon: <SettingTwoIcon />,\n };\n\n return [\n ...objectActions,\n ...(showComments ? [commentItem] : []),\n ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n maximizeItem,\n ];\n }, [\n additionalActions,\n commentsEnabled,\n hideSettingsUnderMore,\n isExpanded,\n maximizeTooltip,\n open,\n settingsVisible,\n showComments,\n toggleCommentsMode,\n toggleMaximized,\n toggleMoreMenu,\n ]);\n\n useOutsideClick(popoverContentRef, closeSettings, [\n settingsButtonRef.current,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n // Show menu only if there's something there besides the fullscreen item\n const hasMenu = menuActionItems.length > 1;\n\n const maximizeButton = (\n <ButtonIcon\n size=\"small\"\n type=\"tertiaryBg\"\n ref={maximizeButtonRef}\n onClick={handleMaximizeClick}\n onMouseDown={handleMaximizeMouseDown}\n onMouseUp={cancelLongPress}\n onMouseLeave={cancelLongPress}\n className={hasMenu ? styles.fullscreenButton : undefined}\n testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n >\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </ButtonIcon>\n );\n\n return (\n <>\n <HideInNativeApp>\n {additionalActions?.map((action, index) =>\n !isActionObject(action) ? (\n <Fragment key={index}>{action}</Fragment>\n ) : (\n <Tooltip title={action.title} key={index}>\n <ButtonIcon\n size=\"small\"\n type=\"tertiary\"\n onClick={action.onClick}\n className={classNames(styles.additionalActionButton)}\n testId={ActionsTestIds.AdditionalActionItemTestId}\n >\n {action.icon}\n </ButtonIcon>\n </Tooltip>\n )\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {showComments && (\n <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n <ButtonIcon\n size=\"small\"\n type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggleCommentsMode}\n className={hasMenu ? styles.commentButton : undefined}\n testId={\n commentsEnabled\n ? ActionsTestIds.CloseCommentButtonTestId\n : ActionsTestIds.AddMessageButtonTestId\n }\n >\n {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n </ButtonIcon>\n </Tooltip>\n )}\n </HideInNativeApp>\n\n {settingsVisible && (\n <SettingsButton\n ref={settingsButtonRef}\n closeSettings={closeSettings}\n className={\n hideSettingsUnderMore && !isInsideNewMobileApp\n ? styles.settingsHiddenUnderMore\n : undefined\n }\n />\n )}\n\n {/* \n Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n and we change actual \"fullscreen\" status of an app.\n So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n */}\n <HideInNativeApp>\n {showMaximizeTooltip ? (\n <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n ) : (\n maximizeButton\n )}\n\n {maximizeButtonRef.current && (\n <Menu\n anchorEl={maximizeButtonRef.current}\n open={isModesMenuOpen}\n onClose={closeModesMenu}\n placement=\"bottom-end\"\n >\n <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n Maximize\n </Menu.Item>\n <Menu.Item\n onClick={handleBrowserFullscreenClick}\n testId={ActionsTestIds.BrowserFullscreenItemTestId}\n >\n Full Screen\n </Menu.Item>\n <Menu.Item\n onClick={handleSeparateWindowClick}\n testId={ActionsTestIds.SeparateWindowItemTestId}\n >\n Separate Window\n </Menu.Item>\n </Menu>\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {hasMenu && (\n <Tooltip title=\"More\">\n <ButtonIcon\n type={\n moreMenuOpen \|\| (hideSettingsUnderMore && isPopoverOpen)\n ? 'secondaryBg'\n : 'tertiaryBg'\n }\n className={styles.moreButton}\n ref={moreButtonRef}\n onClick={toggleMoreMenu}\n size=\"small\"\n >\n <MoreOneIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {hasMenu && moreButtonRef.current && (\n <Menu\n anchorEl={moreButtonRef.current}\n open={moreMenuOpen}\n onClose={toggleMoreMenu}\n placement=\"bottom-end\"\n >\n {menuActionItems.map((item, index) => (\n <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n {item.title}\n </Menu.Item>\n ))}\n </Menu>\n )}\n </HideInNativeApp>\n\n {settingsVisible && rootRef.current && !isPinned && (\n <Popover\n open={isPopoverOpen}\n placement=\"bottom-end\"\n anchorEl={rootRef.current}\n onClose={closeSettings}\n className={styles.settingsPopover}\n preventScroll={false}\n backdrop={false}\n animate={animatePopover}\n >\n <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n </Popover>\n )}\n </>\n );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}
1	+ {"version":3,"file":"Actions.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n CSSProperties,\n Fragment,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n AddMessageCustomIcon,\n CloseSmallIcon,\n CollapseIcon,\n ExpandIcon,\n MessageIcon,\n MoreOneIcon,\n SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n rootRef: RefObject<HTMLDivElement>;\n additionalActions?: AdditionalAction[];\n showComments?: boolean;\n disableSettings?: boolean;\n hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n additionalActions,\n showComments,\n disableSettings,\n rootRef,\n hideSettingsUnderMore,\n}: ActionsProps) => {\n const {\n maximized,\n setMaximized,\n appSettingsComponent,\n isExpanded,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n } = useAppCommonsInternal();\n const commentsEnabled = useAppCommentsMode();\n const setCommentsMode = useSetAppCommentsMode();\n const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n const moreButtonRef = useRef<HTMLButtonElement>(null);\n const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n const settingsButtonRef = useRef<HTMLButtonElement>(null);\n const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n const longPressTimerRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n const isLongPressRef = useRef(false);\n\n const popoverContentRef = useRef<HTMLDivElement>(null);\n const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n const closeSettings = useCallback(() => {\n close(false);\n }, [close]);\n const { height } = useAppSize() \|\| {};\n const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n const toggleMoreMenu = useCallback(() => {\n setMoreMenuOpen(value => !value);\n }, []);\n\n const toggleCommentsMode = useCallback(() => {\n setCommentsMode(value => !value);\n }, [setCommentsMode]);\n\n const closeModesMenu = useCallback(() => {\n isLongPressRef.current = false;\n setIsModesMenuOpen(false);\n }, []);\n\n const toggleMaximized = useCallback(() => {\n setShowMaximizeTooltip(false);\n closeModesMenu();\n\n if (isSeparateWindow) {\n closeSeparateWindow?.();\n return;\n }\n\n if (isBrowserFullscreen) {\n exitBrowserFullscreen?.();\n return;\n }\n\n setMaximized(!maximized);\n }, [\n closeModesMenu,\n closeSeparateWindow,\n exitBrowserFullscreen,\n isBrowserFullscreen,\n isSeparateWindow,\n maximized,\n setMaximized,\n ]);\n\n const maximizeTooltip = isSeparateWindow\n ? 'Close Separate Window'\n : isExpanded\n ? 'Restore'\n : 'Maximize';\n\n const cancelLongPress = useCallback(() => {\n if (longPressTimerRef.current) {\n clearTimeout(longPressTimerRef.current);\n longPressTimerRef.current = null;\n }\n }, []);\n\n const handleMaximizeMouseDown = useCallback(() => {\n if (isExpanded \|\| !enterBrowserFullscreen) return;\n\n cancelLongPress();\n longPressTimerRef.current = setTimeout(() => {\n isLongPressRef.current = true;\n setIsModesMenuOpen(true);\n }, LONG_PRESS_DELAY_MS);\n }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n useEffect(() => cancelLongPress, [cancelLongPress]);\n\n const handleMaximizeClick = useCallback(() => {\n if (isLongPressRef.current) {\n isLongPressRef.current = false;\n return;\n }\n\n toggleMaximized();\n }, [toggleMaximized]);\n\n const handleSeparateWindowClick = useCallback(() => {\n closeModesMenu();\n openSeparateWindow?.();\n }, [closeModesMenu, openSeparateWindow]);\n\n const handleBrowserFullscreenClick = useCallback(() => {\n closeModesMenu();\n enterBrowserFullscreen?.();\n }, [closeModesMenu, enterBrowserFullscreen]);\n\n useEffect(() => {\n setShowMaximizeTooltip(true);\n }, [isExpanded]);\n\n const menuActionItems = useMemo(() => {\n if (isInsideNewMobileApp) return [];\n\n const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n toggleMoreMenu();\n handler?.();\n };\n\n const objectActions = (additionalActions \|\| [])\n .filter(isActionObject)\n .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n const commentItem: AdditionalActionObject = {\n icon: <MessageIcon />,\n onClick: getOnClick(toggleCommentsMode),\n title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n };\n\n const maximizeItem: AdditionalActionObject = {\n title: maximizeTooltip,\n onClick: getOnClick(toggleMaximized),\n icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n };\n\n const settingsItem = {\n title: 'Settings',\n onClick: getOnClick(open),\n icon: <SettingTwoIcon />,\n };\n\n return [\n ...objectActions,\n ...(showComments ? [commentItem] : []),\n ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n maximizeItem,\n ];\n }, [\n additionalActions,\n commentsEnabled,\n hideSettingsUnderMore,\n isExpanded,\n maximizeTooltip,\n open,\n settingsVisible,\n showComments,\n toggleCommentsMode,\n toggleMaximized,\n toggleMoreMenu,\n ]);\n\n useOutsideClick(popoverContentRef, closeSettings, [\n settingsButtonRef.current,\n // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n '[role=\"tooltip\"]',\n '[role=\"presentation\"]',\n ]);\n\n // Show menu only if there's something there besides the fullscreen item\n const hasMenu = menuActionItems.length > 1;\n\n const maximizeButton = (\n <ButtonIcon\n size=\"small\"\n type=\"tertiaryBg\"\n ref={maximizeButtonRef}\n onClick={handleMaximizeClick}\n onMouseDown={handleMaximizeMouseDown}\n onMouseUp={cancelLongPress}\n onMouseLeave={cancelLongPress}\n className={hasMenu ? styles.fullscreenButton : undefined}\n testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n >\n {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n </ButtonIcon>\n );\n\n return (\n <>\n <HideInNativeApp>\n {additionalActions?.map((action, index) =>\n !isActionObject(action) ? (\n <Fragment key={index}>{action}</Fragment>\n ) : (\n <Tooltip title={action.title} key={index}>\n <ButtonIcon\n size=\"small\"\n type=\"tertiary\"\n onClick={action.onClick}\n className={classNames(styles.additionalActionButton)}\n testId={ActionsTestIds.AdditionalActionItemTestId}\n >\n {action.icon}\n </ButtonIcon>\n </Tooltip>\n )\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {showComments && (\n <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n <ButtonIcon\n size=\"small\"\n type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggleCommentsMode}\n className={hasMenu ? styles.commentButton : undefined}\n testId={\n commentsEnabled\n ? ActionsTestIds.CloseCommentButtonTestId\n : ActionsTestIds.AddMessageButtonTestId\n }\n >\n {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n </ButtonIcon>\n </Tooltip>\n )}\n </HideInNativeApp>\n\n {settingsVisible && (\n <SettingsButton\n ref={settingsButtonRef}\n closeSettings={closeSettings}\n className={\n hideSettingsUnderMore && !isInsideNewMobileApp\n ? styles.settingsHiddenUnderMore\n : undefined\n }\n />\n )}\n\n {/* \n Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n and we change actual \"fullscreen\" status of an app.\n So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n */}\n <HideInNativeApp>\n {showMaximizeTooltip ? (\n <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n ) : (\n maximizeButton\n )}\n\n {maximizeButtonRef.current && (\n <Menu\n anchorEl={maximizeButtonRef.current}\n open={isModesMenuOpen}\n onClose={closeModesMenu}\n placement=\"bottom-end\"\n >\n <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n Maximize\n </Menu.Item>\n <Menu.Item\n onClick={handleBrowserFullscreenClick}\n testId={ActionsTestIds.BrowserFullscreenItemTestId}\n >\n Full Screen\n </Menu.Item>\n <Menu.Item\n onClick={handleSeparateWindowClick}\n testId={ActionsTestIds.SeparateWindowItemTestId}\n >\n Separate Window\n </Menu.Item>\n </Menu>\n )}\n </HideInNativeApp>\n\n <HideInNativeApp>\n {hasMenu && (\n <Tooltip title=\"More\">\n <ButtonIcon\n type={\n moreMenuOpen \|\| (hideSettingsUnderMore && isPopoverOpen)\n ? 'secondaryBg'\n : 'tertiaryBg'\n }\n className={styles.moreButton}\n ref={moreButtonRef}\n onClick={toggleMoreMenu}\n size=\"small\"\n >\n <MoreOneIcon />\n </ButtonIcon>\n </Tooltip>\n )}\n\n {hasMenu && moreButtonRef.current && (\n <Menu\n anchorEl={moreButtonRef.current}\n open={moreMenuOpen}\n onClose={toggleMoreMenu}\n placement=\"bottom-end\"\n >\n {menuActionItems.map((item, index) => (\n <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n {item.title}\n </Menu.Item>\n ))}\n </Menu>\n )}\n </HideInNativeApp>\n\n {settingsVisible && rootRef.current && !isPinned && (\n <Popover\n open={isPopoverOpen}\n placement=\"bottom-end\"\n anchorEl={rootRef.current}\n onClose={closeSettings}\n className={styles.settingsPopover}\n preventScroll={false}\n backdrop={false}\n animate={animatePopover}\n >\n <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n </Popover>\n )}\n </>\n );\n};\n"],"names":["isActionObject","action","_typeof","Actions","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}