npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

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

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n}from"react";import c from"classnames";import{makeStyles as t,Popover as e}from"@material-ui/core";import{SettingTwoIcon as r,CloseSmallIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../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{isNativeDetected as p,isMobileDetected as l}from"../../../utils/mobileDetect.js";import a from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import d from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as j,Fragment as I,jsx as h}from"react/jsx-runtime";var b=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],g=["popoverContent"];function v(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function f(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?v(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var C=p||l,O=t((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var s=o.maxHeight;return s?s-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}})),x=function(o){var t=o.Trigger,l=void 0===t?null:t,v=o.children,x=o.classes,P=o.defaultScrollable,y=void 0!==P&&P,k=o.header,S=void 0===k?"Settings":k,F=o.iconSettingsProps,A=void 0===F?{}:F,w=o.maxHeight,T=void 0===w?null:w,B=o.modalActions,D=void 0===B?null:B,z=o.modalProps,H=void 0===z?{}:z,M=o.onClose,E=void 0===M?function(){}:M,N=i(o,b),L=n(null),R=s(L,2),G=R[0],U=R[1],W=n(!0),q=s(W,2),Y=q[0],K=q[1],X=O({maxHeight:T,isScrollable:Y,isNativeDetected:p}),Z=x||{},J=Z.popoverContent,Q=i(Z,g),V=function(){U(null),E()},$=Boolean(G),_=function(o){return U(o.currentTarget)},oo=D||h(d,{variation:"secondary",onClick:V,children:"CLOSE"});return j(I,{children:[l?h(l,{onClick:_,isActive:$}):h(a,f(f({"data-testid":"chartSettingsButton",isActive:$,onClick:_,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},A),{},{children:h(r,{size:(null==A?void 0:A.size)||16})})),!C&&j(e,f(f({open:$,anchorEl:G,onClose:V,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},N),{},{classes:f(f({},Q),{},{paper:c(X.popoverPaper,Y&&"scrollable",null==Q?void 0:Q.paper)}),children:[j("div",{className:c(X.popoverHeader,Y&&"scrollable"),children:[h("div",{className:X.headerTitle,children:S}),h(a,{tooltipProps:{title:"Close"},onClick:V,children:h(m,{})})]}),h("div",{className:c(X.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!y&&K(!1)},children:h("div",{className:c(X.popoverContent,J),children:v})})]})),C&&h(u,f(f({actions:oo,onClose:V,open:$,actionsClassName:X.modalActions,title:S},H),{},{children:v}))]})};export{x as AppSettingsPopover};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/objectWithoutProperties";import{useState as n}from"react";import c from"classnames";import{makeStyles as t,Popover as e}from"@material-ui/core";import{SettingTwoIcon as r,CloseSmallIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{isNativeDetected as p,isMobileDetected as l}from"../../../utils/mobileDetect.js";import a from"../../IconButton/index.js";import u from"../../Modal/Modal.js";import d from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{jsxs as j,Fragment as I,jsx as h}from"react/jsx-runtime";var b=["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"],g=["popoverContent"];function v(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function f(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?v(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var C=p||l,O=t((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var s=o.maxHeight;return s?s-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}})),P=function(o){var t=o.Trigger,l=void 0===t?null:t,v=o.children,P=o.classes,x=o.defaultScrollable,y=void 0!==x&&x,k=o.header,S=void 0===k?"Settings":k,F=o.iconSettingsProps,A=void 0===F?{}:F,w=o.maxHeight,T=void 0===w?null:w,B=o.modalActions,D=void 0===B?null:B,z=o.modalProps,H=void 0===z?{}:z,M=o.onClose,E=void 0===M?function(){}:M,N=i(o,b),L=n(null),R=s(L,2),G=R[0],U=R[1],W=n(!0),q=s(W,2),Y=q[0],K=q[1],X=O({maxHeight:T,isScrollable:Y,isNativeDetected:p}),Z=P||{},J=Z.popoverContent,Q=i(Z,g),V=function(){U(null),E()},$=Boolean(G),_=function(o){return U(o.currentTarget)},oo=D||h(d,{variation:"secondary",onClick:V,children:"CLOSE"});return j(I,{children:[l?h(l,{onClick:_,isActive:$}):h(a,f(f({"data-testid":"chartSettingsButton",isActive:$,onClick:_,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},A),{},{children:h(r,{size:(null==A?void 0:A.size)||16})})),!C&&j(e,f(f({open:$,anchorEl:G,onClose:V,anchorOrigin:{vertical:Y?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},N),{},{classes:f(f({},Q),{},{paper:c(X.popoverPaper,Y&&"scrollable",null==Q?void 0:Q.paper)}),children:[j("div",{className:c(X.popoverHeader,Y&&"scrollable"),children:[h("div",{className:X.headerTitle,children:S}),h(a,{tooltipProps:{title:"Close"},onClick:V,children:h(m,{})})]}),h("div",{className:c(X.popoverContentContainer,Y&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!y&&K(!1)},children:h("div",{className:c(X.popoverContent,J),children:v})})]})),C&&h(u,f(f({actions:oo,onClose:V,open:$,actionsClassName:X.modalActions,title:S},H),{},{children:v}))]})};export{P as AppSettingsPopover};
 //# sourceMappingURL=AppSettingsPopover.js.map

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { FC, ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n// NOTE: it is important to import Popover form @mui and not from ~/components\nimport { makeStyles, Popover, PopoverProps } from '@material-ui/core';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nimport { CloseSmallIcon, SettingTwoIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport IconButton, { IconButtonProps } from '~/components/IconButton';\nimport Modal from '~/components/Modal';\nimport Button from '~/components/Button';\n\nconst isNativeOrMobileBrowser = isNativeDetected \|\| isMobileDetected;\n\nconst useStyles = makeStyles<\n Theme,\n { isScrollable: boolean; maxHeight: number \| null; isNativeDetected: boolean }\n>(theme => ({\n popoverPaper: {\n position: 'relative',\n marginTop: ({ isScrollable }) => (isScrollable ? 0 : 8),\n minWidth: 286,\n width: 286,\n overflowY: 'hidden',\n backgroundColor: theme.palette.background.b9,\n maxHeight: ({ maxHeight }) => (maxHeight ? maxHeight - 24 : 'calc(100% - 24px)'),\n '&.scrollable': {\n height: ({ maxHeight }) => maxHeight \|\| '100%',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n bottom: 0,\n height: 16,\n width: 'calc(100% - 16px)',\n zIndex: 1,\n background: `linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ${theme.palette.background.b9} 100%);`,\n },\n },\n },\n popoverHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n height: 76,\n padding: '24px 16px 16px 16px',\n position: 'absolute',\n left: 0,\n right: 0,\n zIndex: 1,\n '&.scrollable': {\n background: `linear-gradient(to bottom, ${theme.palette.background.b9}, ${theme.palette.background.b9} 89%, rgba(65, 65, 65, 0) 100%)`,\n },\n },\n headerTitle: {\n fontSize: 20,\n },\n popoverContentContainer: {\n marginTop: 60,\n paddingTop: 16,\n overflowX: 'hidden',\n overflowY: 'auto',\n '&.scrollable': {\n height: 'calc(100% - 60px)',\n },\n },\n popoverContent: {\n width: '100%',\n },\n\n modalActions: {\n display: 'flex',\n justifyContent: 'flex-end',\n },\n}));\n\nexport type AppSettingsPopoverProps = Omit<PopoverProps, 'classes' \| 'children' \| 'open'> & {\n /*\n Popover/Modal content\n */\n children: ReactNode;\n classes?: PopoverProps['classes'] & {\n popoverContent?: string;\n };\n Trigger?: ((props: { onClick: (event: React.MouseEvent<HTMLElement>) => void; isActive: boolean }) => JSX.Element) \| null;\n open?: boolean;\n defaultScrollable?: boolean;\n header?: ReactNode;\n iconSettingsProps?: Omit<IconButtonProps, 'children'>;\n maxHeight?: number \| null;\n modalActions?: ReactNode;\n modalProps?: {};\n onClose?: () => void;\n};\n\nexport const AppSettingsPopover: FC<AppSettingsPopoverProps> = ({\n Trigger = null,\n children,\n classes,\n defaultScrollable = false,\n header = 'Settings',\n iconSettingsProps = {},\n maxHeight = null,\n modalActions = null,\n modalProps = {},\n onClose = () => {},\n ...popoverProps\n}) => {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [isScrollable, setIsScrollable] = useState(true);\n const styles = useStyles({ maxHeight, isScrollable, isNativeDetected });\n const { popoverContent: popoverContentClassName, ...popoverClasses } = classes \|\| {};\n\n const handleClose = () => {\n setAnchorEl(null);\n onClose();\n };\n\n const isOpen = Boolean(anchorEl);\n\n const handleContainerRef = (containerEl: HTMLDivElement \| null) => {\n if (containerEl) {\n if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n setIsScrollable(false);\n }\n };\n\n const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => setAnchorEl(event.currentTarget);\n\n const actions = modalActions \|\| (\n <Button variation=\"secondary\" onClick={handleClose}>\n CLOSE\n </Button>\n );\n\n return (\n <>\n {Trigger ? (\n // @ts-ignore\n <Trigger onClick={handleTriggerClick} isActive={isOpen} />\n ) : (\n <IconButton\n data-testid=\"chartSettingsButton\"\n isActive={isOpen}\n onClick={handleTriggerClick}\n size=\"small\"\n tooltipProps={{ title: 'Settings' }}\n variant=\"contained\"\n {...iconSettingsProps}\n >\n <SettingTwoIcon size={iconSettingsProps?.size \|\| 16} />\n </IconButton>\n )}\n {!isNativeOrMobileBrowser && (\n <Popover\n open={isOpen}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: isScrollable ? 'top' : 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n marginThreshold={12}\n {...popoverProps}\n classes={{\n ...popoverClasses,\n paper: classNames(\n styles.popoverPaper,\n isScrollable && 'scrollable',\n popoverClasses?.paper\n ),\n }}\n >\n <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n <div className={styles.headerTitle}>{header}</div>\n <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n <CloseSmallIcon />\n </IconButton>\n </div>\n <div\n className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n ref={handleContainerRef}\n >\n <div className={classNames(styles.popoverContent, popoverContentClassName)}>\n {children}\n </div>\n </div>\n </Popover>\n )}\n {isNativeOrMobileBrowser && (\n <Modal\n actions={actions}\n onClose={handleClose}\n open={isOpen}\n actionsClassName={styles.modalActions}\n title={header}\n {...modalProps}\n >\n {children}\n </Modal>\n )}\n </>\n );\n}\n"],"names":["isNativeOrMobileBrowser","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","popoverPaper","position","marginTop","_ref","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","_ref2","height","_ref3","content","left","bottom","zIndex","popoverHeader","display","justifyContent","alignItems","padding","right","concat","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","modalActions","AppSettingsPopover","_ref4","_ref4$Trigger","Trigger","children","classes","_ref4$defaultScrollab","defaultScrollable","_ref4$header","header","_ref4$iconSettingsPro","iconSettingsProps","_ref4$maxHeight","_ref4$modalActions","_ref4$modalProps","modalProps","_ref4$onClose","onClose","popoverProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","setIsScrollable","styles","popoverContentClassName","popoverClasses","_ref5","_excluded2","handleClose","isOpen","Boolean","handleTriggerClick","event","currentTarget","actions","_jsx","Button","variation","onClick","_jsxs","_Fragment","isActive","IconButton","_objectSpread","size","tooltipProps","title","variant","SettingTwoIcon","Popover","open","anchorOrigin","vertical","horizontal","transformOrigin","marginThreshold","paper","classNames","className","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"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"}
1	+ {"version":3,"file":"AppSettingsPopover.js","sources":["../../../../src/components/DevCenter/AppSettingsPopover/AppSettingsPopover.tsx"],"sourcesContent":["import { FC, ReactNode, useState } from 'react';\nimport classNames from 'classnames';\n// NOTE: it is important to import Popover form @mui and not from ~/components\nimport { makeStyles, Popover, PopoverProps } from '@material-ui/core';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nimport { CloseSmallIcon, SettingTwoIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport IconButton, { IconButtonProps } from '~/components/IconButton';\nimport Modal from '~/components/Modal';\nimport Button from '~/components/Button';\n\nconst isNativeOrMobileBrowser = isNativeDetected \|\| isMobileDetected;\n\nconst useStyles = makeStyles<\n Theme,\n { isScrollable: boolean; maxHeight: number \| null; isNativeDetected: boolean }\n>(theme => ({\n popoverPaper: {\n position: 'relative',\n marginTop: ({ isScrollable }) => (isScrollable ? 0 : 8),\n minWidth: 286,\n width: 286,\n overflowY: 'hidden',\n backgroundColor: theme.palette.background.b9,\n maxHeight: ({ maxHeight }) => (maxHeight ? maxHeight - 24 : 'calc(100% - 24px)'),\n '&.scrollable': {\n height: ({ maxHeight }) => maxHeight \|\| '100%',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n bottom: 0,\n height: 16,\n width: 'calc(100% - 16px)',\n zIndex: 1,\n background: `linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ${theme.palette.background.b9} 100%);`,\n },\n },\n },\n popoverHeader: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n height: 76,\n padding: '24px 16px 16px 16px',\n position: 'absolute',\n left: 0,\n right: 0,\n zIndex: 1,\n '&.scrollable': {\n background: `linear-gradient(to bottom, ${theme.palette.background.b9}, ${theme.palette.background.b9} 89%, rgba(65, 65, 65, 0) 100%)`,\n },\n },\n headerTitle: {\n fontSize: 20,\n },\n popoverContentContainer: {\n marginTop: 60,\n paddingTop: 16,\n overflowX: 'hidden',\n overflowY: 'auto',\n '&.scrollable': {\n height: 'calc(100% - 60px)',\n },\n },\n popoverContent: {\n width: '100%',\n },\n\n modalActions: {\n display: 'flex',\n justifyContent: 'flex-end',\n },\n}));\n\nexport type AppSettingsPopoverProps = Omit<PopoverProps, 'classes' \| 'children' \| 'open'> & {\n /*\n Popover/Modal content\n */\n children: ReactNode;\n classes?: PopoverProps['classes'] & {\n popoverContent?: string;\n };\n Trigger?: ((props: { onClick: (event: React.MouseEvent<HTMLElement>) => void; isActive: boolean }) => JSX.Element) \| null;\n open?: boolean;\n defaultScrollable?: boolean;\n header?: ReactNode;\n iconSettingsProps?: Omit<IconButtonProps, 'children'>;\n maxHeight?: number \| null;\n modalActions?: ReactNode;\n modalProps?: {};\n onClose?: () => void;\n};\n\nexport const AppSettingsPopover: FC<AppSettingsPopoverProps> = ({\n Trigger = null,\n children,\n classes,\n defaultScrollable = false,\n header = 'Settings',\n iconSettingsProps = {},\n maxHeight = null,\n modalActions = null,\n modalProps = {},\n onClose = () => {},\n ...popoverProps\n}) => {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [isScrollable, setIsScrollable] = useState(true);\n const styles = useStyles({ maxHeight, isScrollable, isNativeDetected });\n const { popoverContent: popoverContentClassName, ...popoverClasses } = classes \|\| {};\n\n const handleClose = () => {\n setAnchorEl(null);\n onClose();\n };\n\n const isOpen = Boolean(anchorEl);\n\n const handleContainerRef = (containerEl: HTMLDivElement \| null) => {\n if (containerEl) {\n if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable)\n setIsScrollable(false);\n }\n };\n\n const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => setAnchorEl(event.currentTarget);\n\n const actions = modalActions \|\| (\n <Button variation=\"secondary\" onClick={handleClose}>\n CLOSE\n </Button>\n );\n\n return (\n <>\n {Trigger ? (\n // @ts-ignore\n <Trigger onClick={handleTriggerClick} isActive={isOpen} />\n ) : (\n <IconButton\n data-testid=\"chartSettingsButton\"\n isActive={isOpen}\n onClick={handleTriggerClick}\n size=\"small\"\n tooltipProps={{ title: 'Settings' }}\n variant=\"contained\"\n {...iconSettingsProps}\n >\n <SettingTwoIcon size={iconSettingsProps?.size \|\| 16} />\n </IconButton>\n )}\n {!isNativeOrMobileBrowser && (\n <Popover\n open={isOpen}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: isScrollable ? 'top' : 'bottom',\n horizontal: 'right',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'right',\n }}\n marginThreshold={12}\n {...popoverProps}\n classes={{\n ...popoverClasses,\n paper: classNames(\n styles.popoverPaper,\n isScrollable && 'scrollable',\n popoverClasses?.paper\n ),\n }}\n >\n <div className={classNames(styles.popoverHeader, isScrollable && 'scrollable')}>\n <div className={styles.headerTitle}>{header}</div>\n <IconButton tooltipProps={{ title: 'Close' }} onClick={handleClose}>\n <CloseSmallIcon />\n </IconButton>\n </div>\n <div\n className={classNames(styles.popoverContentContainer, isScrollable && 'scrollable')}\n ref={handleContainerRef}\n >\n <div className={classNames(styles.popoverContent, popoverContentClassName)}>\n {children}\n </div>\n </div>\n </Popover>\n )}\n {isNativeOrMobileBrowser && (\n <Modal\n actions={actions}\n onClose={handleClose}\n open={isOpen}\n actionsClassName={styles.modalActions}\n title={header}\n {...modalProps}\n >\n {children}\n </Modal>\n )}\n </>\n );\n}\n"],"names":["isNativeOrMobileBrowser","isNativeDetected","isMobileDetected","useStyles","makeStyles","theme","popoverPaper","position","marginTop","_ref","isScrollable","minWidth","width","overflowY","backgroundColor","palette","background","b9","maxHeight","_ref2","height","_ref3","content","left","bottom","zIndex","popoverHeader","display","justifyContent","alignItems","padding","right","concat","headerTitle","fontSize","popoverContentContainer","paddingTop","overflowX","popoverContent","modalActions","AppSettingsPopover","_ref4","_ref4$Trigger","Trigger","children","classes","_ref4$defaultScrollab","defaultScrollable","_ref4$header","header","_ref4$iconSettingsPro","iconSettingsProps","_ref4$maxHeight","_ref4$modalActions","_ref4$modalProps","modalProps","_ref4$onClose","onClose","popoverProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","setIsScrollable","styles","popoverContentClassName","popoverClasses","_ref5","_excluded2","handleClose","isOpen","Boolean","handleTriggerClick","event","currentTarget","actions","_jsx","Button","variation","onClick","_jsxs","_Fragment","isActive","IconButton","_objectSpread","size","tooltipProps","title","variant","SettingTwoIcon","Popover","open","anchorOrigin","vertical","horizontal","transformOrigin","marginThreshold","paper","classNames","className","CloseSmallIcon","ref","containerEl","scrollHeight","clientHeight","Modal","actionsClassName"],"mappings":"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"}

package/components/DevCenter/AppSideBar/AppSideBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as a,Box as p,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}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{jsxs as v,Fragment as C,jsx as b}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,A=r.anchor,B=void 0===A?"left":A,O=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,D=r.expandedTooltipTitle,P=void 0===D?"Collapse":D,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:B,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===B?f:g;return v(a,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:B,children:[v("div",{className:t(so.header,null==k?void 0:k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&v(C,{children:[R||b(I,{size:24}),b("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&b(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:b(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),b("div",{className:t(so.contentWrapper,null==k?void 0:k.contentWrapper),ref:oo,children:b("div",{className:t(so.content,null==k?void 0:k.content),children:L&&O})}),b(p,{className:t(so.openToggleContainer,null==k?void 0:k.openToggleContainer,s({},"open",L)),children:b(l,{title:L?P:z,placement:"bottom",children:b("div",{children:b(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:b(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
+import o from"@babel/runtime/helpers/slicedToArray";import s from"@babel/runtime/helpers/defineProperty";import{useState as n,useRef as i,useEffect as c}from"react";import t from"classnames";import{noop as e}from"lodash";import{makeStyles as r,createStyles as m,Drawer as p,Box as a,Tooltip as l}from"@material-ui/core";import u from"../../IconButton/index.js";import d from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{LeftAlignmentIcon as I,CloseSmallIcon as j,CheckSmallIcon as h,RightIcon as f,LeftIcon as g}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as v,Fragment as C,jsx as b}from"react/jsx-runtime";var x=r((function(o){var n;return m({drawer:function(o){var n=o.openedDrawerWidth;return s({height:"100%",position:"relative",zIndex:0,width:n},"&.".concat("closed"),{width:"48px"})},drawerPaper:(n={position:"relative",width:"100%",borderRadius:function(o){return"left"===o.anchor?"0 8px 0 0":"8px 0 0 0"},backgroundColor:o.palette.background.b5},s(n,"&.".concat("closed"),{cursor:"pointer","&:hover":{backgroundColor:o.palette.background.b7,"& > $header":{backgroundColor:o.palette.background.b7}}}),s(n,"&.MuiDrawer-paperAnchorDockedLeft",{borderRight:"none"}),s(n,"&.MuiDrawer-paperAnchorDockedRight",{borderLeft:"none"}),n),header:s({cursor:"pointer",alignItems:"center",backgroundColor:o.palette.background.b5,borderBottom:"1px solid",borderBottomColor:"#ffffff14",display:"flex",fontSize:16,fontWeight:400,height:48,justifyContent:"center",left:0,letterSpacing:"1px",lineHeight:"22px",position:"absolute",right:0,textTransform:"capitalize",top:0},"&.".concat("open"),{padding:o.spacing(1.5),justifyContent:"flex-start"}),openToggleIconOpen:{transform:"rotate(180deg)"},openToggleContainer:function(o){var n=o.anchor;return s({alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,justifyContent:"center",padding:6,position:"absolute",width:"100%"},"&.".concat("open"),{justifyContent:"left"===n?"flex-end":"flex-start",paddingRight:6})},contentWrapper:{marginTop:48,height:"calc(100% - 96px)",overflowY:"auto"},content:{padding:"16px 12px",display:"flex",flexDirection:"column"},selectAllButton:{textTransform:"none",fontSize:"10px",lineHeight:"14px",letterSpacing:"0.4px","& .MuiButton-iconSizeMedium > *:first-child":{fontSize:"12px !important"},"& .MuiButton-startIcon":{marginRight:4},"&:hover":{background:"transparent"}},headerIcon:{cursor:"pointer"},headerIconText:{cursor:"pointer",paddingLeft:7,letterSpacing:1}})})),k=function(r){var m=r.classes,k=void 0===m?{}:m,O=r.anchor,A=void 0===O?"left":O,B=r.children,w=r.drawerPaperClassName,S=void 0===w?"":w,T=r.drawerClassName,F=void 0===T?"":T,P=r.expandedTooltipTitle,D=void 0===P?"Collapse":P,y=r.collapsedTooltipTitle,z=void 0===y?"Expand":y,M=r.header,N=r.headerIcon,R=r.headerTitleIcon,W=r.isOpen,L=void 0!==W&&W,E=r.openedDrawerWidth,G=r.setIsOpen,H=void 0===G?e:G,U=r.size,_=void 0===U?"medium":U,q=r.allOptionsButtonShown,K=void 0!==q&&q,Y=r.isAllOptionsSelected,Z=void 0!==Y&&Y,$=r.onAllOptionsClick,J=void 0===$?e:$,Q=n(!1),V=o(Q,2);V[0];var X=V[1],oo=i(null),so=x({anchor:A,openedDrawerWidth:null!=E?E:{small:235,medium:354,large:473}[_]});c((function(){if(oo.current){var o=oo.current,s=o.scrollHeight,n=o.clientHeight;X(s>n)}}));var no="left"===A?f:g;return v(p,{"data-testid":"".concat("AppSideBar","_Drawer"),onClick:function(){L||H(!0)},className:t(so.drawer,!L&&"closed",F),variant:"permanent",classes:{paper:t(so.drawerPaper,S,!L&&"closed")},anchor:A,children:[v("div",{className:t(so.header,null==k?void 0:k.header,L&&"open"),onClick:function(){L&&H(!1)},children:[L&&v(C,{children:[R||b(I,{size:24}),b("div",{"data-testid":"".concat("AppSideBar","_header"),className:so.headerIconText,children:M}),K&&b(d,{className:so.selectAllButton,onClick:function(o){o.stopPropagation(),J(o)},startIcon:b(Z?j:h,{size:16}),children:Z?"Clear All":"Select All"})]}),!L&&N]}),b("div",{className:t(so.contentWrapper,null==k?void 0:k.contentWrapper),ref:oo,children:b("div",{className:t(so.content,null==k?void 0:k.content),children:L&&B})}),b(a,{className:t(so.openToggleContainer,null==k?void 0:k.openToggleContainer,s({},"open",L)),children:b(l,{title:L?D:z,placement:"bottom",children:b("div",{children:b(u,{"aria-label":"toggle sidebar",onClick:function(){H(!L)},children:b(no,{size:24,"data-testid":"".concat("AppSideBar","_arrowButton"),className:t(L&&so.openToggleIconOpen)})})})})})]})};export{k as default};
 //# sourceMappingURL=AppSideBar.js.map

package/components/DevCenter/AppSideBar/AppSideBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSideBar.js","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' \| 'right';\ntype makeStylesProps = { openedDrawerWidth: string \| number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n classes?: {\n contentWrapper?: string;\n content?: string;\n header?: string;\n openToggleContainer?: string;\n };\n anchor?: Anchor;\n children: ReactNode;\n drawerPaperClassName?: string;\n drawerClassName?: string;\n expandedTooltipTitle?: string;\n collapsedTooltipTitle?: string;\n header?: ReactNode;\n headerIcon?: ReactNode;\n headerTitleIcon?: ReactNode;\n isOpen?: boolean;\n openedDrawerWidth?: string \| number;\n setIsOpen?: (isOpen: boolean) => void;\n size?: 'small' \| 'medium' \| 'large';\n allOptionsButtonShown?: boolean;\n isAllOptionsSelected?: boolean;\n onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n createStyles({\n drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n height: '100%',\n position: 'relative',\n zIndex: 0,\n width: openedDrawerWidth,\n [`&.${CLOSED_CLASSNAME}`]: {\n width: '48px',\n },\n }),\n drawerPaper: {\n position: 'relative',\n width: '100%',\n borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n backgroundColor: theme.palette.background.b5,\n [`&.${CLOSED_CLASSNAME}`]: {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.palette.background.b7,\n '& > $header': {\n backgroundColor: theme.palette.background.b7,\n },\n },\n },\n '&.MuiDrawer-paperAnchorDockedLeft': {\n borderRight: 'none',\n },\n '&.MuiDrawer-paperAnchorDockedRight': {\n borderLeft: 'none',\n },\n },\n header: {\n cursor: 'pointer',\n alignItems: 'center',\n backgroundColor: theme.palette.background.b5,\n borderBottom: '1px solid',\n borderBottomColor: '#ffffff14',\n display: 'flex',\n fontSize: 16,\n fontWeight: 400,\n height: 48,\n justifyContent: 'center',\n left: 0,\n letterSpacing: '1px',\n lineHeight: '22px',\n position: 'absolute',\n right: 0,\n textTransform: 'capitalize',\n top: 0,\n [`&.${OPEN_CLASSNAME}`]: {\n padding: theme.spacing(1.5),\n justifyContent: 'flex-start',\n },\n },\n openToggleIconOpen: {\n transform: 'rotate(180deg)',\n },\n openToggleContainer: ({ anchor }: makeStylesProps) => ({\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n justifyContent: 'center',\n padding: 6,\n position: 'absolute',\n width: '100%',\n [`&.${OPEN_CLASSNAME}`]: {\n justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n paddingRight: 6,\n },\n }),\n contentWrapper: {\n marginTop: 48,\n height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n overflowY: 'auto',\n },\n content: {\n padding: '16px 12px',\n display: 'flex',\n flexDirection: 'column',\n },\n selectAllButton: {\n textTransform: 'none',\n fontSize: '10px',\n lineHeight: '14px',\n letterSpacing: '0.4px',\n\n '& .MuiButton-iconSizeMedium > *:first-child': {\n fontSize: '12px !important',\n },\n '& .MuiButton-startIcon': {\n marginRight: 4,\n },\n '&:hover': {\n background: 'transparent',\n },\n },\n headerIcon: {\n cursor: 'pointer',\n },\n headerIconText: {\n cursor: 'pointer',\n paddingLeft: 7,\n letterSpacing: 1,\n },\n })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n classes = {},\n anchor = 'left',\n children,\n drawerPaperClassName = '',\n drawerClassName = '',\n expandedTooltipTitle = 'Collapse',\n collapsedTooltipTitle = 'Expand',\n header,\n headerIcon,\n headerTitleIcon,\n isOpen = false,\n openedDrawerWidth,\n setIsOpen = noop,\n size = 'medium',\n allOptionsButtonShown = false,\n isAllOptionsSelected = false,\n onAllOptionsClick = noop,\n}) => {\n const [_isScrollable, setIsScrollable] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const styles = useStyles({\n anchor,\n openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n });\n\n useEffect(() => {\n if (!contentRef.current) return;\n const { scrollHeight, clientHeight } = contentRef.current;\n setIsScrollable(scrollHeight > clientHeight);\n });\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n setIsOpen(true);\n }\n };\n\n const onHeaderClick = () => {\n if (isOpen) {\n setIsOpen(false);\n }\n };\n\n const allOptionsClickHandler = (e: React.MouseEvent) => {\n e.stopPropagation();\n onAllOptionsClick(e);\n };\n\n const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n return (\n <Drawer\n data-testid={`${PAGE_NAME}_Drawer`}\n onClick={onSidebarClick}\n className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n variant=\"permanent\"\n classes={{\n paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n }}\n anchor={anchor as Anchor}\n >\n <div\n className={classnames(styles.header, classes?.header, isOpen && OPEN_CLASSNAME)}\n onClick={onHeaderClick}\n >\n {isOpen && (\n <>\n {headerTitleIcon \|\| <LeftAlignmentIcon size={24} />}\n <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n {header}\n </div>\n {allOptionsButtonShown && (\n <Button\n className={styles.selectAllButton}\n onClick={allOptionsClickHandler}\n startIcon={\n isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n }\n >\n {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n </Button>\n )}\n </>\n )}\n {!isOpen && headerIcon}\n </div>\n <div className={classnames(styles.contentWrapper, classes?.contentWrapper)} ref={contentRef}>\n <div className={classnames(styles.content, classes?.content)}>{isOpen && children}</div>\n </div>\n <Box\n className={classnames(styles.openToggleContainer, classes?.openToggleContainer, {\n [OPEN_CLASSNAME]: isOpen,\n })}\n >\n <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n <div>\n <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n <ChevronIcon\n size={24}\n data-testid={`${PAGE_NAME}_arrowButton`}\n className={classnames(isOpen && styles.openToggleIconOpen)}\n />\n </IconButton>\n </div>\n </Tooltip>\n </Box>\n </Drawer>\n );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","AppSideBar","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","_Fragment","_jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"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"}
1	+ {"version":3,"file":"AppSideBar.js","sources":["../../../../src/components/DevCenter/AppSideBar/AppSideBar.tsx"],"sourcesContent":["import { FC, ReactNode, useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { Box, createStyles, Drawer, makeStyles, Tooltip } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport Button from '~/components/Button';\nimport { CheckSmallIcon, CloseSmallIcon, LeftAlignmentIcon, LeftIcon, RightIcon } from '~/icons';\n\nconst PAGE_NAME = 'AppSideBar';\n\nconst OPEN_CLASSNAME = 'open';\nconst CLOSED_CLASSNAME = 'closed';\n\ntype Anchor = 'left' \| 'right';\ntype makeStylesProps = { openedDrawerWidth: string \| number; anchor: Anchor };\n\nexport type AppSideBarProps = {\n classes?: {\n contentWrapper?: string;\n content?: string;\n header?: string;\n openToggleContainer?: string;\n };\n anchor?: Anchor;\n children: ReactNode;\n drawerPaperClassName?: string;\n drawerClassName?: string;\n expandedTooltipTitle?: string;\n collapsedTooltipTitle?: string;\n header?: ReactNode;\n headerIcon?: ReactNode;\n headerTitleIcon?: ReactNode;\n isOpen?: boolean;\n openedDrawerWidth?: string \| number;\n setIsOpen?: (isOpen: boolean) => void;\n size?: 'small' \| 'medium' \| 'large';\n allOptionsButtonShown?: boolean;\n isAllOptionsSelected?: boolean;\n onAllOptionsClick?: (e: React.MouseEvent) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n createStyles({\n drawer: ({ openedDrawerWidth }: makeStylesProps) => ({\n height: '100%',\n position: 'relative',\n zIndex: 0,\n width: openedDrawerWidth,\n [`&.${CLOSED_CLASSNAME}`]: {\n width: '48px',\n },\n }),\n drawerPaper: {\n position: 'relative',\n width: '100%',\n borderRadius: ({ anchor }) => (anchor === 'left' ? '0 8px 0 0' : '8px 0 0 0'),\n backgroundColor: theme.palette.background.b5,\n [`&.${CLOSED_CLASSNAME}`]: {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.palette.background.b7,\n '& > $header': {\n backgroundColor: theme.palette.background.b7,\n },\n },\n },\n '&.MuiDrawer-paperAnchorDockedLeft': {\n borderRight: 'none',\n },\n '&.MuiDrawer-paperAnchorDockedRight': {\n borderLeft: 'none',\n },\n },\n header: {\n cursor: 'pointer',\n alignItems: 'center',\n backgroundColor: theme.palette.background.b5,\n borderBottom: '1px solid',\n borderBottomColor: '#ffffff14',\n display: 'flex',\n fontSize: 16,\n fontWeight: 400,\n height: 48,\n justifyContent: 'center',\n left: 0,\n letterSpacing: '1px',\n lineHeight: '22px',\n position: 'absolute',\n right: 0,\n textTransform: 'capitalize',\n top: 0,\n [`&.${OPEN_CLASSNAME}`]: {\n padding: theme.spacing(1.5),\n justifyContent: 'flex-start',\n },\n },\n openToggleIconOpen: {\n transform: 'rotate(180deg)',\n },\n openToggleContainer: ({ anchor }: makeStylesProps) => ({\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n justifyContent: 'center',\n padding: 6,\n position: 'absolute',\n width: '100%',\n [`&.${OPEN_CLASSNAME}`]: {\n justifyContent: anchor === 'left' ? 'flex-end' : 'flex-start',\n paddingRight: 6,\n },\n }),\n contentWrapper: {\n marginTop: 48,\n height: 'calc(100% - 96px)', // NOTE: 48px - height of header\n overflowY: 'auto',\n },\n content: {\n padding: '16px 12px',\n display: 'flex',\n flexDirection: 'column',\n },\n selectAllButton: {\n textTransform: 'none',\n fontSize: '10px',\n lineHeight: '14px',\n letterSpacing: '0.4px',\n\n '& .MuiButton-iconSizeMedium > *:first-child': {\n fontSize: '12px !important',\n },\n '& .MuiButton-startIcon': {\n marginRight: 4,\n },\n '&:hover': {\n background: 'transparent',\n },\n },\n headerIcon: {\n cursor: 'pointer',\n },\n headerIconText: {\n cursor: 'pointer',\n paddingLeft: 7,\n letterSpacing: 1,\n },\n })\n);\n\nconst AppSideBar: FC<AppSideBarProps> = ({\n classes = {},\n anchor = 'left',\n children,\n drawerPaperClassName = '',\n drawerClassName = '',\n expandedTooltipTitle = 'Collapse',\n collapsedTooltipTitle = 'Expand',\n header,\n headerIcon,\n headerTitleIcon,\n isOpen = false,\n openedDrawerWidth,\n setIsOpen = noop,\n size = 'medium',\n allOptionsButtonShown = false,\n isAllOptionsSelected = false,\n onAllOptionsClick = noop,\n}) => {\n const [_isScrollable, setIsScrollable] = useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n\n const styles = useStyles({\n anchor,\n openedDrawerWidth: openedDrawerWidth ?? { small: 235, medium: 354, large: 473 }[size],\n });\n\n useEffect(() => {\n if (!contentRef.current) return;\n const { scrollHeight, clientHeight } = contentRef.current;\n setIsScrollable(scrollHeight > clientHeight);\n });\n\n const toggleIsOpen = () => {\n setIsOpen(!isOpen);\n };\n\n const onSidebarClick = () => {\n if (!isOpen) {\n setIsOpen(true);\n }\n };\n\n const onHeaderClick = () => {\n if (isOpen) {\n setIsOpen(false);\n }\n };\n\n const allOptionsClickHandler = (e: React.MouseEvent) => {\n e.stopPropagation();\n onAllOptionsClick(e);\n };\n\n const ChevronIcon = anchor === 'left' ? RightIcon : LeftIcon;\n\n return (\n <Drawer\n data-testid={`${PAGE_NAME}_Drawer`}\n onClick={onSidebarClick}\n className={classnames(styles.drawer, !isOpen && CLOSED_CLASSNAME, drawerClassName)}\n variant=\"permanent\"\n classes={{\n paper: classnames(styles.drawerPaper, drawerPaperClassName, !isOpen && CLOSED_CLASSNAME),\n }}\n anchor={anchor as Anchor}\n >\n <div\n className={classnames(styles.header, classes?.header, isOpen && OPEN_CLASSNAME)}\n onClick={onHeaderClick}\n >\n {isOpen && (\n <>\n {headerTitleIcon \|\| <LeftAlignmentIcon size={24} />}\n <div data-testid={`${PAGE_NAME}_header`} className={styles.headerIconText}>\n {header}\n </div>\n {allOptionsButtonShown && (\n <Button\n className={styles.selectAllButton}\n onClick={allOptionsClickHandler}\n startIcon={\n isAllOptionsSelected ? <CloseSmallIcon size={16} /> : <CheckSmallIcon size={16} />\n }\n >\n {isAllOptionsSelected ? 'Clear All' : 'Select All'}\n </Button>\n )}\n </>\n )}\n {!isOpen && headerIcon}\n </div>\n <div className={classnames(styles.contentWrapper, classes?.contentWrapper)} ref={contentRef}>\n <div className={classnames(styles.content, classes?.content)}>{isOpen && children}</div>\n </div>\n <Box\n className={classnames(styles.openToggleContainer, classes?.openToggleContainer, {\n [OPEN_CLASSNAME]: isOpen,\n })}\n >\n <Tooltip title={isOpen ? expandedTooltipTitle : collapsedTooltipTitle} placement=\"bottom\">\n <div>\n <IconButton aria-label=\"toggle sidebar\" onClick={toggleIsOpen}>\n <ChevronIcon\n size={24}\n data-testid={`${PAGE_NAME}_arrowButton`}\n className={classnames(isOpen && styles.openToggleIconOpen)}\n />\n </IconButton>\n </div>\n </Tooltip>\n </Box>\n </Drawer>\n );\n};\n\nexport default AppSideBar;\n"],"names":["useStyles","makeStyles","theme","_drawerPaper","createStyles","drawer","_ref","openedDrawerWidth","_defineProperty","height","position","zIndex","width","concat","drawerPaper","borderRadius","_ref3","anchor","backgroundColor","palette","background","b5","cursor","b7","borderRight","borderLeft","header","alignItems","borderBottom","borderBottomColor","display","fontSize","fontWeight","justifyContent","left","letterSpacing","lineHeight","right","textTransform","top","padding","spacing","openToggleIconOpen","transform","openToggleContainer","_ref4","bottom","flex","paddingRight","contentWrapper","marginTop","overflowY","content","flexDirection","selectAllButton","marginRight","headerIcon","headerIconText","paddingLeft","AppSideBar","_ref6","_ref6$classes","classes","_ref6$anchor","children","_ref6$drawerPaperClas","drawerPaperClassName","_ref6$drawerClassName","drawerClassName","_ref6$expandedTooltip","expandedTooltipTitle","_ref6$collapsedToolti","collapsedTooltipTitle","headerTitleIcon","_ref6$isOpen","isOpen","_ref6$setIsOpen","setIsOpen","noop","_ref6$size","size","_ref6$allOptionsButto","allOptionsButtonShown","_ref6$isAllOptionsSel","isAllOptionsSelected","_ref6$onAllOptionsCli","onAllOptionsClick","useState","_useState2","_slicedToArray","_useState","setIsScrollable","contentRef","useRef","styles","small","medium","large","useEffect","current","scrollHeight","clientHeight","ChevronIcon","RightIcon","LeftIcon","_jsxs","Drawer","onClick","className","classnames","variant","paper","_Fragment","_jsx","LeftAlignmentIcon","Button","e","stopPropagation","startIcon","CloseSmallIcon","CheckSmallIcon","ref","Box","Tooltip","title","placement","IconButton"],"mappings":"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"}

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as e,useMemo as n}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import a from"../AppContext.js";import{DevCenterRouterContext as l}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as d,jsxs as u}from"react/jsx-runtime";import{useAppSettings as j}from"./effects/useAppSettings.js";import A from"./effects/useAnnotationsList.js";import g from"./effects/useAnnotationsData.js";import C from"./effects/useAppMaximized.js";import{useDevCenterAppProps as V}from"./effects/useDevCenterAppProps.js";import{DcFullscreenElemsCoordinatorProvider as I}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DevCenterAppDialogs as S}from"./components/DevCenterAppDialogs.js";import v from"./components/DevCenterAppView/DevCenterAppView.js";import{LegacyAppActions as h}from"./components/LegacyAppActions.js";import f from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as b,getAppAvailability as D}from"./utils.js";import{APP_DATA_ASSET_KEYS as P,PAGE_NAME as x,HOME_PATH_PREFIX as T,MOBILE_CLI_APP_GRID_WIDTH as M}from"./constants.js";import{CommentsSwitchProvider as L}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import"./components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"./components/IsInsideIsolatedDcAppProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"@icon-park/react/es/all";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"../../../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"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import{getAppSegment as y,isDCAppMultiRig as k,getAppName as O,getTimestampFromQuery as F}from"../../../utils/devcenter.js";import"../../../constants/segment.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../constants/appPackages.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/completion.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import{AppCommonsProvider as H}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isInsideNewMobileApp as B,isNativeDetected as w,isMobileDetected as E}from"../../../utils/mobileDetect.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import R from"../../../effects/useDevCenterApp.js";import"jsona";import"../../../utils/env.js";import{DEV_CENTER_CLI_APP_ID as W}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import q from"./DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";function U(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function G(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var N=function(o){var U,N,_,K,Z,J,Q,X=o.CLIAppComponent,Y=o.CLIAppSettings,$=o.app,oo=o.appId,so=o.className,to=o.coordinates,eo=o.currentDashboardAppsLastAnnotations,no=o.currentUser,io=o.devCenterRouter,po=o.disableAppAssetSelection,ro=o.isActionsDisabled,co=o.isBrowserFullscreen,mo=o.enterBrowserFullscreen,ao=o.exitBrowserFullscreen,lo=o.isSeparateWindow,uo=o.openSeparateWindow,jo=o.closeSeparateWindow,Ao=o.setSeparateWindowTitle,go=o.isNonIsolatedApp,Co=void 0!==go&&go,Vo=o.isSettingsDialogHidden,Io=o.layoutEnvironment,So=o.onAppContainerClick,vo=void 0===So?c:So,ho=o.onAppRemove,fo=o.onReportBugClick,bo=o.onCloneDashboard,Do=o.onHelpCenterClick,Po=o.onIsMaximizedChange,xo=o.onSettingChange,To=void 0===xo?c:xo,Mo=o.onSettingsChange,Lo=void 0===Mo?c:Mo,yo=o.openIntercom,ko=void 0===yo?c:yo,Oo=o.registerAITools,Fo=o.setIsFullscreenModalMode,Ho=void 0===Fo?c:Fo,Bo=o.timestamp,wo=o.updateCurrentDashboardAppLastAnnotation,Eo=o.dashboardMeta,Ro=o.reloadApp,Wo=o.chatActions,qo=t(a),zo=m(),Uo=w||E,Go=e([]),No=s(Go,2),_o=No[0],Ko=No[1],Zo=e([]),Jo=s(Zo,2),Qo=Jo[0],Xo=Jo[1],Yo=oo||$.id,$o=null!==(U=Yo?null==qo?void 0:qo[Yo]:void 0)&&void 0!==U?U:{isLoading:!0},os=null===(N=$.package)||void 0===N||null===(_=N.manifest)||void 0===_?void 0:_.application,ss=y($),ts=!(null==Eo||!Eo.isChiplessDashboard),es=k({uiSettings:null==os?void 0:os.ui,isChiplessDashboard:ts}),ns=!(null==os||null===(K=os.ui)||void 0===K||!K.enable_comments),is=O($),ps=C({onIsMaximizedChange:Po,devCenterRouter:io,appId:oo}),rs=ps.isMaximized,cs=ps.setIsMaximized,ms=Bo||F(null===(Z=io.location.query)||void 0===Z?void 0:Z.query),as=$.id===W,ls=n((function(){return as&&Uo?G(G({},to),{},{w:M}):to}),[as,Uo,to]),ds=b($),us=R({CLIAppComponent:X,CLIAppSettings:Y,app:$,version:ds}),js=us.isLoading,As=us.AppSettings,gs=us.AppComponent,Cs=j({setIsFullscreenModalMode:Ho}),Vs=Cs.isAppSettingsDialogOpened,Is=Cs.toggleAppSettingsDialog,Ss=A(),vs=Ss.isAnnotationsListOpened,hs=Ss.toggleAnnotationsList,fs=!(!js&&no&&(es||!$o.isLoading)),bs=g({app:$,appData:$o,currentDashboardAppsLastAnnotations:eo}),Ds=bs.appLastAnnotation,Ps=bs.assetCompanyId,xs=bs.assetIdForAnnotation,Ts=bs.isAppSupportsAnnotations,Ms=n((function(){return p(r($o,P),Boolean)}),[$o]),Ls=n((function(){return Qo.map((function(o){return G(G({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&io.push(o.to)}})}))}),[Qo,io]),ys=!(null==os||null===(J=os.ui)||void 0===J||!J.use_app_header_v3),ks=!(null===(Q=io.location.pathname)||void 0===Q||!Q.startsWith(T)),Os=V({app:$,appLastAnnotation:Ds,appTimestamp:ms,chatActions:Wo,coordinates:ls,currentUser:no,devCenterRouter:io,filteredAppData:Ms,isMaximized:rs,layoutEnvironment:Io,onSettingChange:To,onSettingsChange:Lo,registerAITools:Oo,segment:ss,setIsFullscreenModalMode:Ho,setIsMaximized:cs,setMainMenuItems:Ko,setSecondaryMenuItems:Xo,toggleAnnotationsList:hs,toggleAppSettingsDialog:Is,updateCurrentDashboardAppLastAnnotation:wo});return d(l.Provider,{value:io,children:d(I,{setIsFullscreenModalMode:Ho,children:d(H,G(G({maximized:rs,setMaximized:cs,appId:$.app.id,app:$,appSettings:$.settings,onSettingChange:To,onSettingsChange:Lo,appHeadersV3Enabled:ys,isBrowserFullscreen:co,enterBrowserFullscreen:mo,exitBrowserFullscreen:ao,isSeparateWindow:lo,openSeparateWindow:uo,closeSeparateWindow:jo,setSeparateWindowTitle:Ao,isNonIsolatedApp:Co,disableAppAssetSelection:po,isMultiRig:es,currentUser:no,appData:$o,layoutEnvironment:Io,appSettingsComponent:As,dashboardMeta:Eo,toggleAnnotationsList:Ts?hs:void 0,onHelpCenterClick:Do,secondaryMenuItems:Ls,onAppRemove:ho,isInsideNewMobileApp:B,globalOffsetWells:null==Eo?void 0:Eo.globalOffsetWells,globalOffsetWellsVersion:null==Eo?void 0:Eo.globalOffsetWellsVersion,globalOffsetWellsToken:null==Eo?void 0:Eo.globalOffsetWellsToken,reloadApp:Ro},Ms),{},{children:d(L,{children:u("article",{className:i("dc-app-container",B&&"dc-app-container--inside-new-mobile-app",ks&&"dc-app-container--inside-home-page",so,rs&&"dc-app-container__maximized",zo.isLightTheme&&"dc-app-container__light-theme",q.container),"data-testid":"".concat(x,"_").concat(is),onClick:function(){return vo()},children:[d(z,{}),d("div",{className:q.containerContent,children:d(v,{AppComponent:gs,app:$,appData:Ms,availability:D($.availability,no.company.with_subscription),isCLIApp:as,isLoading:fs,isMultiRig:es,layoutEnvironment:null!=Io?Io:null,openIntercom:ko,segment:ss,toggleAppSettingsDialog:Is,appProps:Os},$o.appHash)}),d(S,{app:$,appData:$o,appName:is,appSettingsComponent:As,assetCompanyId:Ps,assetIdForAnnotation:xs,currentUser:no,disableAppAssetSelection:po,isAnnotationsListOpened:vs,isAppSettingsDialogOpened:Vs,isMultiRig:es,isSettingsDialogHidden:Vo,layoutEnvironment:Io,onAppRemove:ho,onCloneDashboard:bo,onSettingsChange:Lo,openIntercom:ko,toggleAnnotationsList:hs,toggleAppSettingsDialog:Is}),rs&&!ys&&d(f,{setIsMaximized:cs}),!ro&&(!ys||fs)&&d(h,{app:$,currentUser:no,devCenterRouter:io,isAnnotationsSupported:Ts,isCLIApp:as,isCommentsEnabled:ns,isInsideNewMobileApp:B,isMaximized:rs,isMobileView:Uo,mainMenuItems:_o,secondaryMenuItems:Qo,onHelpCenterClick:Do,onReportBugClick:fo,setIsFullscreenModalMode:Ho,setIsMaximized:cs,toggleAnnotationsList:hs,toggleAppSettingsDialog:Is})]})})}))})})};export{N as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as e,useMemo as n}from"react";import i from"classnames";import{pickBy as p,pick as r,noop as c}from"lodash";import{useTheme as m}from"@material-ui/core";import a from"../AppContext.js";import{DevCenterRouterContext as l}from"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as d,jsxs as u}from"react/jsx-runtime";import{useAppSettings as j}from"./effects/useAppSettings.js";import A from"./effects/useAnnotationsList.js";import C from"./effects/useAnnotationsData.js";import I from"./effects/useAppMaximized.js";import{useDevCenterAppProps as g}from"./effects/useDevCenterAppProps.js";import{DcFullscreenElemsCoordinatorProvider as V}from"./components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{DevCenterAppDialogs as v}from"./components/DevCenterAppDialogs.js";import h from"./components/DevCenterAppView/DevCenterAppView.js";import{LegacyAppActions as S}from"./components/LegacyAppActions.js";import f from"./components/RestoreAppSizeButton/index.js";import{getAppVersion as b,getAppAvailability as D}from"./utils.js";import{APP_DATA_ASSET_KEYS as P,PAGE_NAME as x,HOME_PATH_PREFIX as T,MOBILE_CLI_APP_GRID_WIDTH as M}from"./constants.js";import{CommentsSwitchProvider as L}from"./components/CommentsSwitch/CommentsSwitchProvider.js";import"./components/CommentsSwitch/CommentsSwitchContext.js";import"./components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"./components/IsInsideIsolatedDcAppProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"@icon-park/react/es/all";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"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.js";import"../../../clients/jsonApi/index.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../utils/main.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/AppFooter/AppFooter.js";import{getAppSegment as y,isDCAppMultiRig as O,getAppName as k,getTimestampFromQuery as F}from"../../../utils/devcenter.js";import"../../../constants/segment.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../constants/appPackages.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../constants/completion.js";import"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import{AppCommonsProvider as H}from"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isInsideNewMobileApp as w,isNativeDetected as B,isMobileDetected as E}from"../../../utils/mobileDetect.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../AppIcon/AppIcon.js";import"../../../utils/getSingleAsset.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import R from"../../../effects/useDevCenterApp.js";import"jsona";import"../../../utils/env.js";import{DEV_CENTER_CLI_APP_ID as W}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import q from"./DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import{ToastContainer as z}from"../../Toaster/ToastContainer.js";function U(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function G(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?U(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):U(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var N=function(o){var U,N,_,K,Z,J,Q,X=o.CLIAppComponent,Y=o.CLIAppSettings,$=o.app,oo=o.appId,so=o.className,to=o.coordinates,eo=o.currentDashboardAppsLastAnnotations,no=o.currentUser,io=o.devCenterRouter,po=o.disableAppAssetSelection,ro=o.isActionsDisabled,co=o.isBrowserFullscreen,mo=o.enterBrowserFullscreen,ao=o.exitBrowserFullscreen,lo=o.isSeparateWindow,uo=o.openSeparateWindow,jo=o.closeSeparateWindow,Ao=o.setSeparateWindowTitle,Co=o.isNonIsolatedApp,Io=void 0!==Co&&Co,go=o.isSettingsDialogHidden,Vo=o.layoutEnvironment,vo=o.onAppContainerClick,ho=void 0===vo?c:vo,So=o.onAppRemove,fo=o.onReportBugClick,bo=o.onCloneDashboard,Do=o.onHelpCenterClick,Po=o.onIsMaximizedChange,xo=o.onSettingChange,To=void 0===xo?c:xo,Mo=o.onSettingsChange,Lo=void 0===Mo?c:Mo,yo=o.openIntercom,Oo=void 0===yo?c:yo,ko=o.registerAITools,Fo=o.setIsFullscreenModalMode,Ho=void 0===Fo?c:Fo,wo=o.timestamp,Bo=o.updateCurrentDashboardAppLastAnnotation,Eo=o.dashboardMeta,Ro=o.reloadApp,Wo=o.chatActions,qo=t(a),zo=m(),Uo=B||E,Go=e([]),No=s(Go,2),_o=No[0],Ko=No[1],Zo=e([]),Jo=s(Zo,2),Qo=Jo[0],Xo=Jo[1],Yo=oo||$.id,$o=null!==(U=Yo?null==qo?void 0:qo[Yo]:void 0)&&void 0!==U?U:{isLoading:!0},os=null===(N=$.package)||void 0===N||null===(_=N.manifest)||void 0===_?void 0:_.application,ss=y($),ts=!(null==Eo||!Eo.isChiplessDashboard),es=O({uiSettings:null==os?void 0:os.ui,isChiplessDashboard:ts}),ns=!(null==os||null===(K=os.ui)||void 0===K||!K.enable_comments),is=k($),ps=I({onIsMaximizedChange:Po,devCenterRouter:io,appId:oo}),rs=ps.isMaximized,cs=ps.setIsMaximized,ms=wo||F(null===(Z=io.location.query)||void 0===Z?void 0:Z.query),as=$.id===W,ls=n((function(){return as&&Uo?G(G({},to),{},{w:M}):to}),[as,Uo,to]),ds=b($),us=R({CLIAppComponent:X,CLIAppSettings:Y,app:$,version:ds}),js=us.isLoading,As=us.AppSettings,Cs=us.AppComponent,Is=j({setIsFullscreenModalMode:Ho}),gs=Is.isAppSettingsDialogOpened,Vs=Is.toggleAppSettingsDialog,vs=A(),hs=vs.isAnnotationsListOpened,Ss=vs.toggleAnnotationsList,fs=!(!js&&no&&(es||!$o.isLoading)),bs=C({app:$,appData:$o,currentDashboardAppsLastAnnotations:eo}),Ds=bs.appLastAnnotation,Ps=bs.assetCompanyId,xs=bs.assetIdForAnnotation,Ts=bs.isAppSupportsAnnotations,Ms=n((function(){return p(r($o,P),Boolean)}),[$o]),Ls=n((function(){return Qo.map((function(o){return G(G({},o),{},{onClick:function(){var s;null===(s=o.onClick)||void 0===s||s.call(o),o.to&&io.push(o.to)}})}))}),[Qo,io]),ys=!(null==os||null===(J=os.ui)||void 0===J||!J.use_app_header_v3),Os=!(null===(Q=io.location.pathname)||void 0===Q||!Q.startsWith(T)),ks=g({app:$,appLastAnnotation:Ds,appTimestamp:ms,chatActions:Wo,coordinates:ls,currentUser:no,devCenterRouter:io,filteredAppData:Ms,isMaximized:rs,layoutEnvironment:Vo,onSettingChange:To,onSettingsChange:Lo,registerAITools:ko,segment:ss,setIsFullscreenModalMode:Ho,setIsMaximized:cs,setMainMenuItems:Ko,setSecondaryMenuItems:Xo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs,updateCurrentDashboardAppLastAnnotation:Bo});return d(l.Provider,{value:io,children:d(V,{setIsFullscreenModalMode:Ho,children:d(H,G(G({maximized:rs,setMaximized:cs,appId:$.app.id,app:$,appSettings:$.settings,onSettingChange:To,onSettingsChange:Lo,appHeadersV3Enabled:ys,isBrowserFullscreen:co,enterBrowserFullscreen:mo,exitBrowserFullscreen:ao,isSeparateWindow:lo,openSeparateWindow:uo,closeSeparateWindow:jo,setSeparateWindowTitle:Ao,isNonIsolatedApp:Io,disableAppAssetSelection:po,isMultiRig:es,currentUser:no,appData:$o,layoutEnvironment:Vo,appSettingsComponent:As,dashboardMeta:Eo,toggleAnnotationsList:Ts?Ss:void 0,onHelpCenterClick:Do,secondaryMenuItems:Ls,onAppRemove:So,isInsideNewMobileApp:w,globalOffsetWells:null==Eo?void 0:Eo.globalOffsetWells,globalOffsetWellsVersion:null==Eo?void 0:Eo.globalOffsetWellsVersion,globalOffsetWellsToken:null==Eo?void 0:Eo.globalOffsetWellsToken,reloadApp:Ro},Ms),{},{children:d(L,{children:u("article",{className:i("dc-app-container",w&&"dc-app-container--inside-new-mobile-app",Os&&"dc-app-container--inside-home-page",so,rs&&"dc-app-container__maximized",zo.isLightTheme&&"dc-app-container__light-theme",q.container),"data-testid":"".concat(x,"_").concat(is),onClick:function(){return ho()},children:[d(z,{}),d("div",{className:q.containerContent,children:d(h,{AppComponent:Cs,app:$,appData:Ms,availability:D($.availability,no.company.with_subscription),isCLIApp:as,isLoading:fs,isMultiRig:es,layoutEnvironment:null!=Vo?Vo:null,openIntercom:Oo,segment:ss,toggleAppSettingsDialog:Vs,appProps:ks},$o.appHash)}),d(v,{app:$,appData:$o,appName:is,appSettingsComponent:As,assetCompanyId:Ps,assetIdForAnnotation:xs,currentUser:no,disableAppAssetSelection:po,isAnnotationsListOpened:hs,isAppSettingsDialogOpened:gs,isMultiRig:es,isSettingsDialogHidden:go,layoutEnvironment:Vo,onAppRemove:So,onCloneDashboard:bo,onSettingsChange:Lo,openIntercom:Oo,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs}),rs&&!ys&&d(f,{setIsMaximized:cs}),!ro&&(!ys||fs)&&d(S,{app:$,currentUser:no,devCenterRouter:io,isAnnotationsSupported:Ts,isCLIApp:as,isCommentsEnabled:ns,isInsideNewMobileApp:w,isMaximized:rs,isMobileView:Uo,mainMenuItems:_o,secondaryMenuItems:Qo,onHelpCenterClick:Do,onReportBugClick:fo,setIsFullscreenModalMode:Ho,setIsMaximized:cs,toggleAnnotationsList:Ss,toggleAppSettingsDialog:Vs})]})})}))})})};export{N as default};
 //# sourceMappingURL=DevCenterAppContainer.js.map

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n useAnnotationsData,\n useAnnotationsList,\n useAppMaximized,\n useAppSettings,\n useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n APP_DATA_ASSET_KEYS,\n HOME_PATH_PREFIX,\n MOBILE_CLI_APP_GRID_WIDTH,\n PAGE_NAME,\n} from './constants';\nimport type {\n AppCoordinates,\n AppDataEntry,\n ChatActions,\n DashboardAppLastAnnotation,\n DevCenterAppResource,\n DevCenterCurrentUser,\n DevCenterMenuItem,\n DevCenterRouter,\n LayoutEnvironment,\n RegisterAITools,\n SetIsFullscreenModalMode,\n UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { GlobalOffsetWell } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n getAppName,\n getAppSegment,\n getTimestampFromQuery,\n isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/*\n `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n /\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n app: DevCenterAppResource;\n currentUser: DevCenterCurrentUser;\n /* Platform router. Not React Router — the DC shell supplies its own. /\n devCenterRouter: DevCenterRouter;\n\n /\n Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n * typed ones consumers pass.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n CLIAppComponent?: ComponentType<any> \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n CLIAppSettings?: ComponentType<any> \| null;\n /* Defaults to `app.id` when omitted. /\n appId?: number;\n className?: string \| null;\n chatActions?: ChatActions \| null;\n coordinates?: AppCoordinates \| null;\n currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] \| null;\n dashboardMeta?: {\n isMultiAsset?: boolean;\n isMultiWell?: boolean;\n isChiplessDashboard?: boolean;\n globalOffsetWells?: GlobalOffsetWell[];\n globalOffsetWellsVersion?: number;\n globalOffsetWellsToken?: number;\n };\n disableAppAssetSelection?: boolean;\n isActionsDisabled?: boolean;\n /\n [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n */\n isNonIsolatedApp?: boolean;\n isSettingsDialogHidden?: boolean;\n layoutEnvironment?: LayoutEnvironment \| null;\n onAppContainerClick?: () => void;\n onAppRemove?: () => void;\n onCloneDashboard?: () => void;\n onHelpCenterClick?: () => void;\n onIsMaximizedChange?: (isMaximized: boolean) => void;\n onReportBugClick?: (() => void) \| null;\n onSettingChange?: (key: string, value: unknown) => void;\n onSettingsChange?: (value: unknown) => void;\n openIntercom?: () => void;\n registerAITools?: RegisterAITools;\n reloadApp?: () => void;\n setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n timestamp?: number \| null;\n updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n CLIAppComponent,\n CLIAppSettings,\n app,\n appId,\n className,\n coordinates,\n currentDashboardAppsLastAnnotations,\n currentUser,\n devCenterRouter,\n disableAppAssetSelection,\n isActionsDisabled,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n setSeparateWindowTitle,\n isNonIsolatedApp = false,\n isSettingsDialogHidden,\n layoutEnvironment,\n onAppContainerClick = noop,\n onAppRemove,\n onReportBugClick,\n onCloneDashboard,\n onHelpCenterClick,\n onIsMaximizedChange,\n onSettingChange = noop,\n onSettingsChange = noop,\n openIntercom = noop,\n registerAITools,\n setIsFullscreenModalMode = noop,\n timestamp,\n updateCurrentDashboardAppLastAnnotation,\n dashboardMeta,\n reloadApp,\n chatActions,\n}) => {\n // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n // context itself, which belongs to `DevCenter/AppContext`.\n const appsData: Record<string, AppDataEntry> \| undefined = useContext(AppContext);\n const theme = useTheme();\n const isMobileView = isNativeDetected \|\| isMobileDetected;\n const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n // `\|\|`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n const appDataKey = appId \|\| app.id;\n const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n isLoading: true,\n };\n const application = app.package?.manifest?.application;\n const segment = getAppSegment(app);\n const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n const isMultiRig = isDCAppMultiRig({\n uiSettings: application?.ui,\n isChiplessDashboard,\n });\n const isCommentsEnabled = !!application?.ui?.enable_comments;\n const appName = getAppName(app);\n const { isMaximized, setIsMaximized } = useAppMaximized({\n onIsMaximizedChange,\n devCenterRouter,\n appId,\n });\n\n // Isolated apps are mounted without the router query the timestamp normally comes from,\n // so the host passes it as a prop instead.\n const appTimestamp = timestamp \|\| getTimestampFromQuery(devCenterRouter.location.query?.query);\n const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n const updatedCoordinates = useMemo(\n () =>\n isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n [isCLIApp, isMobileView, coordinates]\n );\n const version = getAppVersion(app);\n\n const {\n isLoading: isAppLoading,\n AppSettings,\n AppComponent,\n } = useDevCenterApp({\n CLIAppComponent,\n CLIAppSettings,\n app,\n version,\n });\n\n const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n setIsFullscreenModalMode,\n });\n const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n const isLoading = !!(isAppLoading \|\| !currentUser \|\| (!isMultiRig && appData.isLoading));\n\n const {\n appLastAnnotation,\n assetCompanyId,\n assetIdForAnnotation,\n isAppSupportsAnnotations: isAnnotationsSupported,\n } = useAnnotationsData({\n app,\n appData,\n currentDashboardAppsLastAnnotations,\n });\n\n const filteredAppData = useMemo(\n () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n [appData]\n );\n\n const simplifiedSecondaryMenuItems = useMemo(\n () =>\n secondaryMenuItems.map(item => ({\n ...item,\n onClick: () => {\n item.onClick?.();\n if (item.to) {\n devCenterRouter.push(item.to);\n }\n },\n })),\n [secondaryMenuItems, devCenterRouter]\n );\n\n const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n const isInsideHomePage = isHomePage(devCenterRouter);\n\n const appProps = useDevCenterAppProps({\n app,\n appLastAnnotation,\n appTimestamp,\n chatActions,\n coordinates: updatedCoordinates,\n currentUser,\n devCenterRouter,\n filteredAppData,\n isMaximized,\n layoutEnvironment,\n onSettingChange,\n onSettingsChange,\n registerAITools,\n segment,\n setIsFullscreenModalMode,\n setIsMaximized,\n setMainMenuItems,\n setSecondaryMenuItems,\n toggleAnnotationsList,\n toggleAppSettingsDialog,\n updateCurrentDashboardAppLastAnnotation,\n });\n\n // Called without the native event: this crosses an iframe boundary, where a DOM event\n // cannot be serialised.\n const handleAppContainerClick = () => onAppContainerClick();\n\n // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n return (\n <DevCenterRouterContext.Provider value={devCenterRouter}>\n <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n <AppCommonsProvider\n maximized={isMaximized}\n setMaximized={setIsMaximized}\n appId={app.app.id}\n app={app}\n appSettings={app.settings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n appHeadersV3Enabled={isAppHeadersV3Enabled}\n isBrowserFullscreen={isBrowserFullscreen}\n enterBrowserFullscreen={enterBrowserFullscreen}\n exitBrowserFullscreen={exitBrowserFullscreen}\n isSeparateWindow={isSeparateWindow}\n openSeparateWindow={openSeparateWindow}\n closeSeparateWindow={closeSeparateWindow}\n setSeparateWindowTitle={setSeparateWindowTitle}\n isNonIsolatedApp={isNonIsolatedApp}\n disableAppAssetSelection={disableAppAssetSelection}\n isMultiRig={isMultiRig}\n currentUser={currentUser}\n appData={appData}\n layoutEnvironment={layoutEnvironment}\n appSettingsComponent={AppSettings}\n dashboardMeta={dashboardMeta}\n toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n onHelpCenterClick={onHelpCenterClick}\n secondaryMenuItems={simplifiedSecondaryMenuItems}\n onAppRemove={onAppRemove}\n isInsideNewMobileApp={isInsideNewMobileApp}\n globalOffsetWells={dashboardMeta?.globalOffsetWells}\n globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n reloadApp={reloadApp}\n {...filteredAppData}\n >\n <CommentsSwitchProvider>\n <article\n className={classNames(\n 'dc-app-container',\n isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n isInsideHomePage && 'dc-app-container--inside-home-page',\n className,\n // This class is applied so that DC apps developers can style their content\n // when an app is in fullscreen\n isMaximized && 'dc-app-container__maximized',\n theme.isLightTheme && 'dc-app-container__light-theme',\n styles.container\n )}\n data-testid={`${PAGE_NAME}_${appName}`}\n onClick={handleAppContainerClick}\n >\n <ToastContainer />\n <div className={styles.containerContent}>\n <DevCenterAppView\n // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n // new mount. React 18 batching collapses away the `isLoading` frame this used\n // to rely on whenever AppsDataProvider serves the asset from its cache.\n key={appData.appHash}\n AppComponent={AppComponent}\n app={app}\n appData={filteredAppData}\n availability={getAppAvailability(\n app.availability,\n currentUser.company.with_subscription\n )}\n isCLIApp={isCLIApp}\n isLoading={isLoading}\n isMultiRig={isMultiRig}\n layoutEnvironment={layoutEnvironment ?? null}\n openIntercom={openIntercom}\n segment={segment}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n appProps={appProps}\n />\n </div>\n <DevCenterAppDialogs\n app={app}\n appData={appData}\n appName={appName}\n appSettingsComponent={AppSettings}\n assetCompanyId={assetCompanyId}\n assetIdForAnnotation={assetIdForAnnotation}\n currentUser={currentUser}\n disableAppAssetSelection={disableAppAssetSelection}\n isAnnotationsListOpened={isAnnotationsListOpened}\n isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n isMultiRig={isMultiRig}\n isSettingsDialogHidden={isSettingsDialogHidden}\n layoutEnvironment={layoutEnvironment}\n onAppRemove={onAppRemove}\n onCloneDashboard={onCloneDashboard}\n onSettingsChange={onSettingsChange}\n openIntercom={openIntercom}\n toggleAnnotationsList={toggleAnnotationsList}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n />\n {isMaximized && !isAppHeadersV3Enabled && (\n <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n )}\n\n {!isActionsDisabled && (!isAppHeadersV3Enabled \|\| isLoading) && (\n <LegacyAppActions\n app={app}\n currentUser={currentUser}\n devCenterRouter={devCenterRouter}\n isAnnotationsSupported={isAnnotationsSupported}\n isCLIApp={isCLIApp}\n isCommentsEnabled={isCommentsEnabled}\n isInsideNewMobileApp={isInsideNewMobileApp}\n isMaximized={isMaximized}\n isMobileView={isMobileView}\n mainMenuItems={mainMenuItems}\n secondaryMenuItems={secondaryMenuItems}\n onHelpCenterClick={onHelpCenterClick}\n onReportBugClick={onReportBugClick}\n setIsFullscreenModalMode={setIsFullscreenModalMode}\n setIsMaximized={setIsMaximized}\n toggleAnnotationsList={toggleAnnotationsList}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n />\n )}\n </article>\n </CommentsSwitchProvider>\n </AppCommonsProvider>\n </DcFullscreenElemsCoordinatorProvider>\n </DevCenterRouterContext.Provider>\n );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}
1	+ {"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n useAnnotationsData,\n useAnnotationsList,\n useAppMaximized,\n useAppSettings,\n useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n APP_DATA_ASSET_KEYS,\n HOME_PATH_PREFIX,\n MOBILE_CLI_APP_GRID_WIDTH,\n PAGE_NAME,\n} from './constants';\nimport type {\n AppCoordinates,\n AppDataEntry,\n ChatActions,\n DashboardAppLastAnnotation,\n DevCenterAppResource,\n DevCenterCurrentUser,\n DevCenterMenuItem,\n DevCenterRouter,\n LayoutEnvironment,\n RegisterAITools,\n SetIsFullscreenModalMode,\n UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { GlobalOffsetWell } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n getAppName,\n getAppSegment,\n getTimestampFromQuery,\n isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/*\n `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n /\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n app: DevCenterAppResource;\n currentUser: DevCenterCurrentUser;\n /* Platform router. Not React Router — the DC shell supplies its own. /\n devCenterRouter: DevCenterRouter;\n\n /\n Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n * typed ones consumers pass.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n CLIAppComponent?: ComponentType<any> \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n CLIAppSettings?: ComponentType<any> \| null;\n /* Defaults to `app.id` when omitted. /\n appId?: number;\n className?: string \| null;\n chatActions?: ChatActions \| null;\n coordinates?: AppCoordinates \| null;\n currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] \| null;\n dashboardMeta?: {\n isMultiAsset?: boolean;\n isMultiWell?: boolean;\n isChiplessDashboard?: boolean;\n globalOffsetWells?: GlobalOffsetWell[];\n globalOffsetWellsVersion?: number;\n globalOffsetWellsToken?: number;\n };\n disableAppAssetSelection?: boolean;\n isActionsDisabled?: boolean;\n /\n [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n */\n isNonIsolatedApp?: boolean;\n isSettingsDialogHidden?: boolean;\n layoutEnvironment?: LayoutEnvironment \| null;\n onAppContainerClick?: () => void;\n onAppRemove?: () => void;\n onCloneDashboard?: () => void;\n onHelpCenterClick?: () => void;\n onIsMaximizedChange?: (isMaximized: boolean) => void;\n onReportBugClick?: (() => void) \| null;\n onSettingChange?: (key: string, value: unknown) => void;\n onSettingsChange?: (value: unknown) => void;\n openIntercom?: () => void;\n registerAITools?: RegisterAITools;\n reloadApp?: () => void;\n setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n timestamp?: number \| null;\n updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n CLIAppComponent,\n CLIAppSettings,\n app,\n appId,\n className,\n coordinates,\n currentDashboardAppsLastAnnotations,\n currentUser,\n devCenterRouter,\n disableAppAssetSelection,\n isActionsDisabled,\n isBrowserFullscreen,\n enterBrowserFullscreen,\n exitBrowserFullscreen,\n isSeparateWindow,\n openSeparateWindow,\n closeSeparateWindow,\n setSeparateWindowTitle,\n isNonIsolatedApp = false,\n isSettingsDialogHidden,\n layoutEnvironment,\n onAppContainerClick = noop,\n onAppRemove,\n onReportBugClick,\n onCloneDashboard,\n onHelpCenterClick,\n onIsMaximizedChange,\n onSettingChange = noop,\n onSettingsChange = noop,\n openIntercom = noop,\n registerAITools,\n setIsFullscreenModalMode = noop,\n timestamp,\n updateCurrentDashboardAppLastAnnotation,\n dashboardMeta,\n reloadApp,\n chatActions,\n}) => {\n // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n // context itself, which belongs to `DevCenter/AppContext`.\n const appsData: Record<string, AppDataEntry> \| undefined = useContext(AppContext);\n const theme = useTheme();\n const isMobileView = isNativeDetected \|\| isMobileDetected;\n const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n // `\|\|`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n const appDataKey = appId \|\| app.id;\n const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n isLoading: true,\n };\n const application = app.package?.manifest?.application;\n const segment = getAppSegment(app);\n const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n const isMultiRig = isDCAppMultiRig({\n uiSettings: application?.ui,\n isChiplessDashboard,\n });\n const isCommentsEnabled = !!application?.ui?.enable_comments;\n const appName = getAppName(app);\n const { isMaximized, setIsMaximized } = useAppMaximized({\n onIsMaximizedChange,\n devCenterRouter,\n appId,\n });\n\n // Isolated apps are mounted without the router query the timestamp normally comes from,\n // so the host passes it as a prop instead.\n const appTimestamp = timestamp \|\| getTimestampFromQuery(devCenterRouter.location.query?.query);\n const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n const updatedCoordinates = useMemo(\n () =>\n isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n [isCLIApp, isMobileView, coordinates]\n );\n const version = getAppVersion(app);\n\n const {\n isLoading: isAppLoading,\n AppSettings,\n AppComponent,\n } = useDevCenterApp({\n CLIAppComponent,\n CLIAppSettings,\n app,\n version,\n });\n\n const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n setIsFullscreenModalMode,\n });\n const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n const isLoading = !!(isAppLoading \|\| !currentUser \|\| (!isMultiRig && appData.isLoading));\n\n const {\n appLastAnnotation,\n assetCompanyId,\n assetIdForAnnotation,\n isAppSupportsAnnotations: isAnnotationsSupported,\n } = useAnnotationsData({\n app,\n appData,\n currentDashboardAppsLastAnnotations,\n });\n\n const filteredAppData = useMemo(\n () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n [appData]\n );\n\n const simplifiedSecondaryMenuItems = useMemo(\n () =>\n secondaryMenuItems.map(item => ({\n ...item,\n onClick: () => {\n item.onClick?.();\n if (item.to) {\n devCenterRouter.push(item.to);\n }\n },\n })),\n [secondaryMenuItems, devCenterRouter]\n );\n\n const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n const isInsideHomePage = isHomePage(devCenterRouter);\n\n const appProps = useDevCenterAppProps({\n app,\n appLastAnnotation,\n appTimestamp,\n chatActions,\n coordinates: updatedCoordinates,\n currentUser,\n devCenterRouter,\n filteredAppData,\n isMaximized,\n layoutEnvironment,\n onSettingChange,\n onSettingsChange,\n registerAITools,\n segment,\n setIsFullscreenModalMode,\n setIsMaximized,\n setMainMenuItems,\n setSecondaryMenuItems,\n toggleAnnotationsList,\n toggleAppSettingsDialog,\n updateCurrentDashboardAppLastAnnotation,\n });\n\n // Called without the native event: this crosses an iframe boundary, where a DOM event\n // cannot be serialised.\n const handleAppContainerClick = () => onAppContainerClick();\n\n // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n return (\n <DevCenterRouterContext.Provider value={devCenterRouter}>\n <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n <AppCommonsProvider\n maximized={isMaximized}\n setMaximized={setIsMaximized}\n appId={app.app.id}\n app={app}\n appSettings={app.settings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n appHeadersV3Enabled={isAppHeadersV3Enabled}\n isBrowserFullscreen={isBrowserFullscreen}\n enterBrowserFullscreen={enterBrowserFullscreen}\n exitBrowserFullscreen={exitBrowserFullscreen}\n isSeparateWindow={isSeparateWindow}\n openSeparateWindow={openSeparateWindow}\n closeSeparateWindow={closeSeparateWindow}\n setSeparateWindowTitle={setSeparateWindowTitle}\n isNonIsolatedApp={isNonIsolatedApp}\n disableAppAssetSelection={disableAppAssetSelection}\n isMultiRig={isMultiRig}\n currentUser={currentUser}\n appData={appData}\n layoutEnvironment={layoutEnvironment}\n appSettingsComponent={AppSettings}\n dashboardMeta={dashboardMeta}\n toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n onHelpCenterClick={onHelpCenterClick}\n secondaryMenuItems={simplifiedSecondaryMenuItems}\n onAppRemove={onAppRemove}\n isInsideNewMobileApp={isInsideNewMobileApp}\n globalOffsetWells={dashboardMeta?.globalOffsetWells}\n globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n reloadApp={reloadApp}\n {...filteredAppData}\n >\n <CommentsSwitchProvider>\n <article\n className={classNames(\n 'dc-app-container',\n isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n isInsideHomePage && 'dc-app-container--inside-home-page',\n className,\n // This class is applied so that DC apps developers can style their content\n // when an app is in fullscreen\n isMaximized && 'dc-app-container__maximized',\n theme.isLightTheme && 'dc-app-container__light-theme',\n styles.container\n )}\n data-testid={`${PAGE_NAME}_${appName}`}\n onClick={handleAppContainerClick}\n >\n <ToastContainer />\n <div className={styles.containerContent}>\n <DevCenterAppView\n // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n // new mount. React 18 batching collapses away the `isLoading` frame this used\n // to rely on whenever AppsDataProvider serves the asset from its cache.\n key={appData.appHash}\n AppComponent={AppComponent}\n app={app}\n appData={filteredAppData}\n availability={getAppAvailability(\n app.availability,\n currentUser.company.with_subscription\n )}\n isCLIApp={isCLIApp}\n isLoading={isLoading}\n isMultiRig={isMultiRig}\n layoutEnvironment={layoutEnvironment ?? null}\n openIntercom={openIntercom}\n segment={segment}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n appProps={appProps}\n />\n </div>\n <DevCenterAppDialogs\n app={app}\n appData={appData}\n appName={appName}\n appSettingsComponent={AppSettings}\n assetCompanyId={assetCompanyId}\n assetIdForAnnotation={assetIdForAnnotation}\n currentUser={currentUser}\n disableAppAssetSelection={disableAppAssetSelection}\n isAnnotationsListOpened={isAnnotationsListOpened}\n isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n isMultiRig={isMultiRig}\n isSettingsDialogHidden={isSettingsDialogHidden}\n layoutEnvironment={layoutEnvironment}\n onAppRemove={onAppRemove}\n onCloneDashboard={onCloneDashboard}\n onSettingsChange={onSettingsChange}\n openIntercom={openIntercom}\n toggleAnnotationsList={toggleAnnotationsList}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n />\n {isMaximized && !isAppHeadersV3Enabled && (\n <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n )}\n\n {!isActionsDisabled && (!isAppHeadersV3Enabled \|\| isLoading) && (\n <LegacyAppActions\n app={app}\n currentUser={currentUser}\n devCenterRouter={devCenterRouter}\n isAnnotationsSupported={isAnnotationsSupported}\n isCLIApp={isCLIApp}\n isCommentsEnabled={isCommentsEnabled}\n isInsideNewMobileApp={isInsideNewMobileApp}\n isMaximized={isMaximized}\n isMobileView={isMobileView}\n mainMenuItems={mainMenuItems}\n secondaryMenuItems={secondaryMenuItems}\n onHelpCenterClick={onHelpCenterClick}\n onReportBugClick={onReportBugClick}\n setIsFullscreenModalMode={setIsFullscreenModalMode}\n setIsMaximized={setIsMaximized}\n toggleAnnotationsList={toggleAnnotationsList}\n toggleAppSettingsDialog={toggleAppSettingsDialog}\n />\n )}\n </article>\n </CommentsSwitchProvider>\n </AppCommonsProvider>\n </DcFullscreenElemsCoordinatorProvider>\n </DevCenterRouterContext.Provider>\n );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}