npm - @corva/ui - Versions diffs - 3.78.0-3 → 3.78.0-4 - Mend

@corva/ui 3.78.0-3 → 3.78.0-4

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

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as n,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as b,VersionSelectTestIds as C}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"moment";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import"uuid";import"../../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as F}from"react/jsx-runtime";var k,y=(i(k={},a.BETA,g.beta),i(k,a.DEV,g.dev),i(k,a.PROD,g.prod),k),O=function(i){var a=i.className,k=P(),O=k.app,T=k.appId,S=k.onSettingChange,D=k.onSettingsChange,M=k.isNonIsolatedApp,E=n(!1),L=s(E,2),R=L[0],N=L[1],B=n(!0),V=s(B,2),z=V[0],G=V[1],w=n(),U=s(w,2),q=U[0],_=U[1],W=c(null),K=c(!1),Z=r((function(){return N(!0)}),[]),H=r((function(){return N(!1)}),[]),J=(null==O?void 0:O.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),io=b()&&Boolean(M);e((function(){if(R&&!K.current&&!q){K.current=!0;var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(T,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:G(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[R,q,T]);var to=r((function(o){H();var s=o.label||o.version;b()?D({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,D]);return oo?x(u,{className:m(g.root,a),size:14,children:[F(d,{title:"Change App Version",disabled:so.length>15,children:F("div",{"data-testid":C.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:x(l,{className:m(g.button,y[X]||g.nonLabelledVersion),testId:C.CurrentVersionLabelTestId,children:[so,F(v,{size:16,className:g.icon})]})})}),F(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:z?F(j,{size:40}):F(f,{packages:q,onChange:to,areReact17PackagesIncompatible:io})})]}):null};export{O as VersionSelect};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/regenerator";import{useState as n,useRef as c,useCallback as r,useEffect as e}from"react";import m from"classnames";import{Menu as p}from"../../../Menu/Menu.js";import{PACKAGE_LABELS as a}from"../../../../constants/appPackages.js";import{Text as u}from"../../../Text/Text.js";import{TextEndTruncated as l}from"../../../TextEndTruncated/TextEndTruncated.js";import{LoaderLogo as j}from"../../../LoaderLogo/LoaderLogo.js";import{Tooltip as d}from"../../../Tooltip/Tooltip.js";import{formatVersionText as I,getVersionText as h,isReact18Host as C,VersionSelectTestIds as b}from"./VersionSelect.constants.js";import{MenuItems as f}from"./MenuItems.js";import g from"./VersionSelect.scss.js";import{DownIcon as v}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"querystring";import"lodash";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../components/UserMention/utils/index.js";import"../../../../utils/convert.js";import"moment";import"../../../../utils/casing/validation.js";import"lodash/mean";import"../../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../../utils/ga.js";import"../../../../utils/goalsConfig/goalsConfig.js";import"../../../../utils/lasParser.js";import"../../../../utils/main.js";import"../../../../utils/metrics/metricsConfig.js";import"../../../../utils/mobileDetect.js";import"../../../../utils/feed.js";import"../../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../../utils/dashboardReports.js";import"../../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../utils/jsonaDataFormatter.js";import"../../../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../../../utils/charts/Styles.scss.js";import"../../../../utils/getSingleAsset.js";import"uuid";import"../../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as x,jsx as F}from"react/jsx-runtime";var k,y=(i(k={},a.BETA,g.beta),i(k,a.DEV,g.dev),i(k,a.PROD,g.prod),k),O=function(i){var a=i.className,k=P(),O=k.app,T=k.appId,S=k.onSettingChange,D=k.onSettingsChange,M=k.isNonIsolatedApp,E=n(!1),L=s(E,2),R=L[0],N=L[1],B=n(!0),V=s(B,2),z=V[0],G=V[1],w=n(),U=s(w,2),q=U[0],_=U[1],W=c(null),K=c(!1),Z=r((function(){return N(!0)}),[]),H=r((function(){return N(!1)}),[]),J=(null==O?void 0:O.package)||{},Q=J.label,X=void 0===Q?"":Q,Y=J.version,$=J.package_code_version,oo=I($||Y||""),so=h(oo,X),io=C()&&Boolean(M);e((function(){if(R&&!K.current&&!q){K.current=!0;var s=function(){var s=o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return o.prev=0,o.next=3,A(T,{order:"desc",sort:"created_at",status:["draft","published"],fields:["attributes.label","attributes.package_json"]});case 3:s=o.sent,_(s.data.map((function(o){return o.attributes}))),o.next=10;break;case 7:o.prev=7,o.t0=o.catch(0),console.error(o.t0);case 10:G(!1);case 11:case"end":return o.stop()}}),o,null,[[0,7]])})));return function(){return s.apply(this,arguments)}}();s()}}),[R,q,T]);var to=r((function(o){H();var s=o.label||o.version;C()?D({package:s,react18AutoSwitchDisabled:!0}):S("package",s)}),[H,S,D]);return oo?x(u,{className:m(g.root,a),size:14,children:[F(d,{title:"Change App Version",disabled:so.length>15,children:F("div",{"data-testid":b.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:x(l,{className:m(g.button,y[X]||g.nonLabelledVersion),testId:b.CurrentVersionLabelTestId,children:[so,F(v,{size:16,className:g.icon})]})})}),F(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:z?F(j,{size:40}):F(f,{packages:q,onChange:to,areReact17PackagesIncompatible:io})})]}):null};export{O as VersionSelect};
 //# sourceMappingURL=VersionSelect.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"~~s0PAyBMA~~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"}
1	+ {"version":3,"file":"VersionSelect.js","sources":["../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","VersionSelect","_ref","className","_useAppCommons","useAppCommons","app","appId","onSettingChange","onSettingsChange","isNonIsolatedApp","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","_useState4","_useState3","isLoading","setIsLoading","_useState5","_useState6","packages","setPackages","toggleRef","useRef","loadingStartedRef","open","useCallback","close","_ref2","package","_ref2$label","label","version","packageCodeVersion","package_code_version","versionText","formatVersionText","buttonText","getVersionText","areReact17PackagesIncompatible","isReact18Host","Boolean","useEffect","current","loader","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","getAppPackages","order","sort","status","fields","sent","data","map","_ref4","attributes","t0","console","error","stop","apply","this","arguments","onPackageChange","pkg","packageValue","react18AutoSwitchDisabled","_jsxs","Text","classNames","root","size","children","_jsx","Tooltip","title","disabled","length","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"+sPAyBMA,GACHC,EAAAA,EAAAA,GAAAA,EAAeC,KAAOC,EAAOC,MAAIC,EAAAC,EACjCL,EAAeM,IAAMJ,EAAOK,KAC5BP,EAAAA,EAAAA,EAAeQ,KAAON,EAAOO,MAC/BJ,GAEYK,EAAgB,SAA2CC,GAAA,IAAxCC,IAAAA,UAC9BC,EAA4EC,IAApEC,IAAAA,IAAKC,IAAAA,MAAOC,IAAAA,gBAAiBC,IAAAA,iBAAkBC,IAAAA,iBAC3BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GACUD,EAAAA,GAAS,GAAKM,EAAAJ,EAAAK,EAAA,GAAzCC,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAgCV,IAAwBW,EAAAT,EAAAQ,EAAA,GAAjDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GACtBG,EAAYC,EAAuB,MACnCC,EAAoBD,GAAO,GAE3BE,EAAOC,GAAY,WAAA,OAAMb,GAAU,EAAK,GAAE,IAC1Cc,EAAQD,GAAY,WAAA,OAAMb,GAAU,EAAM,GAAE,IAEwBe,GAAAzB,aAAG,EAAHA,EAAK0B,UAAW,CAAE,EAAAC,EAAAF,EAApFG,MAAAA,aAAQ,GAAED,EAAEE,IAAAA,QAA+BC,IAAtBC,qBACvBC,GAAcC,EAAkBH,GAAsBD,GAAW,IACjEK,GAAaC,EAAeH,GAAaJ,GAMzCQ,GAAiCC,KAAmBC,QAAQlC,GAElEmC,GAAU,WACR,GAAI9B,IAAWY,EAAkBmB,UAAYvB,EAAU,CACrDI,EAAkBmB,SAAU,EAC5B,IAAMC,EAAM,WAAA,IAAGC,EAAAC,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEYC,EAAenD,EAAO,CAC3CoD,MAAO,OACPC,KAAM,aACNC,OAAQ,CAAC,QAAS,aAClBC,OAAQ,CAAC,mBAAoB,6BAC7B,KAAA,EALIT,EAAQE,EAAAQ,KAOdvC,EACE6B,EAASW,KAAKC,KAAI,SAAAC,GAAa,SAAVC,UAAuD,KAC5EZ,EAAAE,KAAA,GAAA,MAAA,KAAA,EAAAF,EAAAC,KAAA,EAAAD,EAAAa,GAAAb,EAAA,MAAA,GAEFc,QAAQC,MAAQf,EAAAa,IAAC,KAAA,GAGnBhD,GAAa,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAmC,EAAAgB,OAAA,GAAAnB,EAAA,KAAA,CAAA,CAAA,EAAA,IACrB,KAAA,OAAA,WAjBW,OAAAJ,EAAAwB,MAAAC,KAAAC,UAAA,EAAA,GAmBZ3B,GACF,CACD,GAAE,CAAChC,EAAQQ,EAAUhB,IAEtB,IAAMoE,GAAkB9C,GACtB,SAAC+C,GACC9C,IAEA,IAAM+C,EAAeD,EAAI1C,OAAS0C,EAAIzC,QAIlCQ,IACFlC,EAAiB,CAAEuB,QAAS6C,EAAcC,2BAA2B,IAIvEtE,EAAgB,UAAWqE,EAC5B,GACD,CAAC/C,EAAOtB,EAAiBC,IAG3B,OAAK6B,GAKHyC,EAACC,EAAI,CAAC7E,UAAW8E,EAAWxF,EAAOyF,KAAM/E,GAAYgF,KAAM,GAAGC,SAAA,CAC5DC,EAACC,EAAO,CAACC,MAAM,qBAAqBC,SAAUhD,GAAWiD,OAAS,GAAGL,SACnEC,EAAA,MAAA,CACE,cAAaK,EAAqBC,6BAClCC,IAAKnE,EACLoE,QAASjE,EAAKwD,SAEdL,EAACe,EAAgB,CACf3F,UAAW8E,EACTxF,EAAOsG,OACPzG,EAAgB4C,IAAUzC,EAAOuG,oBAEnCC,OAAQP,EAAqBQ,0BAA0Bd,SAEtD5C,CAAAA,GAED6C,EAACc,EAAQ,CAAChB,KAAM,GAAIhF,UAAWV,EAAO2G,cAK5Cf,EAACgB,EAAI,CACHzE,KAAMb,EACNuF,SAAU7E,EAAUqB,QACpByD,UAAU,eACVC,QAAS1E,EACT3B,UAAWV,EAAOgH,QAAQrB,SAEzBjE,EACCkE,EAACqB,EAAU,CAACvB,KAAM,KAElBE,EAACsB,EAAS,CACRpF,SAAUA,EACVqF,SAAUjC,GACVjC,+BAAgCA,UAtCjC,IA4CX"}

package/componentsV2/AppPanel/AppPanelDisplay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as i}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import r from"../../effects/useOutsideClick.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as e}from"./AppPanelsContext.js";import{Paper as n}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import l from"./AppPanelDisplay.scss.js";import{jsxs as c,jsx as j}from"react/jsx-runtime";var u=Number(a.sidePadding.replace(/[^.0-9]/g,"")),d=function(a){var d=a.anchorRef,h=a.id,f=e(h),b=f.isOpen,g=f.isPinned,v=f.close,C=f.isAnimated,P=f.width,A=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),D=i()||{},E=D.height,N=D.width,k=o((function(){return{maxHeight:"min(".concat(E||0,"px, 100vh)"),maxWidth:N?N-2*u:0,width:x&&N?N-2*u:P}}),[N,E,x,P]);return r(w,v,[y,'[role="tooltip"]','[role="presentation"]']),A?c(m,{value:h,children:[d.current&&!g&&j(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:d.current,onClose:v,className:l.popover,preventScroll:!1,backdrop:!1,animate:C,style:k,preventOverflow:!0,children:j(A,{})}),g&&j(n,{className:s(l.pinned,"start"===S?l.pinnedStart:l.pinnedEnd),style:k,children:j(A,{})})]}):null};export{d as AppPanelDisplay};
+import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as i}from"../AppSizeProvider/AppSizeProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"querystring";import"lodash";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import r from"../../effects/useOutsideClick.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as e}from"./AppPanelsContext.js";import{Paper as n}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import l from"./AppPanelDisplay.scss.js";import{jsxs as c,jsx as j}from"react/jsx-runtime";var d=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=e(h),b=f.isOpen,g=f.isPinned,v=f.close,C=f.isAnimated,P=f.width,A=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),D=i()||{},E=D.height,N=D.width,k=o((function(){return{maxHeight:"min(".concat(E||0,"px, 100vh)"),maxWidth:N?N-2*d:0,width:x&&N?N-2*d:P}}),[N,E,x,P]);return r(w,v,[y,'[role="tooltip"]','[role="presentation"]']),A?c(m,{value:h,children:[u.current&&!g&&j(p,{flip:!1,ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:v,className:l.popover,preventScroll:!1,backdrop:!1,animate:C,style:k,preventOverflow:!0,children:j(A,{})}),g&&j(n,{className:s(l.pinned,"start"===S?l.pinnedStart:l.pinnedEnd),style:k,children:j(A,{})})]}):null};export{u as AppPanelDisplay};
 //# sourceMappingURL=AppPanelDisplay.js.map

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

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

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as i,useCallback as e}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../TextArea/TextArea.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"../../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"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"../../../constants/completion.js";import"moment";import"../../../constants/alerts.js";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../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"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppPanel/AppPanelsContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppPanel/AppPanel.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../InterventionEventSelector/useInterventionUnitEvents.js";import"../../InterventionEventSelector/InterventionEventSelector.scss.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,i)}return t}function j(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,I=o.radiusMiles,C=o.setFilters,v=o.maxRadiusInMiles,h=i((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),f=i((function(){return t?j({},h.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},h.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[h,t,l]),S=e((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),i=t?t.wells.map((function(s){return s.id})):[],e=d.some((function(s){return i.includes(s)}));A(e?d.filter((function(s){return!i.includes(s)})):[].concat(s(d),s(i)))}),[A,u,d]),g=e((function(s){var o=""===s?void 0:Number(s);C((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[C]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=I?I:"",placeholder:"0",onChange:g,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:f,wells:h,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==f?void 0:f.id)||0,handleChangeOffsetWell:function(s){return s&&S(s.id)}})]})}));export{u as default};
+import s from"@babel/runtime/helpers/toConsumableArray";import o from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as i,useCallback as e}from"react";import{Text as r}from"../../Text/Text.js";import"../../Grid/Grid.js";import"../../Grid/Cell.js";import"classnames";import"../../Header/Header.scss.js";import{jsxs as n,jsx as c}from"react/jsx-runtime";import"../../Button/Button.js";import"../../ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import"@material-ui/core";import"../../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../Tooltip/Tooltip.scss.js";import"../../Popover/Popover.js";import"../../PopoverPanel/PopoverPanel.js";import"../../Radio/Radio.js";import"../../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../Checkbox/Checkbox.js";import{TextInput as p}from"../../TextInput/TextInput.js";import"../../TextInputNext/TextInputNext.js";import"../../TextArea/TextArea.js";import"../../Label/Label.js";import"lodash";import"../../TextEndTruncated/TextEndTruncated.scss.js";import"../../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../TextLink/TextLink.js";import"../../Chip/Chip.js";import"../../ChipAlert/ChipAlert.js";import"../../ChipIndicator/ChipIndicator.js";import"../../Avatar/Avatar.js";import"../../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../ToggleButtons/ToggleButtons.scss.js";import"../../Paper/Paper.js";import"../../ModalWindow/ModalWindow.js";import"../../Modal/Modal.scss.js";import"../../Menu/Menu.js";import"../../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"../../Hint/Hint.scss.js";import"../../Counter/Counter.js";import"../../BadgeBase/BadgeBase.scss.js";import"../../TemplatesControl/TemplatesControl.js";import"zustand";import"../../TemplatesControl/utils.js";import"../../TemplatesControl/icons/folder/index.js";import"../../TemplatesControl/Store/utils.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../TemplatesControl/types.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"../../../constants/completion.js";import"moment";import"../../../constants/alerts.js";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../BadgeDot/BadgeDot.scss.js";import"../../LoaderLinear/LoaderLinear.scss.js";import"../../LoaderLogo/LoaderLogo.constants.js";import"../../LoaderLogo/LoaderLogo.scss.js";import"../../Switch/Switch.js";import"../../Tabs/Tabs.js";import"../../EmptyState/EmptyState.scss.js";import"../../FileIcon/FileIcon.js";import"../../Tag/Tag.js";import"react-dropzone";import"../../FilesDropzone/FilesDropzone.scss.js";import"../../FilesLoader/FilesLoader.scss.js";import"../../FilesProcessor/FilesProcessor.scss.js";import"../../Skeleton/Skeleton.scss.js";import"../../CopyToClipboard/CopyToClipboard.scss.js";import"../../Stepper/Step/Step.scss.js";import"../../Stepper/Stepper.scss.js";import"../../ButtonLive/ButtonLive.js";import"../../ButtonText/ButtonText.js";import"../../IndicatorLive/IndicatorLive.js";import"../../Accordion/Accordion.scss.js";import"../../Breadcrumbs/Breadcrumbs.scss.js";import"../../BadgeComment/BadgeComment.js";import"../../AppContainer/AppContainer.js";import"../../AppContainer/AppContainer.constants.js";import"../../AppFooter/AppFooter.js";import"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppHeader/AppHeader.constants.js";import"../../AppHeader/AppBadge/AppBadge.scss.js";import"../../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../AppHeader/AppAssets/utils.js";import"../../AppHeader/AppAssets/AppAssets.scss.js";import"../../../components/PadModeSelect/PadModeSelect.js";import"../../AppHeader/PadMode/PadMode.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import"../../AppHeader/V3/VersionSelect/VersionSelect.js";import"../../UniversalLink/UniversalLink.scss.js";import"../../AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../AppDqPopover/DqAlert/DqAlert.scss.js";import"../../AppDqPopover/DqAsset/DqAsset.scss.js";import"../../AppDqPopover/AppDqPopover.scss.js";import"../../../components/AppIcon/AppIcon.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../AppHeader/V3/AssetSelector/constants.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppPanel/AppPanelsContext.js";import"../../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../AppHeader/V3/constants.scss.js";import"../../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../AppHeader/V3/Actions/Actions.constants.js";import"../../AppHeader/V3/Actions/Actions.scss.js";import"../../AppHeader/V3/AppHeaderV3.scss.js";import"../../AppHeader/AppHeader.scss.js";import"../../OffsetWellsButton/OffsetWellsButton.js";import"../../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../Autocomplete/Autocomplete.js";import"../../Select/Select.js";import"../../AppPanel/AppPanel.js";import"../../AppSettingsDivider/AppSettingsDivider.scss.js";import"../../WellArchivedMessage/WellArchivedMessage.js";import"../../DatePicker/DatePicker.js";import"../../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker.js";import"../../Slider/constants.js";import"../../Slider/components/SliderThumb.js";import"../../Slider/Slider.scss.js";import"../../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../ColorPicker/Swatches/Swatches.scss.js";import"../../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../ColorPicker/ColorPicker.scss.js";import"../../ChartHelper/ChartHelper.scss.js";import"../../Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../InterventionEventSelector/useInterventionUnitEvents.js";import"../../InterventionEventSelector/InterventionEventSelector.scss.js";import m from"../../../components/OffsetWellMap/OffsetWellMap.js";import a from"./Map.scss.js";function l(s,o){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),t.push.apply(t,i)}return t}function j(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var u=t((function(o){var t=o.well,l=o.wells,u=o.pads,d=o.selectedOffsetWellsIds,A=o.onOffsetWellIdsSelect,I=o.radiusMiles,C=o.setFilters,v=o.maxRadiusInMiles,h=i((function(){return u?u.flatMap((function(s){return s.wells})):[]}),[u]),f=i((function(){return t?j({},h.find((function(s){return s.id.toString()===t.id.toString()}))):l?j({},h.find((function(s){return s.id.toString()===l[0].id.toString()}))):void 0}),[h,t,l]),S=e((function(o){var t=u.find((function(s){return s.wells.some((function(s){return s.id===o}))})),i=t?t.wells.map((function(s){return s.id})):[],e=d.some((function(s){return i.includes(s)}));A(e?d.filter((function(s){return!i.includes(s)})):[].concat(s(d),s(i)))}),[A,u,d]),g=e((function(s){var o=""===s?void 0:Number(s);C((function(s){return j(j({},s),{},{radiusMiles:o})}))}),[C]);return n("div",{className:a.map,children:[n("div",{className:a.radiusContainer,children:[c(r,{color:"T6",children:"Radius (mi):"}),c(p,{className:a.textInputWrapper,value:null!=I?I:"",placeholder:"0",onChange:g,inputType:"number",htmlAttributes:{min:0,max:v}})]}),c(m,{classes:{root:a.offsetWellMapRoot,map:a.offsetWellMapRoot},isClickable:!0,isViewOnly:!1,subjectWell:f,wells:h,offsetWellIds:d,radius:null!=I?I:0,activeWellId:(null==f?void 0:f.id)||0,handleChangeOffsetWell:function(s){return s&&S(s.id)}})]})}));export{u as default};
 //# sourceMappingURL=Map.js.map

package/componentsV2/CompletionsOffsetWellPicker/Map/Map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n well?: Well;\n wells?: Well[];\n pads: MappedPad[];\n selectedOffsetWellsIds: number[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n radiusMiles?: number;\n setFilters: Dispatch<SetStateAction<Filters>>;\n maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n ({\n well,\n wells,\n pads,\n selectedOffsetWellsIds,\n onOffsetWellIdsSelect,\n radiusMiles,\n setFilters,\n maxRadiusInMiles,\n }) => {\n const allWells = useMemo(() => {\n if (pads) {\n return pads.flatMap(pad => pad.wells);\n }\n return [];\n }, [pads]);\n\n const subjectWell = useMemo(() => {\n if (well) {\n return {\n ...allWells.find(w => w.id.toString() === well.id.toString()),\n };\n }\n\n if (wells) {\n return {\n ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n };\n }\n\n return undefined;\n }, [allWells, well, wells]);\n\n const handleChangeOffsetWell = useCallback(\n (wellId: number) => {\n const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n if (isSelected) {\n onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n } else {\n onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n }\n },\n [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n );\n\n const handleChangeRadius = useCallback(\n (value: string) => {\n const numeric = value === '' ? undefined : Number(value);\n setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n },\n [setFilters]\n );\n\n return (\n <div className={styles.map}>\n <div className={styles.radiusContainer}>\n <Text color=\"T6\">Radius (mi):</Text>\n <TextInput\n className={styles.textInputWrapper}\n // Use empty string when undefined so the component stays controlled\n value={radiusMiles ?? ''}\n placeholder=\"0\"\n onChange={handleChangeRadius}\n inputType=\"number\"\n htmlAttributes={{\n min: 0,\n max: maxRadiusInMiles,\n }}\n />\n </div>\n <OffsetWellMap\n classes={{\n root: styles.offsetWellMapRoot,\n map: styles.offsetWellMapRoot,\n }}\n isClickable\n isViewOnly={false}\n subjectWell={subjectWell}\n wells={allWells}\n offsetWellIds={selectedOffsetWellsIds}\n radius={radiusMiles ?? 0}\n activeWellId={subjectWell?.id \|\| 0}\n handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n />\n </div>\n );\n }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"~~2zbAmBA~~,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}
1	+ {"version":3,"file":"Map.js","sources":["../../../../src/componentsV2/CompletionsOffsetWellPicker/Map/Map.tsx"],"sourcesContent":["import { Dispatch, FC, memo, SetStateAction, useCallback, useMemo } from 'react';\n\nimport { Text, TextInput } from '../../../componentsV2';\nimport OffsetWellMap from '../../../components/OffsetWellMap';\nimport { Filters, MappedPad, Well } from '../types';\n\nimport styles from './Map.scss';\n\ntype Props = {\n well?: Well;\n wells?: Well[];\n pads: MappedPad[];\n selectedOffsetWellsIds: number[];\n onOffsetWellIdsSelect: (offsetWellIds: number[]) => void;\n radiusMiles?: number;\n setFilters: Dispatch<SetStateAction<Filters>>;\n maxRadiusInMiles?: number;\n};\n\nconst Map: FC<Props> = memo(\n ({\n well,\n wells,\n pads,\n selectedOffsetWellsIds,\n onOffsetWellIdsSelect,\n radiusMiles,\n setFilters,\n maxRadiusInMiles,\n }) => {\n const allWells = useMemo(() => {\n if (pads) {\n return pads.flatMap(pad => pad.wells);\n }\n return [];\n }, [pads]);\n\n const subjectWell = useMemo(() => {\n if (well) {\n return {\n ...allWells.find(w => w.id.toString() === well.id.toString()),\n };\n }\n\n if (wells) {\n return {\n ...allWells.find(w => w.id.toString() === wells[0].id.toString()),\n };\n }\n\n return undefined;\n }, [allWells, well, wells]);\n\n const handleChangeOffsetWell = useCallback(\n (wellId: number) => {\n const pad = pads.find(p => p.wells.some(w => w.id === wellId));\n\n const wellIds = pad ? pad.wells.map(w => w.id) : [];\n\n const isSelected = selectedOffsetWellsIds.some(wellId => wellIds.includes(wellId));\n\n if (isSelected) {\n onOffsetWellIdsSelect(selectedOffsetWellsIds.filter(id => !wellIds.includes(id)));\n } else {\n onOffsetWellIdsSelect([...selectedOffsetWellsIds, ...wellIds]);\n }\n },\n [onOffsetWellIdsSelect, pads, selectedOffsetWellsIds]\n );\n\n const handleChangeRadius = useCallback(\n (value: string) => {\n const numeric = value === '' ? undefined : Number(value);\n setFilters(prev => ({ ...prev, radiusMiles: numeric }));\n },\n [setFilters]\n );\n\n return (\n <div className={styles.map}>\n <div className={styles.radiusContainer}>\n <Text color=\"T6\">Radius (mi):</Text>\n <TextInput\n className={styles.textInputWrapper}\n // Use empty string when undefined so the component stays controlled\n value={radiusMiles ?? ''}\n placeholder=\"0\"\n onChange={handleChangeRadius}\n inputType=\"number\"\n htmlAttributes={{\n min: 0,\n max: maxRadiusInMiles,\n }}\n />\n </div>\n <OffsetWellMap\n classes={{\n root: styles.offsetWellMapRoot,\n map: styles.offsetWellMapRoot,\n }}\n isClickable\n isViewOnly={false}\n subjectWell={subjectWell}\n wells={allWells}\n offsetWellIds={selectedOffsetWellsIds}\n radius={radiusMiles ?? 0}\n activeWellId={subjectWell?.id \|\| 0}\n handleChangeOffsetWell={params => params && handleChangeOffsetWell(params.id)}\n />\n </div>\n );\n }\n);\n\nexport default Map;\n"],"names":["Map","memo","_ref","well","wells","pads","selectedOffsetWellsIds","onOffsetWellIdsSelect","radiusMiles","setFilters","maxRadiusInMiles","allWells","useMemo","flatMap","pad","subjectWell","_objectSpread","find","w","id","toString","handleChangeOffsetWell","useCallback","wellId","p","some","wellIds","map","isSelected","includes","filter","handleChangeRadius","value","numeric","undefined","Number","prev","_jsxs","className","styles","children","radiusContainer","_jsx","Text","color","TextInput","textInputWrapper","placeholder","onChange","inputType","htmlAttributes","min","max","OffsetWellMap","classes","root","offsetWellMapRoot","isClickable","isViewOnly","offsetWellIds","radius","activeWellId","params"],"mappings":"0sbAmBA,IAAMA,EAAiBC,GACrB,SASMC,GAAA,IARJC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,uBACAC,IAAAA,sBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,iBAEMC,EAAWC,GAAQ,WACvB,OAAIP,EACKA,EAAKQ,SAAQ,SAAAC,GAAG,OAAIA,EAAIV,SAE1B,EACT,GAAG,CAACC,IAEEU,EAAcH,GAAQ,WAC1B,OAAIT,EACFa,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAejB,EAAKgB,GAAGC,UAAW,KAI7DhB,EACFY,EAAA,CAAA,EACKL,EAASM,MAAK,SAAAC,GAAC,OAAIA,EAAEC,GAAGC,aAAehB,EAAM,GAAGe,GAAGC,UAAW,UAFrE,CAOD,GAAE,CAACT,EAAUR,EAAMC,IAEdiB,EAAyBC,GAC7B,SAACC,GACC,IAAMT,EAAMT,EAAKY,MAAK,SAAAO,GAAC,OAAIA,EAAEpB,MAAMqB,MAAK,SAAAP,GAAC,OAAIA,EAAEC,KAAOI,QAEhDG,EAAUZ,EAAMA,EAAIV,MAAMuB,KAAI,SAAAT,GAAC,OAAIA,EAAEC,EAAE,IAAI,GAE3CS,EAAatB,EAAuBmB,MAAK,SAAAF,GAAM,OAAIG,EAAQG,SAASN,MAGxEhB,EADEqB,EACoBtB,EAAuBwB,QAAO,SAAAX,GAAE,OAAKO,EAAQG,SAASV,EAAG,IAErDb,GAAAA,OAAAA,EAAAA,GAA2BoB,EAAAA,IAExD,GACD,CAACnB,EAAuBF,EAAMC,IAG1ByB,EAAqBT,GACzB,SAACU,GACC,IAAMC,EAAoB,KAAVD,OAAeE,EAAYC,OAAOH,GAClDvB,GAAW,SAAA2B,GAAI,OAAApB,EAAAA,EAAA,CAAA,EAAUoB,GAAI,CAAA,EAAA,CAAE5B,YAAayB,GAAO,GACrD,GACA,CAACxB,IAGH,OACE4B,EAAA,MAAA,CAAKC,UAAWC,EAAOZ,IAAIa,SACzB,CAAAH,EAAA,MAAA,CAAKC,UAAWC,EAAOE,gBAAgBD,SAAA,CACrCE,EAACC,EAAI,CAACC,MAAM,KAAIJ,SAAA,iBAChBE,EAACG,EAAS,CACRP,UAAWC,EAAOO,iBAElBd,MAAOxB,QAAAA,EAAe,GACtBuC,YAAY,IACZC,SAAUjB,EACVkB,UAAU,SACVC,eAAgB,CACdC,IAAK,EACLC,IAAK1C,QAIXgC,EAACW,EAAa,CACZC,QAAS,CACPC,KAAMhB,EAAOiB,kBACb7B,IAAKY,EAAOiB,mBAEdC,aAAW,EACXC,YAAY,EACZ3C,YAAaA,EACbX,MAAOO,EACPgD,cAAerD,EACfsD,OAAQpD,QAAAA,EAAe,EACvBqD,cAAc9C,eAAAA,EAAaI,KAAM,EACjCE,uBAAwB,SAAAyC,GAAM,OAAIA,GAAUzC,EAAuByC,EAAO3C,GAAG,MAIrF"}

package/componentsV2/InterventionEventSelector/useInterventionUnitEvents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import e from"jsona";import{QueryClient as n,useQuery as i}from"@tanstack/react-query";import"@babel/runtime/helpers/defineProperty";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{getInterventionUnitEvents as o}from"../../clients/jsonApi/index.js";import"../../clients/subscriptions/constants.js";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";var s=new e,a=new n,p={byWellId:function(t){return["intervention_unit_events",t]}},u=function(){var e=t(r.mark((function t(e){return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",o({well_id:e,fields:"all",per_page:100,order:"asc",sort:"created_at"}).then((function(t){return s.deserialize(t)})));case 1:case"end":return t.stop()}}),t)})));return function(t){return e.apply(this,arguments)}}();function m(t){return i({queryKey:p.byWellId(t),queryFn:function(){return u(t)},enabled:!!t,staleTime:15e3})}export{a as interventionEventSelectorQueryClient,p as interventionUnitEventsQueryKeys,m as useInterventionUnitEvents};
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import t from"jsona";import{QueryClient as n,useQuery as i}from"@tanstack/react-query";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import{getInterventionUnitEvents as o}from"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";var s=new t,a=new n,p={byWellId:function(e){return["intervention_unit_events",e]}},u=function(){var t=e(r.mark((function e(t){return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",o({well_id:t,fields:"all",per_page:100,order:"asc",sort:"created_at"}).then((function(e){return s.deserialize(e)})));case 1:case"end":return e.stop()}}),e)})));return function(e){return t.apply(this,arguments)}}();function l(e){return i({queryKey:p.byWellId(e),queryFn:function(){return u(e)},enabled:!!e,staleTime:15e3})}export{a as interventionEventSelectorQueryClient,p as interventionUnitEventsQueryKeys,l as useInterventionUnitEvents};
 //# sourceMappingURL=useInterventionUnitEvents.js.map

package/componentsV2/InterventionEventSelector/useInterventionUnitEvents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInterventionUnitEvents.js","sources":["../../../src/componentsV2/InterventionEventSelector/useInterventionUnitEvents.ts"],"sourcesContent":["import Jsona from 'jsona';\nimport { QueryClient, useQuery } from '@tanstack/react-query';\n\nimport { jsonApi } from '../../clients';\n\nimport { InterventionUnitEvent } from './types';\n\nconst dataFormatter = new Jsona();\n\n// The component ships its own client (see InterventionEventSelector.tsx) —\n// exported so stories and tests can seed or clear the cache.\nexport const interventionEventSelectorQueryClient = new QueryClient();\n\nconst PER_PAGE = 100;\nconst STALE_TIME = 15_000;\n\nexport const interventionUnitEventsQueryKeys = {\n byWellId: (wellId?: number \| null) => ['intervention_unit_events', wellId] as const,\n};\n\nconst fetchInterventionUnitEvents = async (wellId: number): Promise<InterventionUnitEvent[]> =>\n jsonApi\n .getInterventionUnitEvents({\n well_id: wellId,\n fields: 'all',\n per_page: PER_PAGE,\n order: 'asc',\n sort: 'created_at',\n })\n .then(response => dataFormatter.deserialize(response) as InterventionUnitEvent[]);\n\nexport function useInterventionUnitEvents(wellId?: number \| null) {\n return useQuery({\n queryKey: interventionUnitEventsQueryKeys.byWellId(wellId),\n queryFn: () => fetchInterventionUnitEvents(wellId as number),\n enabled: !!wellId,\n staleTime: STALE_TIME,\n });\n}\n"],"names":["dataFormatter","Jsona","interventionEventSelectorQueryClient","QueryClient","interventionUnitEventsQueryKeys","byWellId","wellId","fetchInterventionUnitEvents","_ref","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","jsonApi","well_id","fields","per_page","order","sort","then","response","deserialize","stop","_callee","_x","apply","this","arguments","useInterventionUnitEvents","useQuery","queryKey","queryFn","enabled","staleTime"],"mappings":"~~+xBAOA~~,IAAMA,EAAgB,IAAIC,EAIbC,EAAuC,IAAIC,EAK3CC,EAAkC,CAC7CC,SAAU,SAACC,GAAsB,MAAK,CAAC,2BAA4BA,EAAO,GAGtEC,EAA2B,WAAA,IAAAC,EAAAC,EAAAC,EAAAC,MAAG,WAAOL,GAAc,OAAAI,EAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OACvDC,EAAAA,OAAAA,SAAAA,EAC6B,CACzBC,QAASX,EACTY,OAAQ,MACRC,SAZW,IAaXC,MAAO,MACPC,KAAM,eAEPC,MAAK,SAAAC,GAAQ,OAAIvB,EAAcwB,YAAYD,EAAoC,KAAC,KAAA,EAAA,IAAA,MAAA,OAAAV,EAAAY,OAAA,GAAAC,EAAA,KAAA,OAAA,SATpDC,GAAA,OAAAnB,EAAAoB,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAW1B,SAASC,EAA0BzB,GACxC,OAAO0B,EAAS,CACdC,SAAU7B,EAAgCC,SAASC,GACnD4B,QAAS,WAAA,OAAM3B,EAA4BD,EAAiB,EAC5D6B,UAAW7B,EACX8B,UAtBe,MAwBnB"}
1	+ {"version":3,"file":"useInterventionUnitEvents.js","sources":["../../../src/componentsV2/InterventionEventSelector/useInterventionUnitEvents.ts"],"sourcesContent":["import Jsona from 'jsona';\nimport { QueryClient, useQuery } from '@tanstack/react-query';\n\nimport { jsonApi } from '../../clients';\n\nimport { InterventionUnitEvent } from './types';\n\nconst dataFormatter = new Jsona();\n\n// The component ships its own client (see InterventionEventSelector.tsx) —\n// exported so stories and tests can seed or clear the cache.\nexport const interventionEventSelectorQueryClient = new QueryClient();\n\nconst PER_PAGE = 100;\nconst STALE_TIME = 15_000;\n\nexport const interventionUnitEventsQueryKeys = {\n byWellId: (wellId?: number \| null) => ['intervention_unit_events', wellId] as const,\n};\n\nconst fetchInterventionUnitEvents = async (wellId: number): Promise<InterventionUnitEvent[]> =>\n jsonApi\n .getInterventionUnitEvents({\n well_id: wellId,\n fields: 'all',\n per_page: PER_PAGE,\n order: 'asc',\n sort: 'created_at',\n })\n .then(response => dataFormatter.deserialize(response) as InterventionUnitEvent[]);\n\nexport function useInterventionUnitEvents(wellId?: number \| null) {\n return useQuery({\n queryKey: interventionUnitEventsQueryKeys.byWellId(wellId),\n queryFn: () => fetchInterventionUnitEvents(wellId as number),\n enabled: !!wellId,\n staleTime: STALE_TIME,\n });\n}\n"],"names":["dataFormatter","Jsona","interventionEventSelectorQueryClient","QueryClient","interventionUnitEventsQueryKeys","byWellId","wellId","fetchInterventionUnitEvents","_ref","_asyncToGenerator","_regeneratorRuntime","mark","wrap","_context","prev","next","jsonApi","well_id","fields","per_page","order","sort","then","response","deserialize","stop","_callee","_x","apply","this","arguments","useInterventionUnitEvents","useQuery","queryKey","queryFn","enabled","staleTime"],"mappings":"wqBAOA,IAAMA,EAAgB,IAAIC,EAIbC,EAAuC,IAAIC,EAK3CC,EAAkC,CAC7CC,SAAU,SAACC,GAAsB,MAAK,CAAC,2BAA4BA,EAAO,GAGtEC,EAA2B,WAAA,IAAAC,EAAAC,EAAAC,EAAAC,MAAG,WAAOL,GAAc,OAAAI,EAAAE,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OACvDC,EAAAA,OAAAA,SAAAA,EAC6B,CACzBC,QAASX,EACTY,OAAQ,MACRC,SAZW,IAaXC,MAAO,MACPC,KAAM,eAEPC,MAAK,SAAAC,GAAQ,OAAIvB,EAAcwB,YAAYD,EAAoC,KAAC,KAAA,EAAA,IAAA,MAAA,OAAAV,EAAAY,OAAA,GAAAC,EAAA,KAAA,OAAA,SATpDC,GAAA,OAAAnB,EAAAoB,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAW1B,SAASC,EAA0BzB,GACxC,OAAO0B,EAAS,CACdC,SAAU7B,EAAgCC,SAASC,GACnD4B,QAAS,WAAA,OAAM3B,EAA4BD,EAAiB,EAC5D6B,UAAW7B,EACX8B,UAtBe,MAwBnB"}

package/componentsV2/PadModeSelect/PadModeSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import i from"classnames";import{useState as n,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as h}from"./PadModeSelect.constants.js";import{getSelectValue as v}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as O}from"./ColorAccent/ColorAccent.js";import P from"./PadModeSelect.scss.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as S}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{DownIcon as F,InfoIcon 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{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function L(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var N="development"===process.env.NODE_ENV,w=function(D){var w,B,_,E,z,R,W,G,U,q=D.className,V=D.testId,J=S(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(w=K.package)||void 0===w||null===(B=w.manifest)||void 0===B?void 0:B.application)||{}).key,io=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(z=E.application)||void 0===z?void 0:z.ui)||{},no=io.enableSimulFracInPadSelect,co=io.completionAppType,eo=io.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(R=H.pad_frac_fleets)||void 0===R||null===(W=R.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===W?void 0:W.frac_fleet_lines)||[],po=t(null==Y||null===(G=Y.settingsByAsset)||void 0===G?void 0:G[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=v({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:no}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:no}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=n(!1),fo=s(Io,2),bo=fo[0],ho=fo[1],vo=c(null),go=e((function(){return ho((function(o){return!o}))}),[]),Co=!no&&mo.length>0,yo=e((function(s){ho(!1);var t=y(s),i=t.mode,n=t.assetId,c={mode:i};i===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(n,10)]):i===a.padLine&&(c.selectedLine=n);var e="local_corva_pad_mode_".concat(to,"_").concat(so);N&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",L(L({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:i(P.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:vo,className:P.menuButton,suffix:T(F,{className:i(P.menuButtonArrow,bo&&P.open)}),children:T(u,{testId:h.SelectedItemTestId,className:P.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:vo.current,open:bo,onClose:go,className:P.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,n=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(n||c),onClick:function(){return yo(s)},testId:"".concat(h.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(O,{color:p}),x(d,{size:12,color:"inherit",className:i(P.menuItemLabel,n&&P.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:h.MenuFooterTestId,size:12,color:"T6",className:P.simulFracMessage,children:[T(M,{size:16,className:P.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{w as PadModeSelect};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import i from"classnames";import{useState as n,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as h}from"./PadModeSelect.constants.js";import{getSelectValue as v}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as O}from"./ColorAccent/ColorAccent.js";import P from"./PadModeSelect.scss.js";import"querystring";import"../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/UserMention/utils/index.js";import"../../utils/convert.js";import"moment";import"../../utils/casing/validation.js";import"lodash/mean";import"lodash/get";import"file-saver";import"../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../utils/ga.js";import"../../utils/goalsConfig/goalsConfig.js";import"../../utils/lasParser.js";import"../../utils/main.js";import"../../utils/metrics/metricsConfig.js";import"../../utils/mobileDetect.js";import"../../utils/feed.js";import"../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../utils/dashboardReports.js";import"../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../utils/jsonaDataFormatter.js";import"../../utils/bha.js";import"jsona";import"@babel/runtime/helpers/objectWithoutProperties";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"uuid";import"../../components/StatusBadge/constants.js";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as S}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppPanel/AppPanelsContext.js";import{DownIcon as F,InfoIcon 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{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function L(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var N="development"===process.env.NODE_ENV,w=function(D){var w,B,_,E,z,R,W,G,U,q=D.className,V=D.testId,J=S(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(w=K.package)||void 0===w||null===(B=w.manifest)||void 0===B?void 0:B.application)||{}).key,io=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(z=E.application)||void 0===z?void 0:z.ui)||{},no=io.enableSimulFracInPadSelect,co=io.completionAppType,eo=io.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(R=H.pad_frac_fleets)||void 0===R||null===(W=R.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===W?void 0:W.frac_fleet_lines)||[],po=t(null==Y||null===(G=Y.settingsByAsset)||void 0===G?void 0:G[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=v({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:no}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:no}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=n(!1),fo=s(Io,2),bo=fo[0],ho=fo[1],vo=c(null),go=e((function(){return ho((function(o){return!o}))}),[]),Co=!no&&mo.length>0,yo=e((function(s){ho(!1);var t=y(s),i=t.mode,n=t.assetId,c={mode:i};i===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(n,10)]):i===a.padLine&&(c.selectedLine=n);var e="local_corva_pad_mode_".concat(to,"_").concat(so);N&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",L(L({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:i(P.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:vo,className:P.menuButton,suffix:T(F,{className:i(P.menuButtonArrow,bo&&P.open)}),children:T(u,{testId:h.SelectedItemTestId,className:P.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:vo.current,open:bo,onClose:go,className:P.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,n=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(n||c),onClick:function(){return yo(s)},testId:"".concat(h.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(O,{color:p}),x(d,{size:12,color:"inherit",className:i(P.menuItemLabel,n&&P.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:h.MenuFooterTestId,size:12,color:"T6",className:P.simulFracMessage,children:[T(M,{size:16,className:P.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{w as PadModeSelect};
 //# sourceMappingURL=PadModeSelect.js.map

package/componentsV2/PadModeSelect/PadModeSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n className?: string;\n testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n const padId = appSettings?.padId;\n\n const assetKey = getAssetKey(fracFleet, well, padId);\n const { key: appKey } = app?.package?.manifest?.application \|\| {};\n\n const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n app?.package?.manifest?.application?.ui \|\| {};\n\n const appType = completionAppType \|\| COMPLETION_APP_TYPES.fracMultiWellApp;\n\n const fracFleetLines =\n fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n padId && padFracFleet.pad.id\n ? padFracFleet.pad.id.toString() === padId.toString()\n : padFracFleet.current\n )?.frac_fleet_lines \|\| [];\n\n const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n ? appSettings?.settingsByAsset?.[assetKey]\n : getDefaultPadModeSetting(fracFleet, well, appType);\n\n const value = getSelectValue({\n fracFleetLines,\n padModeSetting,\n enableSimulFracInPadSelect,\n });\n\n const menuItems = useMenuItems({\n completionAppType,\n assets: wells,\n fracFleetLines,\n enableSimulFracInPadSelect,\n });\n\n const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n const [menuOpen, setMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n const handleChange = useCallback(\n (value: string) => {\n setMenuOpen(false);\n const { mode, assetId } = parseMenuItemKey(value);\n\n const padModeSetting: PadModeSetting = {\n mode,\n };\n\n if (mode === PadMode.custom) {\n padModeSetting.mode = PadMode.custom;\n padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n } else if (mode === PadMode.padLine) {\n padModeSetting.selectedLine = assetId;\n }\n\n const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n if (IS_LOCAL_ENV) {\n localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n }\n\n onSettingChange('settingsByAsset', {\n ...appSettings?.settingsByAsset,\n [assetKey]: padModeSetting,\n });\n },\n [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n );\n\n if (\n well \|\|\n isEmpty(wells) \|\|\n !fracFleet \|\|\n (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n ) {\n return null;\n }\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {value && (\n <>\n <Button\n type={menuOpen ? 'chartColored' : 'chart'}\n size=\"small\"\n onClick={toggleMenu}\n ref={menuButtonRef}\n className={styles.menuButton}\n suffix={\n <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n }\n >\n <TextMiddleTruncated\n testId={PadModeSelectTestIds.SelectedItemTestId}\n className={styles.buttonInner}\n >\n {selectedMenuItem?.label}\n </TextMiddleTruncated>\n </Button>\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={menuOpen}\n onClose={toggleMenu}\n className={styles.menu}\n placement=\"bottom\"\n >\n <FracModeLabel fracFleetLines={fracFleetLines} />\n\n {menuItems.map(\n ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n <Menu.Item\n size=\"medium\"\n key={key}\n disabled={\n disableActiveWellsInPadSelect &&\n status !== AssetStatus.active &&\n key !== COMPLETION_MODES.pad &&\n (isSubItem \|\| isDisabled)\n }\n onClick={() => handleChange(key)}\n testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n selected={key === selectedMenuItem?.key}\n >\n <ColorAccent color={customColor} />\n <Text\n size={12}\n color=\"inherit\"\n className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n >\n <TextMiddleTruncated>{label}</TextMiddleTruncated>\n {menuOpen && status === AssetStatus.active && !!assetId && (\n <MenuWellStreamStatus currentWellId={assetId} />\n )}\n </Text>\n </Menu.Item>\n )\n )}\n\n {showMenuFooter && (\n <Text\n testId={PadModeSelectTestIds.MenuFooterTestId}\n size={12}\n color=\"T6\"\n className={styles.simulFracMessage}\n >\n <InfoIcon size={16} className={styles.simulFracIcon} />\n Analytics apps show all wells in Pad Mode for Simulfracs\n </Text>\n )}\n </Menu>\n </>\n )}\n </div>\n );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}
1	+ {"version":3,"file":"PadModeSelect.js","sources":["../../../src/componentsV2/PadModeSelect/PadModeSelect.tsx"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport classNames from 'classnames';\nimport { FC, useCallback, useRef, useState } from 'react';\n\nimport { COMPLETION_APP_TYPES, COMPLETION_MODES } from '../../constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '../../utils/completion';\nimport { PadMode, PadModeSetting } from '../../types';\nimport { TextMiddleTruncated } from '../TextMiddleTruncated';\nimport { Text } from '../Text';\nimport { Menu } from '../Menu';\nimport { Button } from '../Button';\n\nimport { FracModeLabel } from './FracModeLabel';\nimport { MenuWellStreamStatus } from './MenuWellStreamStatus';\nimport { PadModeSelectTestIds } from './PadModeSelect.constants';\nimport { getSelectValue } from './utils/getSelectValue';\nimport { getActiveAsset } from './utils/getActiveAsset';\nimport { useMenuItems } from './utils/useMenuItems';\nimport { parseMenuItemKey } from './utils/menuItemsUtils';\nimport { AssetStatus } from './utils/types';\nimport { ColorAccent } from './ColorAccent';\n\nimport styles from './PadModeSelect.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { DownIcon, InfoIcon } from '~/icons';\n\nconst IS_LOCAL_ENV = process.env.NODE_ENV === 'development';\n\nexport type PadModeSelectProps = {\n className?: string;\n testId?: string;\n};\n\nexport const PadModeSelect: FC<PadModeSelectProps> = ({ className, testId }) => {\n const { app, well, fracFleet, wells = [], appSettings, onSettingChange } = useAppCommons();\n\n const padId = appSettings?.padId;\n\n const assetKey = getAssetKey(fracFleet, well, padId);\n const { key: appKey } = app?.package?.manifest?.application \|\| {};\n\n const { enableSimulFracInPadSelect, completionAppType, disableActiveWellsInPadSelect } =\n app?.package?.manifest?.application?.ui \|\| {};\n\n const appType = completionAppType \|\| COMPLETION_APP_TYPES.fracMultiWellApp;\n\n const fracFleetLines =\n fracFleet?.pad_frac_fleets?.find(padFracFleet =>\n padId && padFracFleet.pad.id\n ? padFracFleet.pad.id.toString() === padId.toString()\n : padFracFleet.current\n )?.frac_fleet_lines \|\| [];\n\n const padModeSetting: PadModeSetting = !isEmpty(appSettings?.settingsByAsset?.[assetKey])\n ? appSettings?.settingsByAsset?.[assetKey]\n : getDefaultPadModeSetting(fracFleet, well, appType);\n\n const value = getSelectValue({\n fracFleetLines,\n padModeSetting,\n enableSimulFracInPadSelect,\n });\n\n const menuItems = useMenuItems({\n completionAppType,\n assets: wells,\n fracFleetLines,\n enableSimulFracInPadSelect,\n });\n\n const selectedMenuItem = menuItems.find(({ key }) => key === value);\n\n const activeAsset = getActiveAsset({ assets: wells, padModeSetting, completionAppType });\n\n const [menuOpen, setMenuOpen] = useState(false);\n const menuButtonRef = useRef<HTMLButtonElement>(null);\n const toggleMenu = useCallback(() => setMenuOpen(value => !value), []);\n const showMenuFooter = !enableSimulFracInPadSelect && fracFleetLines.length > 0;\n\n const handleChange = useCallback(\n (value: string) => {\n setMenuOpen(false);\n const { mode, assetId } = parseMenuItemKey(value);\n\n const padModeSetting: PadModeSetting = {\n mode,\n };\n\n if (mode === PadMode.custom) {\n padModeSetting.mode = PadMode.custom;\n padModeSetting.selectedAssets = [parseInt(assetId, 10)];\n } else if (mode === PadMode.padLine) {\n padModeSetting.selectedLine = assetId;\n }\n\n const localStorageKey = `local_corva_pad_mode_${appKey}_${assetKey}`;\n\n if (IS_LOCAL_ENV) {\n localStorage.setItem(localStorageKey, JSON.stringify(padModeSetting));\n }\n\n onSettingChange('settingsByAsset', {\n ...appSettings?.settingsByAsset,\n [assetKey]: padModeSetting,\n });\n },\n [appKey, assetKey, onSettingChange, appSettings?.settingsByAsset]\n );\n\n if (\n well \|\|\n isEmpty(wells) \|\|\n !fracFleet \|\|\n (!activeAsset && padModeSetting.mode !== PadMode.padLine)\n ) {\n return null;\n }\n\n return (\n <div className={classNames(styles.root, className)} data-testid={testId}>\n {value && (\n <>\n <Button\n type={menuOpen ? 'chartColored' : 'chart'}\n size=\"small\"\n onClick={toggleMenu}\n ref={menuButtonRef}\n className={styles.menuButton}\n suffix={\n <DownIcon className={classNames(styles.menuButtonArrow, menuOpen && styles.open)} />\n }\n >\n <TextMiddleTruncated\n testId={PadModeSelectTestIds.SelectedItemTestId}\n className={styles.buttonInner}\n >\n {selectedMenuItem?.label}\n </TextMiddleTruncated>\n </Button>\n\n <Menu\n anchorEl={menuButtonRef.current}\n open={menuOpen}\n onClose={toggleMenu}\n className={styles.menu}\n placement=\"bottom\"\n >\n <FracModeLabel fracFleetLines={fracFleetLines} />\n\n {menuItems.map(\n ({ key, label, isSubItem, isDisabled, status, assetId, customColor }) => (\n <Menu.Item\n size=\"medium\"\n key={key}\n disabled={\n disableActiveWellsInPadSelect &&\n status !== AssetStatus.active &&\n key !== COMPLETION_MODES.pad &&\n (isSubItem \|\| isDisabled)\n }\n onClick={() => handleChange(key)}\n testId={`${PadModeSelectTestIds.MenuItemTestId}_${label}`}\n selected={key === selectedMenuItem?.key}\n >\n <ColorAccent color={customColor} />\n <Text\n size={12}\n color=\"inherit\"\n className={classNames(styles.menuItemLabel, isSubItem && styles.subItemLabel)}\n >\n <TextMiddleTruncated>{label}</TextMiddleTruncated>\n {menuOpen && status === AssetStatus.active && !!assetId && (\n <MenuWellStreamStatus currentWellId={assetId} />\n )}\n </Text>\n </Menu.Item>\n )\n )}\n\n {showMenuFooter && (\n <Text\n testId={PadModeSelectTestIds.MenuFooterTestId}\n size={12}\n color=\"T6\"\n className={styles.simulFracMessage}\n >\n <InfoIcon size={16} className={styles.simulFracIcon} />\n Analytics apps show all wells in Pad Mode for Simulfracs\n </Text>\n )}\n </Menu>\n </>\n )}\n </div>\n );\n};\n"],"names":["IS_LOCAL_ENV","process","env","NODE_ENV","PadModeSelect","_ref","_app$package","_app$package$manifest","_app$package2","_app$package2$manifes","_app$package2$manifes2","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_appSettings$settings","_appSettings$settings2","className","testId","_useAppCommons","useAppCommons","app","well","fracFleet","_useAppCommons$wells","wells","appSettings","onSettingChange","padId","assetKey","getAssetKey","appKey","package","manifest","application","key","_ref3","ui","enableSimulFracInPadSelect","completionAppType","disableActiveWellsInPadSelect","appType","COMPLETION_APP_TYPES","fracMultiWellApp","fracFleetLines","pad_frac_fleets","find","padFracFleet","pad","id","toString","current","frac_fleet_lines","padModeSetting","isEmpty","settingsByAsset","getDefaultPadModeSetting","value","getSelectValue","menuItems","useMenuItems","assets","selectedMenuItem","_ref4","activeAsset","getActiveAsset","useState","_useState2","_slicedToArray","_useState","menuOpen","setMenuOpen","menuButtonRef","useRef","toggleMenu","useCallback","showMenuFooter","length","handleChange","parseMenuItemKey","mode","assetId","PadMode","custom","selectedAssets","parseInt","padLine","selectedLine","localStorageKey","concat","localStorage","setItem","JSON","stringify","_defineProperty","_jsx","classNames","styles","root","children","_jsxs","_Fragment","Button","type","size","onClick","ref","menuButton","suffix","DownIcon","menuButtonArrow","open","TextMiddleTruncated","PadModeSelectTestIds","SelectedItemTestId","buttonInner","label","Menu","anchorEl","onClose","menu","placement","FracModeLabel","map","_ref5","isSubItem","isDisabled","status","customColor","Item","disabled","AssetStatus","active","COMPLETION_MODES","MenuItemTestId","selected","ColorAccent","color","Text","menuItemLabel","subItemLabel","MenuWellStreamStatus","currentWellId","MenuFooterTestId","simulFracMessage","InfoIcon","simulFracIcon"],"mappings":"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"}

package/componentsV2/TemplatesControl/PublishModal/PublishModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as i,useCallback as r}from"react";import{Collapse as s}from"@material-ui/core";import n from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as u}from"../../Text/Text.js";import{Autocomplete as d}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import j from"./PublishModal.scss.js";import"../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../clients/subscriptions.v1.js";import{getPrograms as h,getRigs as f}from"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import b from"../../../effects/useLoadedData.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new n,x=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},P=function(t){return C(u,{size:16,className:j.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},S=function(t){var e=t.subTitle,o=t.title,i=t.controls,r=t.open,n=void 0!==r&&r;return v(T,{children:[C(u,{size:16,children:o}),C(u,{size:14,color:"T6",className:j.labelSubTitle,children:e}),i&&C(s,{in:n,children:i})]})},D=function(s){var n=s.onClose,u=s.open,g=s.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),F=A(),N=y().currentUser,R=(N=void 0===N?{}:N).company_id,I=e(g.name),w=t(I,2),z=w[0],L=w[1],M=e("company"),_=t(M,2),k=_[0],E=_[1],q=e([]),B=t(q,2),G=B[0],H=B[1],O=e([]),U=t(O,2),W=U[0],V=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===k,Z="programs"===k,$="rigs"===k,tt=l(z,D),et=b({initialData:[],initialLoading:!0,loadFn:h,getDataFromResponseFn:x}),ot=et.data,it=et.isLoading,rt=et.loadData,st=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:x}),nt=st.data,at=st.isLoading,mt=st.loadData,lt=o((function(){return{disabled:0===z.trim().length||!!tt||"programs"===k&&0===G.length||"rigs"===k&&0===W.length}}),[z,G.length,W.length,tt,k]);i((function(){Z&&!ot.length&&rt({per_page:1e3,fields:["program.name"],company_id:R})}),[R,Z,rt,ot.length]),i((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:R,search:Q})}),[R,$,mt,Q]),i((function(){u&&(V([]),H([]),E("company"))}),[u]);var pt=r((function(){"company"===k?F(g.id,z,{}):"programs"===k&&G.length?F(g.id,z,{programIds:G.map((function(t){return t.id}))}):"rigs"===k&&W.length&&F(g.id,z,{rigIds:W.map((function(t){return t.id}))}),n()}),[z,n,F,G,W,g.id,k]);return C(a,{title:"Confirm Template Publication",size:"medium",open:u,onClose:n,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:n,children:v("div",{className:j.root,children:[C(m,{label:"Template Name",value:z,onChange:L,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return E("company")},label:C(S,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return E("programs")},label:C(S,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(d,{label:"Select Programs",options:ot,loading:it,multiple:!0,value:G,onChange:H,renderSelected:P})})}),C(c,{checked:$,onChange:function(){return E("rigs")},label:C(S,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(d,{label:"Select Rigs",options:nt,loading:at,multiple:!0,value:W,onChange:V,onInputChange:X,renderSelected:P})})})]})})};export{D as PublishModal};
+import t from"@babel/runtime/helpers/slicedToArray";import{useState as e,useMemo as o,useEffect as i,useCallback as r}from"react";import{Collapse as s}from"@material-ui/core";import n from"jsona";import{Modal as a}from"../../Modal/Modal.js";import{TextInput as m}from"../../TextInput/TextInput.js";import{suggestName as l}from"../utils.js";import{storeApi as p}from"../Store/Store.js";import"../Store/utils.js";import{Radio as c}from"../../Radio/Radio.js";import{Text as u}from"../../Text/Text.js";import{Autocomplete as d}from"../../Autocomplete/Autocomplete.js";import{TextEndTruncated as g}from"../../TextEndTruncated/TextEndTruncated.js";import h from"./PublishModal.scss.js";import"@babel/runtime/helpers/defineProperty";import"querystring";import"lodash";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{getPrograms as j,getRigs as f}from"../../../clients/jsonApi/index.js";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../components/UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/mobileDetect.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"uuid";import"../../../components/StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import b from"../../../effects/useLoadedData.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as y}from"../../AppCommonsProvider/AppCommonsContext.js";import"../../AppPanel/AppPanelsContext.js";import{jsx as C,jsxs as v,Fragment as T}from"react/jsx-runtime";var A=new n,x=function(t){return A.deserialize(t).map((function(t){var e=t.id,o=t.name;return{id:Number(e),title:o}}))},P=function(t){return C(u,{size:16,className:h.selected,tagName:"div",children:C(g,{children:t.map((function(t){return t.option.title})).join(", ")})})},S=function(t){var e=t.subTitle,o=t.title,i=t.controls,r=t.open,n=void 0!==r&&r;return v(T,{children:[C(u,{size:16,children:o}),C(u,{size:14,color:"T6",className:h.labelSubTitle,children:e}),i&&C(s,{in:n,children:i})]})},D=function(s){var n=s.onClose,u=s.open,g=s.template,T=p.useAllTemplates,A=p.usePublishTemplate,D=T(),F=A(),N=y().currentUser,R=(N=void 0===N?{}:N).company_id,I=e(g.name),w=t(I,2),z=w[0],L=w[1],M=e("company"),_=t(M,2),k=_[0],E=_[1],q=e([]),B=t(q,2),G=B[0],H=B[1],O=e([]),U=t(O,2),W=U[0],V=U[1],J=e(""),K=t(J,2),Q=K[0],X=K[1],Y="company"===k,Z="programs"===k,$="rigs"===k,tt=l(z,D),et=b({initialData:[],initialLoading:!0,loadFn:j,getDataFromResponseFn:x}),ot=et.data,it=et.isLoading,rt=et.loadData,st=b({initialData:[],initialLoading:!0,loadFn:f,getDataFromResponseFn:x}),nt=st.data,at=st.isLoading,mt=st.loadData,lt=o((function(){return{disabled:0===z.trim().length||!!tt||"programs"===k&&0===G.length||"rigs"===k&&0===W.length}}),[z,G.length,W.length,tt,k]);i((function(){Z&&!ot.length&&rt({per_page:1e3,fields:["program.name"],company_id:R})}),[R,Z,rt,ot.length]),i((function(){$&&mt({per_page:200,fields:["rig.name"],company_id:R,search:Q})}),[R,$,mt,Q]),i((function(){u&&(V([]),H([]),E("company"))}),[u]);var pt=r((function(){"company"===k?F(g.id,z,{}):"programs"===k&&G.length?F(g.id,z,{programIds:G.map((function(t){return t.id}))}):"rigs"===k&&W.length&&F(g.id,z,{rigIds:W.map((function(t){return t.id}))}),n()}),[z,n,F,G,W,g.id,k]);return C(a,{title:"Confirm Template Publication",size:"medium",open:u,onClose:n,primaryActionText:"Publish",primaryActionHandler:pt,primaryActionProps:lt,secondaryActionText:"Cancel",secondaryActionHandler:n,children:v("div",{className:h.root,children:[C(m,{label:"Template Name",value:z,onChange:L,status:tt?"error":void 0,message:tt&&'Name should be unique. Try "'.concat(tt,'"')}),C(c,{checked:Y,onChange:function(){return E("company")},label:C(S,{title:"Entire Company",subTitle:"It will be available to all company employees."})}),C(c,{checked:Z,onChange:function(){return E("programs")},label:C(S,{title:"For Selected Programs Only",subTitle:"Will be visible to employees with selected Programs only.",open:Z,controls:C(d,{label:"Select Programs",options:ot,loading:it,multiple:!0,value:G,onChange:H,renderSelected:P})})}),C(c,{checked:$,onChange:function(){return E("rigs")},label:C(S,{title:"For Selected Rigs Only",subTitle:"Visible only  when Rig is selected for all employees.",open:$,controls:C(d,{label:"Select Rigs",options:nt,loading:at,multiple:!0,value:W,onChange:V,onInputChange:X,renderSelected:P})})})]})})};export{D as PublishModal};
 //# sourceMappingURL=PublishModal.js.map