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

@corva/ui 3.76.0-1 → 3.76.0-11

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

Files changed (85) hide show

package/componentsV2/AppCommonsProvider/AppCommonsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppCommonsContext.js","sources":["../../../src/componentsV2/AppCommonsProvider/AppCommonsContext.ts"],"sourcesContent":["import { ComponentType, createContext, ReactNode, useContext } from 'react';\n\nimport {\n App,\n AppSettings,\n Asset,\n FracFleet,\n FullscreenModes,\n InterventionUnit,\n User,\n Well,\n} from '../../types';\n\nexport type GlobalOffsetWell = {\n id: number;\n [key: string]: unknown;\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\n// Used in AppTestWrapper\nexport type AppCommonsContextType = {\n maximized: boolean;\n appId: number;\n app: App;\n appKey: string;\n appName: string;\n appSettings?: AppSettings;\n onSettingChange: (key: string, value: unknown) => void;\n onSettingsChange: (value: unknown) => void;\n\n well?: Well;\n rig?: Asset;\n fracFleet?: FracFleet;\n interventionUnit?: InterventionUnit;\n wells?: Well[];\n\n // Passed down from corva-web-frontend. May not exist, so everything must be optional\n dashboardMeta?: ~~{\n isMultiAsset?: boolean~~;\n ~~isMultiWell?: boolean;\n isChiplessDashboard?: boolean;\n globalOffsetWellsToken?: number;\n~~ ~~};\n~~ appHeadersV3Enabled?: boolean;\n // [REACT-18-MIGRATION-TAG] PLT-3099: true when the app renders in-process on the host\n // (the platform isolation decision from DevCenterIsolatedApp); iframe realms leave it unset.\n isNonIsolatedApp?: boolean;\n disableAppAssetSelection?: boolean;\n isMultiRig?: boolean;\n currentUser?: User;\n globalOffsetWells?: GlobalOffsetWell[];\n globalOffsetWellsVersion?: number;\n globalOffsetWellsToken?: number;\n removeApp?: () => void;\n};\n\nexport type AppCommonsContextTypeInternal = AppCommonsContextType &\n Partial<FullscreenModes> & {\n /** True in any of the three modes: dashboard maximize, browser fullscreen, separate window */\n isExpanded?: boolean;\n setMaximized: (maximized: boolean) => void;\n appData?: unknown;\n layoutEnvironment?: ({ type?: string } & Record<string, unknown>) \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n appSettingsComponent?: ComponentType<any>;\n toggleAnnotationsList?: () => void;\n onHelpCenterClick?: () => void;\n secondaryMenuItems?: { title: ReactNode; onClick?: () => void; icon?: ReactNode }[];\n isInsideNewMobileApp?: boolean;\n reloadApp?: () => void;\n };\n\nexport const AppCommonsContext = createContext<AppCommonsContextTypeInternal>(\n // TODO provide defaults\n null as unknown as AppCommonsContextTypeInternal\n);\n\nexport const useAppCommonsInternal = () => useContext(AppCommonsContext);\n\nexport const useAppCommons = () => useContext(AppCommonsContext) as AppCommonsContextType;\n"],"names":["AppCommonsContext","createContext","useAppCommonsInternal","useContext","useAppCommons"],"mappings":"~~sDAwEO~~,IAAMA,EAAoBC,EAE/B,MAGWC,EAAwB,WAAH,OAASC,EAAWH,EAAkB,EAE3DI,EAAgB,WAAH,OAASD,EAAWH,EAAkB"}
1	+ {"version":3,"file":"AppCommonsContext.js","sources":["../../../src/componentsV2/AppCommonsProvider/AppCommonsContext.ts"],"sourcesContent":["import { ComponentType, createContext, ReactNode, useContext } from 'react';\n\nimport {\n App,\n AppSettings,\n Asset,\n FracFleet,\n FullscreenModes,\n InterventionUnit,\n User,\n Well,\n} from '../../types';\n\nexport type GlobalOffsetWell = {\n id: number;\n [key: string]: unknown;\n};\n\n/** Host-owned planning scope. Presence identifies a Well Planning dashboard. /\nexport type WellPlanningDashboardMeta = {\n assetId: number \| null;\n dashboardId: string;\n defaultDashboardKind?: string;\n segment: string \| null;\n};\n\nexport type AppDashboardMeta = {\n /* The host owns app identity and maximization controls. /\n isEmbedded?: boolean;\n isMultiAsset?: boolean;\n isMultiWell?: boolean;\n isChiplessDashboard?: boolean;\n globalOffsetWells?: GlobalOffsetWell[];\n globalOffsetWellsVersion?: number;\n globalOffsetWellsToken?: number;\n wellPlanning?: WellPlanningDashboardMeta;\n};\n\n// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type\n// Used in AppTestWrapper\nexport type AppCommonsContextType = {\n maximized: boolean;\n appId: number;\n app: App;\n appKey: string;\n appName: string;\n appSettings?: AppSettings;\n onSettingChange: (key: string, value: unknown) => void;\n onSettingsChange: (value: unknown) => void;\n\n well?: Well;\n rig?: Asset;\n fracFleet?: FracFleet;\n interventionUnit?: InterventionUnit;\n wells?: Well[];\n\n // Passed down from corva-web-frontend. May not exist, so everything must be optional\n dashboardMeta?: AppDashboardMeta;\n appHeadersV3Enabled?: boolean;\n // [REACT-18-MIGRATION-TAG] PLT-3099: true when the app renders in-process on the host\n // (the platform isolation decision from DevCenterIsolatedApp); iframe realms leave it unset.\n isNonIsolatedApp?: boolean;\n disableAppAssetSelection?: boolean;\n isMultiRig?: boolean;\n currentUser?: User;\n globalOffsetWells?: GlobalOffsetWell[];\n globalOffsetWellsVersion?: number;\n globalOffsetWellsToken?: number;\n removeApp?: () => void;\n};\n\nexport type AppCommonsContextTypeInternal = AppCommonsContextType &\n Partial<FullscreenModes> & {\n /* True in any of the three modes: dashboard maximize, browser fullscreen, separate window */\n isExpanded?: boolean;\n setMaximized: (maximized: boolean) => void;\n appData?: unknown;\n layoutEnvironment?: ({ type?: string } & Record<string, unknown>) \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n appSettingsComponent?: ComponentType<any>;\n toggleAnnotationsList?: () => void;\n onHelpCenterClick?: () => void;\n secondaryMenuItems?: { title: ReactNode; onClick?: () => void; icon?: ReactNode }[];\n isInsideNewMobileApp?: boolean;\n reloadApp?: () => void;\n };\n\nexport const AppCommonsContext = createContext<AppCommonsContextTypeInternal>(\n // TODO provide defaults\n null as unknown as AppCommonsContextTypeInternal\n);\n\nexport const useAppCommonsInternal = () => useContext(AppCommonsContext);\n\nexport const useAppCommons = () => useContext(AppCommonsContext) as AppCommonsContextType;\n"],"names":["AppCommonsContext","createContext","useAppCommonsInternal","useContext","useAppCommons"],"mappings":"sDAuFO,IAAMA,EAAoBC,EAE/B,MAGWC,EAAwB,WAAH,OAASC,EAAWH,EAAkB,EAE3DI,EAAgB,WAAH,OAASD,EAAWH,EAAkB"}

package/componentsV2/AppHeader/V3/Actions/Actions.constants.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export declare enum ActionsTestIds {
+    MoreButtonTestId = "CorvaUI.AppHeader.Actions.MoreButtonTestId",
     CollapseButtonTestId = "CorvaUI.AppHeader.Actions.CollapseButtonTestId",
     ExpandButtonTestId = "CorvaUI.AppHeader.Actions.ExpandButtonTestId",
     AdditionalActionItemTestId = "CorvaUI.AppHeader.Actions.AdditionalActionItemTestId",

package/componentsV2/AppHeader/V3/Actions/Actions.constants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.constants.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.constants.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,oBAAoB,mDAAmD;IACvE,kBAAkB,iDAAiD;IACnE,0BAA0B,yDAAyD;IACnF,wBAAwB,uDAAuD;IAC/E,sBAAsB,qDAAqD;IAC3E,kBAAkB,iDAAiD;IACnE,2BAA2B,0DAA0D;IACrF,wBAAwB,uDAAuD;CAChF"}
1	+ {"version":3,"file":"Actions.constants.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.constants.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,gBAAgB,+CAA+C;IAC/D,oBAAoB,mDAAmD;IACvE,kBAAkB,iDAAiD;IACnE,0BAA0B,yDAAyD;IACnF,wBAAwB,uDAAuD;IAC/E,sBAAsB,qDAAqD;IAC3E,kBAAkB,iDAAiD;IACnE,2BAA2B,0DAA0D;IACrF,wBAAwB,uDAAuD;CAChF"}

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

@@ -1,2 +1,2 @@
-var e;!function(e){e.CollapseButtonTestId="CorvaUI.AppHeader.Actions.CollapseButtonTestId",e.ExpandButtonTestId="CorvaUI.AppHeader.Actions.ExpandButtonTestId",e.AdditionalActionItemTestId="CorvaUI.AppHeader.Actions.AdditionalActionItemTestId",e.CloseCommentButtonTestId="CorvaUI.AppHeader.Actions.CloseCommentButtonTestId",e.AddMessageButtonTestId="CorvaUI.AppHeader.Actions.AddMessageButtonTestId",e.MaximizeItemTestId="CorvaUI.AppHeader.Actions.MaximizeItemTestId",e.BrowserFullscreenItemTestId="CorvaUI.AppHeader.Actions.BrowserFullscreenItemTestId",e.SeparateWindowItemTestId="CorvaUI.AppHeader.Actions.SeparateWindowItemTestId"}(e||(e={}));export{e as ActionsTestIds};
+var e;!function(e){e.MoreButtonTestId="CorvaUI.AppHeader.Actions.MoreButtonTestId",e.CollapseButtonTestId="CorvaUI.AppHeader.Actions.CollapseButtonTestId",e.ExpandButtonTestId="CorvaUI.AppHeader.Actions.ExpandButtonTestId",e.AdditionalActionItemTestId="CorvaUI.AppHeader.Actions.AdditionalActionItemTestId",e.CloseCommentButtonTestId="CorvaUI.AppHeader.Actions.CloseCommentButtonTestId",e.AddMessageButtonTestId="CorvaUI.AppHeader.Actions.AddMessageButtonTestId",e.MaximizeItemTestId="CorvaUI.AppHeader.Actions.MaximizeItemTestId",e.BrowserFullscreenItemTestId="CorvaUI.AppHeader.Actions.BrowserFullscreenItemTestId",e.SeparateWindowItemTestId="CorvaUI.AppHeader.Actions.SeparateWindowItemTestId"}(e||(e={}));export{e as ActionsTestIds};
 //# sourceMappingURL=Actions.constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.constants.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.constants.ts"],"sourcesContent":["export enum ActionsTestIds {\n CollapseButtonTestId = 'CorvaUI.AppHeader.Actions.CollapseButtonTestId',\n ExpandButtonTestId = 'CorvaUI.AppHeader.Actions.ExpandButtonTestId',\n AdditionalActionItemTestId = 'CorvaUI.AppHeader.Actions.AdditionalActionItemTestId',\n CloseCommentButtonTestId = 'CorvaUI.AppHeader.Actions.CloseCommentButtonTestId',\n AddMessageButtonTestId = 'CorvaUI.AppHeader.Actions.AddMessageButtonTestId',\n MaximizeItemTestId = 'CorvaUI.AppHeader.Actions.MaximizeItemTestId',\n BrowserFullscreenItemTestId = 'CorvaUI.AppHeader.Actions.BrowserFullscreenItemTestId',\n SeparateWindowItemTestId = 'CorvaUI.AppHeader.Actions.SeparateWindowItemTestId',\n}\n"],"names":["ActionsTestIds"],"mappings":"AAAA,IAAYA,~~GASX~~,~~SATWA~~,GAAAA,EAAc,qBAAA,iDAAdA,EAAc,mBAAA,+CAAdA,EAAc,2BAAA,uDAAdA,EAAc,yBAAA,qDAAdA,EAAc,uBAAA,mDAAdA,EAAc,mBAAA,+CAAdA,EAAc,4BAAA,wDAAdA,EAAc,yBAAA,oDAAdA,~~CASX~~,~~CATWA~~,IAAAA,EAAc,CAAA"}
1	+ {"version":3,"file":"Actions.constants.js","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.constants.ts"],"sourcesContent":["export enum ActionsTestIds {\n MoreButtonTestId = 'CorvaUI.AppHeader.Actions.MoreButtonTestId',\n CollapseButtonTestId = 'CorvaUI.AppHeader.Actions.CollapseButtonTestId',\n ExpandButtonTestId = 'CorvaUI.AppHeader.Actions.ExpandButtonTestId',\n AdditionalActionItemTestId = 'CorvaUI.AppHeader.Actions.AdditionalActionItemTestId',\n CloseCommentButtonTestId = 'CorvaUI.AppHeader.Actions.CloseCommentButtonTestId',\n AddMessageButtonTestId = 'CorvaUI.AppHeader.Actions.AddMessageButtonTestId',\n MaximizeItemTestId = 'CorvaUI.AppHeader.Actions.MaximizeItemTestId',\n BrowserFullscreenItemTestId = 'CorvaUI.AppHeader.Actions.BrowserFullscreenItemTestId',\n SeparateWindowItemTestId = 'CorvaUI.AppHeader.Actions.SeparateWindowItemTestId',\n}\n"],"names":["ActionsTestIds"],"mappings":"AAAA,IAAYA,GAUX,SAVWA,GAAAA,EAAc,iBAAA,6CAAdA,EAAc,qBAAA,iDAAdA,EAAc,mBAAA,+CAAdA,EAAc,2BAAA,uDAAdA,EAAc,yBAAA,qDAAdA,EAAc,uBAAA,mDAAdA,EAAc,mBAAA,+CAAdA,EAAc,4BAAA,wDAAdA,EAAc,yBAAA,oDAAdA,CAUX,CAVWA,IAAAA,EAAc,CAAA"}

package/componentsV2/AppHeader/V3/Actions/Actions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAA0B,MAAM,cAAc,CAAC;AAsBxE,KAAK,YAAY,GAAG;IAClB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAOF,eAAO,MAAM,OAAO,iFAKjB,YAAY,~~4CAiTd~~,CAAC"}
1	+ {"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAA0B,MAAM,cAAc,CAAC;AAsBxE,KAAK,YAAY,GAAG;IAClB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAOF,eAAO,MAAM,OAAO,iFAKjB,YAAY,4CAmTd,CAAC"}

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

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useEffect as r,useMemo as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingsPanel as C}from"../../../AppPanel/AppPanelsContext.js";import{HideInNativeApp as f}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as h}from"./Actions.constants.js";import b from"./Actions.scss.js";import{CollapseIcon as g,ExpandIcon as y,CloseSmallIcon as O,MoreOneIcon as v,MessageIcon as A,SettingTwoIcon as B}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as P}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/index.js";import"uuid";import"jsona";import"../../../../utils/env.js";import"../../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.js";import{useAppCommentsMode as S,useSetAppCommentsMode as k}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as F}from"../../../../utils/mobileDetect.js";import{jsx as M,jsxs as x,Fragment as w}from"react/jsx-runtime";function T(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function D(o){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){s(o,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(t,s))}))}return o}var z=function(o){return!!o&&"object"===t(o)&&"title"in o},E=function(s){var t=s.additionalActions,T=s.showComments,E=s.disableSettings,W=s.hideSettingsUnderMore,N=I(),R=N.maximized,U=N.setMaximized,G=N.appSettingsComponent,q=N.isExpanded,L=N.isBrowserFullscreen,H=N.enterBrowserFullscreen,K=N.exitBrowserFullscreen,Z=N.isSeparateWindow,J=N.openSeparateWindow,Q=N.closeSeparateWindow,V=S(),X=k(),Y=i(!1),$=n(Y,2),_=$[0],oo=$[1],so=c(null),no=c(null),to=i(!0),io=n(to,2),co=io[0],eo=io[1],ro=i(!1),mo=n(ro,2),po=mo[0],lo=mo[1],uo=c(null),ao=c(!1),jo=C(),Io=jo.open,Co=jo.isOpen,fo=!!G&&!E,ho=e((function(){oo((function(o){return!o}))}),[]),bo=e((function(){X((function(o){return!o}))}),[X]),go=e((function(){ao.current=!1,lo(!1)}),[]),yo=e((function(){eo(!1),go(),Z?null==Q||Q():L?null==K||K():U(!R)}),[go,Q,K,L,Z,R,U]),Oo=Z?"Close Separate Window":q?"Restore":"Maximize",vo=e((function(){uo.current&&(clearTimeout(uo.current),uo.current=null)}),[]),Ao=e((function(){!q&&H&&(vo(),uo.current=setTimeout((function(){ao.current=!0,lo(!0)}),500))}),[vo,H,q]);r((function(){return vo}),[vo]);var Bo=e((function(){ao.current?ao.current=!1:yo()}),[yo]),Po=e((function(){go(),null==J||J()}),[go,J]),So=e((function(){go(),null==H||H()}),[go,H]);r((function(){eo(!0)}),[q]);var ko=m((function(){if(F)return[];var s=function(o){return function(){ho(),null==o||o()}},n=(t||[]).filter(z).map((function(o){return D(D({},o),{},{onClick:s(o.onClick)})})),i={icon:M(A,{}),onClick:s(bo),title:V?"Close Comments Mode":"Add Comment"},c={title:Oo,onClick:s(yo),icon:M(q?g:y,{})},e={title:"Settings",onClick:s(Io),icon:M(B,{})};return[].concat(o(n),o(T?[i]:[]),o(W&&fo?[e]:[]),[c])}),[t,V,W,q,Oo,Io,fo,T,bo,yo,ho]),Fo=ko.length>1,Mo=M(u,{size:"small",type:"tertiaryBg",ref:no,onClick:Bo,onMouseDown:Ao,onMouseUp:vo,onMouseLeave:vo,className:Fo?b.fullscreenButton:void 0,testId:q?h.CollapseButtonTestId:h.ExpandButtonTestId,children:M(q?g:y,{})});return x(w,{children:[M(f,{children:null==t?void 0:t.map((function(o,s){return z(o)?M(a,{title:o.title,children:M(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(b.additionalActionButton),testId:h.AdditionalActionItemTestId,children:o.icon})},s):M(p,{children:o},s)}))}),M(f,{children:T&&M(a,{title:V?"Close Comments Mode":"Add Comment",children:M(u,{size:"small",type:V?"secondaryBg":"tertiaryBg",onClick:bo,className:Fo?b.commentButton:void 0,testId:V?h.CloseCommentButtonTestId:h.AddMessageButtonTestId,children:V?M(O,{}):M(P,{fill:"currentColor"})})})}),fo&&M(d,{className:W&&!F?b.settingsHiddenUnderMore:void 0}),x(f,{children:[co?M(a,{title:Oo,children:Mo}):Mo,no.current&&x(j,{anchorEl:no.current,open:po,onClose:go,placement:"bottom-end",children:[M(j.Item,{onClick:yo,testId:h.MaximizeItemTestId,children:"Maximize"}),M(j.Item,{onClick:So,testId:h.BrowserFullscreenItemTestId,children:"Full Screen"}),M(j.Item,{onClick:Po,testId:h.SeparateWindowItemTestId,children:"Separate Window"})]})]}),x(f,{children:[Fo&&M(a,{title:"More",children:M(u,{type:_||W&&Co?"secondaryBg":"tertiaryBg",className:b.moreButton,ref:so,onClick:ho,size:"small",children:M(v,{})})}),Fo&&so.current&&M(j,{anchorEl:so.current,open:_,onClose:ho,placement:"bottom-end",children:ko.map((function(o,s){return M(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]})]})};export{E as Actions};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/typeof";import{useState as i,useRef as c,useCallback as e,useEffect as r,useMemo as m,Fragment as p}from"react";import l from"classnames";import{ButtonIcon as u}from"../../../ButtonIcon/ButtonIcon.js";import{Tooltip as a}from"../../../Tooltip/Tooltip.js";import{SettingsButton as d}from"../SettingsButton/SettingsButton.js";import"../SettingsButton/SettingsButton.constants.js";import{Menu as j}from"../../../Menu/Menu.js";import"../../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as I}from"../../../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingsPanel as C}from"../../../AppPanel/AppPanelsContext.js";import{HideInNativeApp as f}from"../../../HideInNativeApp/index.js";import{ActionsTestIds as h}from"./Actions.constants.js";import b from"./Actions.scss.js";import{CollapseIcon as g,ExpandIcon as y,CloseSmallIcon as O,MoreOneIcon as v,MessageIcon as A,SettingTwoIcon as B}from"../../../../icons/iconParkIcons.js";import{AddMessageCustomIcon as M}from"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../../components/GradientManager/configuration/constants.js";import"../../../../utils/index.js";import"uuid";import"jsona";import"../../../../utils/env.js";import"../../../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../constants/streamSourceType.js";import{useAppCommentsMode as P,useSetAppCommentsMode as S}from"../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import{isInsideNewMobileApp as k}from"../../../../utils/mobileDetect.js";import{jsx as F,jsxs as x,Fragment as w}from"react/jsx-runtime";function T(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,t)}return n}function D(o){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){s(o,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(t,s))}))}return o}var z=function(o){return!!o&&"object"===t(o)&&"title"in o},E=function(s){var t=s.additionalActions,T=s.showComments,E=s.disableSettings,W=s.hideSettingsUnderMore,N=I(),R=N.maximized,U=N.setMaximized,G=N.appSettingsComponent,q=N.isExpanded,L=N.isBrowserFullscreen,H=N.enterBrowserFullscreen,K=N.exitBrowserFullscreen,Z=N.isSeparateWindow,J=N.openSeparateWindow,Q=N.closeSeparateWindow,V=N.dashboardMeta,X=!(null==V||!V.isEmbedded),Y=P(),$=S(),_=i(!1),oo=n(_,2),so=oo[0],no=oo[1],to=c(null),io=c(null),co=i(!0),eo=n(co,2),ro=eo[0],mo=eo[1],po=i(!1),lo=n(po,2),uo=lo[0],ao=lo[1],jo=c(null),Io=c(!1),Co=C(),fo=Co.open,ho=Co.isOpen,bo=!!G&&!E,go=e((function(){no((function(o){return!o}))}),[]),yo=e((function(){$((function(o){return!o}))}),[$]),Oo=e((function(){Io.current=!1,ao(!1)}),[]),vo=e((function(){mo(!1),Oo(),Z?null==Q||Q():L?null==K||K():U(!R)}),[Oo,Q,K,L,Z,R,U]),Ao=Z?"Close Separate Window":q?"Restore":"Maximize",Bo=e((function(){jo.current&&(clearTimeout(jo.current),jo.current=null)}),[]),Mo=e((function(){!q&&H&&(Bo(),jo.current=setTimeout((function(){Io.current=!0,ao(!0)}),500))}),[Bo,H,q]);r((function(){return Bo}),[Bo]);var Po=e((function(){Io.current?Io.current=!1:vo()}),[vo]),So=e((function(){Oo(),null==J||J()}),[Oo,J]),ko=e((function(){Oo(),null==H||H()}),[Oo,H]);r((function(){mo(!0)}),[q]);var Fo=m((function(){if(k)return[];var s=function(o){return function(){go(),null==o||o()}},n=(t||[]).filter(z).map((function(o){return D(D({},o),{},{onClick:s(o.onClick)})})),i={icon:F(A,{}),onClick:s(yo),title:Y?"Close Comments Mode":"Add Comment"},c={title:Ao,onClick:s(vo),icon:F(q?g:y,{})},e={title:"Settings",onClick:s(fo),icon:F(B,{})};return[].concat(o(n),o(T?[i]:[]),o(W&&bo?[e]:[]),o(X?[]:[c]))}),[t,Y,W,q,Ao,fo,bo,T,X,yo,vo,go]),xo=Fo.length>(X?0:1),wo=F(u,{size:"small",type:"tertiaryBg",ref:io,onClick:Po,onMouseDown:Mo,onMouseUp:Bo,onMouseLeave:Bo,className:xo?b.fullscreenButton:void 0,testId:q?h.CollapseButtonTestId:h.ExpandButtonTestId,children:F(q?g:y,{})}),To=ro?F(a,{title:Ao,children:wo}):wo;return x(w,{children:[F(f,{children:null==t?void 0:t.map((function(o,s){return z(o)?F(a,{title:o.title,children:F(u,{size:"small",type:"tertiary",onClick:o.onClick,className:l(b.additionalActionButton),testId:h.AdditionalActionItemTestId,children:o.icon})},s):F(p,{children:o},s)}))}),F(f,{children:T&&F(a,{title:Y?"Close Comments Mode":"Add Comment",children:F(u,{size:"small",type:Y?"secondaryBg":"tertiaryBg",onClick:yo,className:xo?b.commentButton:void 0,testId:Y?h.CloseCommentButtonTestId:h.AddMessageButtonTestId,children:Y?F(O,{}):F(M,{fill:"currentColor"})})})}),bo&&F(d,{className:W&&!k?b.settingsHiddenUnderMore:void 0}),x(f,{children:[!X&&To,!X&&io.current&&x(j,{anchorEl:io.current,open:uo,onClose:Oo,placement:"bottom-end",children:[F(j.Item,{onClick:vo,testId:h.MaximizeItemTestId,children:"Maximize"}),F(j.Item,{onClick:ko,testId:h.BrowserFullscreenItemTestId,children:"Full Screen"}),F(j.Item,{onClick:So,testId:h.SeparateWindowItemTestId,children:"Separate Window"})]})]}),x(f,{children:[xo&&F(a,{title:"More",children:F(u,{type:so||W&&ho?"secondaryBg":"tertiaryBg",className:b.moreButton,ref:to,testId:h.MoreButtonTestId,onClick:go,size:"small",children:F(v,{})})}),xo&&to.current&&F(j,{anchorEl:to.current,open:so,onClose:go,placement:"bottom-end",children:Fo.map((function(o,s){return F(j.Item,{size:"large",prefix:o.icon,onClick:o.onClick,children:o.title},s)}))})]})]})};export{E as Actions};
 //# sourceMappingURL=Actions.js.map

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

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

package/componentsV2/AppHeader/V3/AppHeaderV3.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,~~CA0M5C~~,CAAC"}
1	+ {"version":3,"file":"AppHeaderV3.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAoB,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAQjE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAE7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IAEF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC;IAEjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IAErC;;;OAGG;IACH,oBAAoB,CAAC,EAAE;QACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiN5C,CAAC"}

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as o}from"react";import i from"classnames";import{isEmpty as l}from"lodash";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as n}from"../../../utils/devcenter.js";import{PadModeSelect as r}from"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import{AppHeaderTestIds as d}from"../AppHeader.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as a}from"../../AppCommonsProvider/AppCommonsContext.js";import{HideInNativeApp as p}from"../../HideInNativeApp/index.js";import{AppHeaderFinderProps as c}from"../../utils.js";import{VersionSelect as m}from"./VersionSelect/VersionSelect.js";import{AssetChips as v}from"./AssetChips/AssetChips.js";import{AppTitle as u}from"./AppTitle/AppTitle.js";import"./AppTitle/AppTitle.constants.js";import{useResponsivity as f}from"./useResponsivity.js";import{Actions as h}from"./Actions/Actions.js";import"./Actions/Actions.constants.js";import C from"./AppHeaderV3.scss.js";import{jsxs as j,jsx as y}from"react/jsx-runtime";function A(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function b(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?A(Object(i),!0).forEach((function(o){e(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var g=function(e){var A,g,O,P,I,M,N,S,L,w,R,T,D,x,U,E,W=e.elementsClassNames,k=e.className,H=e.testId,V=e.logo,q=e.additionalControls,B=e.title,F=e.padModeDisabled,z=e.padModeWells,G=e.dqData,J=e.asset,K=e.lastUpdate,Q=e.additionalActions,X=e.showComments,Y=e.titleControls,Z=e.disableSettings,$=e.showAssetChips,_=e.disableAssetSelector,ee=e.titleMenuActions,te=e.titleControlsPosition,oe=void 0===te?"right":te,ie=e.responsivenessConfig,le=t(null),se=a(),ne=se.app,re=se.appName,de=se.well,ae=se.wells,pe=se.rig,ce=se.fracFleet,me=se.interventionUnit,ve=se.isExpanded,ue=se.setSeparateWindowTitle,fe=se.isInsideNewMobileApp,he=se.disableAppAssetSelection,Ce=se.isMultiRig,je=z||ae,ye=n(ne)===s.COMPLETION&&!de,Ae=!l(je)&&!!ce,be=he||Ce,ge=!he&&!F&&!fe&&ye&&Ae,Oe=V?"ultranarrow":ge||q||Y?"narrow":void 0,Pe="left"===oe&&!!Y,Ie=t(null),Me=t(null),Ne=t(null),Se=t(null),Le=t(null),we=t(null),Re=t(null),Te=null!==(A=null!==(g=null!==(O=null==de?void 0:de.name)&&void 0!==O?O:null==pe?void 0:pe.name)&&void 0!==g?g:null==ce?void 0:ce.name)&&void 0!==A?A:null==me?void 0:me.name;o((function(){null==ue||ue([re,Te].filter(Boolean).join(" - "))}),[ue,re,Te]);var De=f({disabled:fe,titleControlsLeft:Pe,rootRef:le,versionRef:Ie,additionalControlsRef:Ne,titleControlsRef:Se,logoRef:we,padModeRef:Me,chipsRef:Le,actionsRef:Re});return j("div",b(b({className:i(C.root,k),"data-testid":H,ref:le,style:null===(P=De.root)||void 0===P?void 0:P.style},c),{},{children:[y("div",{className:i(C.logoContainer,null==W?void 0:W.logoContainer),ref:we,children:V&&"string"==typeof V?y("img",{className:C.logo,src:V,alt:"Logo"}):V}),y(u,{title:ve&&null!=Te?Te:B,asset:J,dqData:G,lastUpdate:K,className:i(C.title,Pe&&C.titleWithControlsLeft,null==W?void 0:W.title),disableAssetSelector:_,titleMenuActions:ee,style:null===(I=De.title)||void 0===I?void 0:I.style}),Y&&y("div",{className:i(C.titleControls,Pe&&C.titleControlsLeft,(null===(M=De.titleControls)||void 0===M?void 0:M.lastInLine)&&C.lastInLine,null==W?void 0:W.titleControls),ref:Se,style:null===(N=De.titleControls)||void 0===N?void 0:N.style,children:Y}),y(p,{children:y("div",{className:C.version,ref:Ie,children:y(m,{className:null==W?void 0:W.versionSelect})})}),ge&&y("div",{className:i(C.padMode,(null===(S=De.padMode)||void 0===S?void 0:S.lastInLine)&&C.lastInLine),ref:Me,style:null===(L=De.padMode)||void 0===L?void 0:L.style,children:y(r,{testId:d.PadModeSelectTestId})}),q&&y("div",{className:i(C.additionalControls,(null===(w=De.additionalControls)||void 0===w?void 0:w.lastInLine)&&C.lastInLine,null==W?void 0:W.additionalControls),ref:Ne,style:null===(R=De.additionalControls)||void 0===R?void 0:R.style,"data-testid":d.AdditionalControlsTestId,children:q}),!be&&$&&y(p,{children:y("div",{className:i(C.assetChips,(null===(T=De.chips)||void 0===T?void 0:T.lastInLine)&&C.lastInLine,null==W?void 0:W.chips),ref:Le,style:null===(D=De.chips)||void 0===D?void 0:D.style,children:y(v,{chipsWidth:Oe})})}),y("div",{className:i(C.actions,(null===(x=De.actions)||void 0===x?void 0:x.lastInLine)&&C.lastInLine,null==W?void 0:W.actions),ref:Re,style:null===(U=De.actions)||void 0===U?void 0:U.style,"data-testid":d.ActionsRootTestId,children:y(h,{additionalActions:Q,showComments:X,disableSettings:Z,hideSettingsUnderMore:null==ie?void 0:ie.hideSettingsUnderMore})}),null===(E=De.linebreaks)||void 0===E?void 0:E.map((function(e,t){return y("div",{className:C.responsivenessLineBreak,style:e},t)}))]}))};export{g as AppHeaderV3};
+import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as o}from"react";import i from"classnames";import{isEmpty as l}from"lodash";import{SEGMENTS as s}from"../../../constants/segment.js";import{getAppSegment as n}from"../../../utils/devcenter.js";import{PadModeSelect as r}from"../../PadModeSelect/PadModeSelect.js";import"../../PadModeSelect/PadModeSelect.constants.js";import{AppHeaderTestIds as d}from"../AppHeader.constants.js";import"../../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as a}from"../../AppCommonsProvider/AppCommonsContext.js";import{HideInNativeApp as p}from"../../HideInNativeApp/index.js";import{AppHeaderFinderProps as c}from"../../utils.js";import{VersionSelect as m}from"./VersionSelect/VersionSelect.js";import{AssetChips as v}from"./AssetChips/AssetChips.js";import{AppTitle as u}from"./AppTitle/AppTitle.js";import"./AppTitle/AppTitle.constants.js";import{useResponsivity as f}from"./useResponsivity.js";import{Actions as h}from"./Actions/Actions.js";import"./Actions/Actions.constants.js";import C from"./AppHeaderV3.scss.js";import{jsxs as j,Fragment as y,jsx as A}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function g(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?b(Object(i),!0).forEach((function(o){e(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):b(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var M=function(e){var b,M,O,P,I,N,S,L,w,R,T,D,x,E,U,W,k=e.elementsClassNames,H=e.className,V=e.testId,q=e.logo,B=e.additionalControls,F=e.title,z=e.padModeDisabled,G=e.padModeWells,J=e.dqData,K=e.asset,Q=e.lastUpdate,X=e.additionalActions,Y=e.showComments,Z=e.titleControls,$=e.disableSettings,_=e.showAssetChips,ee=e.disableAssetSelector,te=e.titleMenuActions,oe=e.titleControlsPosition,ie=void 0===oe?"right":oe,le=e.responsivenessConfig,se=t(null),ne=a(),re=ne.app,de=ne.appName,ae=ne.well,pe=ne.wells,ce=ne.rig,me=ne.fracFleet,ve=ne.interventionUnit,ue=ne.isExpanded,fe=ne.setSeparateWindowTitle,he=ne.isInsideNewMobileApp,Ce=ne.disableAppAssetSelection,je=ne.isMultiRig,ye=ne.dashboardMeta,Ae=!(null==ye||!ye.isEmbedded),be=G||pe,ge=n(re)===s.COMPLETION&&!ae,Me=!l(be)&&!!me,Oe=Ce||je,Pe=!(Ae||Ce||z||he)&&ge&&Me,Ie=q?"ultranarrow":Pe||B||Z?"narrow":void 0,Ne="left"===ie&&!!Z,Se=t(null),Le=t(null),we=t(null),Re=t(null),Te=t(null),De=t(null),xe=t(null),Ee=null!==(b=null!==(M=null!==(O=null==ae?void 0:ae.name)&&void 0!==O?O:null==ce?void 0:ce.name)&&void 0!==M?M:null==me?void 0:me.name)&&void 0!==b?b:null==ve?void 0:ve.name;o((function(){null==fe||fe([de,Ee].filter(Boolean).join(" - "))}),[fe,de,Ee]);var Ue=f({disabled:he||Ae,titleControlsLeft:Ne,rootRef:se,versionRef:Se,additionalControlsRef:we,titleControlsRef:Re,logoRef:De,padModeRef:Le,chipsRef:Te,actionsRef:xe});return j("div",g(g({className:i(C.root,Ae&&C.embedded,H),"data-testid":V,ref:se,style:null===(P=Ue.root)||void 0===P?void 0:P.style},c),{},{children:[!Ae&&j(y,{children:[A("div",{className:i(C.logoContainer,null==k?void 0:k.logoContainer),ref:De,children:q&&"string"==typeof q?A("img",{className:C.logo,src:q,alt:"Logo"}):q}),A(u,{title:ue&&null!=Ee?Ee:F,asset:K,dqData:J,lastUpdate:Q,className:i(C.title,Ne&&C.titleWithControlsLeft,null==k?void 0:k.title),disableAssetSelector:ee,titleMenuActions:te,style:null===(I=Ue.title)||void 0===I?void 0:I.style})]}),Z&&A("div",{className:i(C.titleControls,Ne&&C.titleControlsLeft,(null===(N=Ue.titleControls)||void 0===N?void 0:N.lastInLine)&&C.lastInLine,null==k?void 0:k.titleControls),ref:Re,style:null===(S=Ue.titleControls)||void 0===S?void 0:S.style,children:Z}),A(p,{children:A("div",{className:C.version,ref:Se,children:A(m,{className:null==k?void 0:k.versionSelect})})}),Pe&&A("div",{className:i(C.padMode,(null===(L=Ue.padMode)||void 0===L?void 0:L.lastInLine)&&C.lastInLine),ref:Le,style:null===(w=Ue.padMode)||void 0===w?void 0:w.style,children:A(r,{testId:d.PadModeSelectTestId})}),B&&A("div",{className:i(C.additionalControls,(null===(R=Ue.additionalControls)||void 0===R?void 0:R.lastInLine)&&C.lastInLine,null==k?void 0:k.additionalControls),ref:we,style:null===(T=Ue.additionalControls)||void 0===T?void 0:T.style,"data-testid":d.AdditionalControlsTestId,children:B}),!Ae&&!Oe&&_&&A(p,{children:A("div",{className:i(C.assetChips,(null===(D=Ue.chips)||void 0===D?void 0:D.lastInLine)&&C.lastInLine,null==k?void 0:k.chips),ref:Te,style:null===(x=Ue.chips)||void 0===x?void 0:x.style,children:A(v,{chipsWidth:Ie})})}),A("div",{className:i(C.actions,(null===(E=Ue.actions)||void 0===E?void 0:E.lastInLine)&&C.lastInLine,null==k?void 0:k.actions),ref:xe,style:null===(U=Ue.actions)||void 0===U?void 0:U.style,"data-testid":d.ActionsRootTestId,children:A(h,{additionalActions:X,showComments:Y,disableSettings:$,hideSettingsUnderMore:null==le?void 0:le.hideSettingsUnderMore})}),null===(W=Ue.linebreaks)||void 0===W?void 0:W.map((function(e,t){return A("div",{className:C.responsivenessLineBreak,style:e},t)}))]}))};export{M as AppHeaderV3};
 //# sourceMappingURL=AppHeaderV3.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppHeaderV3.js","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n logo?: string \| ReactElement;\n\n additionalControls?: ReactNode;\n\n /*\n Used to put some controls alongside title\n /\n titleControls?: ReactNode;\n titleControlsPosition?: 'right' \| 'left';\n\n /\n An escape hatch to tweak the styling of internal elements\n \n `buttons`, `titleControls` and `versionSelect` are for V3 only\n /\n elementsClassNames?: {\n title?: string;\n additionalControls?: string;\n chips?: string;\n actions?: string;\n versionSelect?: string;\n titleControls?: string;\n logoContainer?: string;\n };\n\n title?: ReactNode;\n padModeDisabled?: boolean;\n padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n lastUpdate?: number \| string \| Date;\n asset?: Asset \| Asset[];\n dqData?: UseWellnessAlertsReturnType;\n showComments?: boolean;\n additionalActions?: AdditionalAction[];\n disableSettings?: boolean;\n showAssetChips?: boolean;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n\n /\n Configuration for responsive behavior of header elements\n * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n */\n responsivenessConfig?: {\n hideSettingsUnderMore?: boolean;\n };\n\n className?: string;\n testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n elementsClassNames,\n className,\n testId,\n logo,\n additionalControls,\n title,\n padModeDisabled,\n padModeWells,\n dqData,\n asset,\n lastUpdate,\n additionalActions,\n showComments,\n titleControls,\n disableSettings,\n showAssetChips,\n disableAssetSelector,\n titleMenuActions,\n titleControlsPosition = 'right',\n responsivenessConfig,\n}) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const {\n app,\n appName,\n well,\n wells: contextWells,\n rig,\n fracFleet,\n interventionUnit,\n isExpanded,\n setSeparateWindowTitle,\n isInsideNewMobileApp,\n disableAppAssetSelection,\n isMultiRig,\n } = useAppCommonsInternal();\n\n const segment = getAppSegment(app);\n const wells = padModeWells \|\| contextWells;\n const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n const shouldDisableAssetControls = disableAppAssetSelection \|\| isMultiRig;\n const canShowPadMode = !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n const possiblyNarrowChips =\n hasPadMode \|\| !!additionalControls \|\| !!titleControls ? 'narrow' : undefined;\n const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n const versionRef = useRef<HTMLDivElement>(null);\n const padModeRef = useRef<HTMLDivElement>(null);\n const additionalControlsRef = useRef<HTMLDivElement>(null);\n const titleControlsRef = useRef<HTMLDivElement>(null);\n const chipsRef = useRef<HTMLDivElement>(null);\n const logoRef = useRef<HTMLDivElement>(null);\n const actionsRef = useRef<HTMLDivElement>(null);\n\n const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n useEffect(() => {\n setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n }, [setSeparateWindowTitle, appName, assetName]);\n\n const responsivity = useResponsivity({\n disabled: isInsideNewMobileApp,\n titleControlsLeft,\n\n rootRef,\n versionRef,\n additionalControlsRef,\n titleControlsRef,\n logoRef,\n padModeRef,\n chipsRef,\n actionsRef,\n });\n\n return (\n <div\n className={classNames(styles.root, className)}\n data-testid={testId}\n ref={rootRef}\n style={responsivity.root?.style}\n {...AppHeaderFinderProps}\n >\n <div\n className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n ref={logoRef}\n >\n {logo && typeof logo === 'string' ? (\n <img className={styles.logo} src={logo} alt=\"Logo\" />\n ) : (\n logo\n )}\n </div>\n\n <AppTitle\n title={isExpanded ? assetName ?? title : title}\n asset={asset}\n dqData={dqData}\n lastUpdate={lastUpdate}\n className={classNames(\n styles.title,\n titleControlsLeft && styles.titleWithControlsLeft,\n elementsClassNames?.title\n )}\n disableAssetSelector={disableAssetSelector}\n titleMenuActions={titleMenuActions}\n style={responsivity.title?.style}\n />\n\n {titleControls && (\n <div\n className={classNames(\n styles.titleControls,\n titleControlsLeft && styles.titleControlsLeft,\n responsivity.titleControls?.lastInLine && styles.lastInLine,\n elementsClassNames?.titleControls\n )}\n ref={titleControlsRef}\n style={responsivity.titleControls?.style}\n >\n {titleControls}\n </div>\n )}\n\n <HideInNativeApp>\n <div className={styles.version} ref={versionRef}>\n <VersionSelect className={elementsClassNames?.versionSelect} />\n </div>\n </HideInNativeApp>\n\n {hasPadMode && (\n <div\n className={classNames(\n styles.padMode,\n responsivity.padMode?.lastInLine && styles.lastInLine\n )}\n ref={padModeRef}\n style={responsivity.padMode?.style}\n >\n <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n </div>\n )}\n\n {additionalControls && (\n <div\n className={classNames(\n styles.additionalControls,\n responsivity.additionalControls?.lastInLine && styles.lastInLine,\n elementsClassNames?.additionalControls\n )}\n ref={additionalControlsRef}\n style={responsivity.additionalControls?.style}\n data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n >\n {additionalControls}\n </div>\n )}\n\n {!shouldDisableAssetControls && showAssetChips && (\n <HideInNativeApp>\n <div\n className={classNames(\n styles.assetChips,\n responsivity.chips?.lastInLine && styles.lastInLine,\n elementsClassNames?.chips\n )}\n ref={chipsRef}\n style={responsivity.chips?.style}\n >\n <AssetChips chipsWidth={chipsWidth} />\n </div>\n </HideInNativeApp>\n )}\n\n <div\n className={classNames(\n styles.actions,\n responsivity.actions?.lastInLine && styles.lastInLine,\n elementsClassNames?.actions\n )}\n ref={actionsRef}\n style={responsivity.actions?.style}\n data-testid={AppHeaderTestIds.ActionsRootTestId}\n >\n <Actions\n additionalActions={additionalActions}\n showComments={showComments}\n disableSettings={disableSettings}\n hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n />\n </div>\n\n {responsivity.linebreaks?.map((css, index) => (\n <div className={styles.responsivenessLineBreak} style={css} key={index} />\n ))}\n </div>\n );\n};\n"],"names":["AppHeaderV3","_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","ref","style","AppHeaderFinderProps","children","_jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}
1	+ {"version":3,"file":"AppHeaderV3.js","sources":["../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n logo?: string \| ReactElement;\n\n additionalControls?: ReactNode;\n\n /*\n Used to put some controls alongside title\n /\n titleControls?: ReactNode;\n titleControlsPosition?: 'right' \| 'left';\n\n /\n An escape hatch to tweak the styling of internal elements\n \n `buttons`, `titleControls` and `versionSelect` are for V3 only\n /\n elementsClassNames?: {\n title?: string;\n additionalControls?: string;\n chips?: string;\n actions?: string;\n versionSelect?: string;\n titleControls?: string;\n logoContainer?: string;\n };\n\n title?: ReactNode;\n padModeDisabled?: boolean;\n padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n lastUpdate?: number \| string \| Date;\n asset?: Asset \| Asset[];\n dqData?: UseWellnessAlertsReturnType;\n showComments?: boolean;\n additionalActions?: AdditionalAction[];\n disableSettings?: boolean;\n showAssetChips?: boolean;\n disableAssetSelector?: boolean;\n titleMenuActions?: TitleMenuAction[];\n\n /\n Configuration for responsive behavior of header elements\n * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n */\n responsivenessConfig?: {\n hideSettingsUnderMore?: boolean;\n };\n\n className?: string;\n testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n elementsClassNames,\n className,\n testId,\n logo,\n additionalControls,\n title,\n padModeDisabled,\n padModeWells,\n dqData,\n asset,\n lastUpdate,\n additionalActions,\n showComments,\n titleControls,\n disableSettings,\n showAssetChips,\n disableAssetSelector,\n titleMenuActions,\n titleControlsPosition = 'right',\n responsivenessConfig,\n}) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const {\n app,\n appName,\n well,\n wells: contextWells,\n rig,\n fracFleet,\n interventionUnit,\n isExpanded,\n setSeparateWindowTitle,\n isInsideNewMobileApp,\n disableAppAssetSelection,\n isMultiRig,\n dashboardMeta,\n } = useAppCommonsInternal();\n\n const isEmbedded = !!dashboardMeta?.isEmbedded;\n const segment = getAppSegment(app);\n const wells = padModeWells \|\| contextWells;\n const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n const shouldDisableAssetControls = disableAppAssetSelection \|\| isMultiRig;\n const canShowPadMode =\n !isEmbedded && !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n const possiblyNarrowChips =\n hasPadMode \|\| !!additionalControls \|\| !!titleControls ? 'narrow' : undefined;\n const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n const versionRef = useRef<HTMLDivElement>(null);\n const padModeRef = useRef<HTMLDivElement>(null);\n const additionalControlsRef = useRef<HTMLDivElement>(null);\n const titleControlsRef = useRef<HTMLDivElement>(null);\n const chipsRef = useRef<HTMLDivElement>(null);\n const logoRef = useRef<HTMLDivElement>(null);\n const actionsRef = useRef<HTMLDivElement>(null);\n\n const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n useEffect(() => {\n setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n }, [setSeparateWindowTitle, appName, assetName]);\n\n const responsivity = useResponsivity({\n disabled: isInsideNewMobileApp \|\| isEmbedded,\n titleControlsLeft,\n\n rootRef,\n versionRef,\n additionalControlsRef,\n titleControlsRef,\n logoRef,\n padModeRef,\n chipsRef,\n actionsRef,\n });\n\n return (\n <div\n className={classNames(styles.root, isEmbedded && styles.embedded, className)}\n data-testid={testId}\n ref={rootRef}\n style={responsivity.root?.style}\n {...AppHeaderFinderProps}\n >\n {!isEmbedded && (\n <>\n <div\n className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n ref={logoRef}\n >\n {logo && typeof logo === 'string' ? (\n <img className={styles.logo} src={logo} alt=\"Logo\" />\n ) : (\n logo\n )}\n </div>\n\n <AppTitle\n title={isExpanded ? assetName ?? title : title}\n asset={asset}\n dqData={dqData}\n lastUpdate={lastUpdate}\n className={classNames(\n styles.title,\n titleControlsLeft && styles.titleWithControlsLeft,\n elementsClassNames?.title\n )}\n disableAssetSelector={disableAssetSelector}\n titleMenuActions={titleMenuActions}\n style={responsivity.title?.style}\n />\n </>\n )}\n\n {titleControls && (\n <div\n className={classNames(\n styles.titleControls,\n titleControlsLeft && styles.titleControlsLeft,\n responsivity.titleControls?.lastInLine && styles.lastInLine,\n elementsClassNames?.titleControls\n )}\n ref={titleControlsRef}\n style={responsivity.titleControls?.style}\n >\n {titleControls}\n </div>\n )}\n\n <HideInNativeApp>\n <div className={styles.version} ref={versionRef}>\n <VersionSelect className={elementsClassNames?.versionSelect} />\n </div>\n </HideInNativeApp>\n\n {hasPadMode && (\n <div\n className={classNames(\n styles.padMode,\n responsivity.padMode?.lastInLine && styles.lastInLine\n )}\n ref={padModeRef}\n style={responsivity.padMode?.style}\n >\n <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n </div>\n )}\n\n {additionalControls && (\n <div\n className={classNames(\n styles.additionalControls,\n responsivity.additionalControls?.lastInLine && styles.lastInLine,\n elementsClassNames?.additionalControls\n )}\n ref={additionalControlsRef}\n style={responsivity.additionalControls?.style}\n data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n >\n {additionalControls}\n </div>\n )}\n\n {!isEmbedded && !shouldDisableAssetControls && showAssetChips && (\n <HideInNativeApp>\n <div\n className={classNames(\n styles.assetChips,\n responsivity.chips?.lastInLine && styles.lastInLine,\n elementsClassNames?.chips\n )}\n ref={chipsRef}\n style={responsivity.chips?.style}\n >\n <AssetChips chipsWidth={chipsWidth} />\n </div>\n </HideInNativeApp>\n )}\n\n <div\n className={classNames(\n styles.actions,\n responsivity.actions?.lastInLine && styles.lastInLine,\n elementsClassNames?.actions\n )}\n ref={actionsRef}\n style={responsivity.actions?.style}\n data-testid={AppHeaderTestIds.ActionsRootTestId}\n >\n <Actions\n additionalActions={additionalActions}\n showComments={showComments}\n disableSettings={disableSettings}\n hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n />\n </div>\n\n {responsivity.linebreaks?.map((css, index) => (\n <div className={styles.responsivenessLineBreak} style={css} key={index} />\n ))}\n </div>\n );\n};\n"],"names":["AppHeaderV3","_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","dashboardMeta","isEmbedded","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","embedded","ref","style","AppHeaderFinderProps","children","_Fragment","_jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}

package/componentsV2/AppHeader/V3/AppHeaderV3.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb"};e(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}");export{r as default};
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var p={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb",embedded:"AppHeaderV3_embedded__2p-8Z"};e(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}.AppHeaderV3_embedded__2p-8Z{gap:8px;min-height:32px;overflow:visible;padding:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06{flex:1 1 auto;flex-wrap:wrap;min-width:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{min-height:32px;order:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{margin-left:auto}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr{flex-wrap:wrap}");export{p as default};
 //# sourceMappingURL=AppHeaderV3.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as n,useEffect as o}from"react";import{throttle as i,isEqual as s}from"lodash";import l from"./constants.scss.js";function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var c=parseInt(l.gap,10),p=parseInt(l.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},u=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)},f=function(e){var l=e.disabled,a=e.actionsRef,y=e.chipsRef,f=e.logoRef,v=e.rootRef,h=e.titleControlsRef,b=e.additionalControlsRef,m=e.versionRef,O=e.padModeRef,g=e.titleControlsLeft,V=t({}),w=r(V,2),j=w[0],C=w[1],R=n(-1);return o((function(){var e=i((function(){requestAnimationFrame((function(){var e,r=(null===(e=v.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,n=g&&u(p,f,m,y,a,h,b,O)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;C((function(e){return s(e,n)?e:n}))},n=function(){if(g){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=u.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};u(p,f,m,y,a,h,b,O)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):u(p,f,m,y,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y,a)}}):!O.current&&u(p,f,m,y)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y)}}):u(p,f,m,y)<=r&&u(0,h,b,O,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:n(f,m,y)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:n(f,m)}})}))}),100,{leading:!0}),r=new ResizeObserver((function(){var r,t=(null===(r=v.current)||void 0===r?void 0:r.offsetWidth)||0;t!==R.current&&e(),R.current=t})),t=new MutationObserver(e);return v.current&&!l&&(r.observe(v.current),t.observe(v.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){r.disconnect(),t.disconnect()}}),[a,y,f,v,h,b,m,O,l,g]),j};export{f as useResponsivity};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useRef as n,useEffect as o}from"react";import{throttle as i,isEqual as s}from"lodash";import l from"./constants.scss.js";function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var c=parseInt(l.gap,10),p=parseInt(l.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},u=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)},f=function(e){var l=e.disabled,a=e.actionsRef,y=e.chipsRef,f=e.logoRef,v=e.rootRef,h=e.titleControlsRef,b=e.additionalControlsRef,m=e.versionRef,O=e.padModeRef,g=e.titleControlsLeft,V=t({}),w=r(V,2),j=w[0],C=w[1],R=n(-1);return o((function(){var e=i((function(){requestAnimationFrame((function(){var e,r=(null===(e=v.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,n=g&&u(p,f,m,y,a,h,b,O)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;C((function(e){return s(e,n)?e:n}))},n=function(){if(g){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=u.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};u(p,f,m,y,a,h,b,O)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):u(p,f,m,y,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y,a)}}):!O.current&&u(p,f,m,y)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:n(f,m,y)}}):u(p,f,m,y)<=r&&u(0,h,b,O,a)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:n(f,m,y)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:n(f,m)}})}))}),100,{leading:!0}),r=new ResizeObserver((function(){var r,t=(null===(r=v.current)||void 0===r?void 0:r.offsetWidth)||0;t!==R.current&&e(),R.current=t})),t=new MutationObserver(e);return v.current&&!l&&(r.observe(v.current),t.observe(v.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){r.disconnect(),t.disconnect()}}),[a,y,f,v,h,b,m,O,l,g]),l?{}:j};export{f as useResponsivity};
 //# sourceMappingURL=useResponsivity.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useResponsivity.js","sources":["../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n disabled?: boolean;\n titleControlsLeft?: boolean;\n\n rootRef: RefObject<HTMLElement>;\n versionRef: RefObject<HTMLElement>;\n padModeRef: RefObject<HTMLElement>;\n additionalControlsRef: RefObject<HTMLElement>;\n titleControlsRef: RefObject<HTMLElement>;\n chipsRef: RefObject<HTMLElement>;\n logoRef: RefObject<HTMLElement>;\n actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n style?: CSSProperties & Record<`--${string}`, number \| string>;\n lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n root?: ResponsivityDataItem;\n padMode?: ResponsivityDataItem;\n additionalControls?: ResponsivityDataItem;\n titleControls?: ResponsivityDataItem;\n chips?: ResponsivityDataItem;\n actions?: ResponsivityDataItem;\n title?: ResponsivityDataItem;\n\n linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n return ref.current?.getBoundingClientRect().width \|\| 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n return (\n titleMinWidth +\n filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n );\n};\n\n/*\n Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n \n There are several possible layouts:\n \n 1. Everything fits in one line\n * 2. 2 lines:\n * [logo] [title] [version] [asset chips] [actions]\n * [title controls] [pad mode] [additional controls]\n * and other variants that fit into 2 lines\n * 3. 3 lines:\n * [logo] [title] [version]\n * [title controls] [additional controls] [actions]\n * [pad mode] [chips]\n */\nexport const useResponsivity = ({\n disabled,\n actionsRef,\n chipsRef,\n logoRef,\n rootRef,\n titleControlsRef,\n additionalControlsRef,\n versionRef,\n padModeRef,\n titleControlsLeft,\n}: Params) => {\n const [value, setValue] = useState<ResponsivityData>({});\n const previousWidthRef = useRef(-1);\n\n useEffect(() => {\n const calculateCss = throttle(\n () => {\n requestAnimationFrame(() => {\n const rootWidth = rootRef.current?.offsetWidth \|\| 0;\n\n const setCss = (baseData: ResponsivityData) => {\n // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n const isNowrap =\n titleControlsLeft &&\n sumLineWidth(\n titleMinWidth,\n logoRef,\n versionRef,\n chipsRef,\n actionsRef,\n titleControlsRef,\n additionalControlsRef,\n padModeRef\n ) <= rootWidth;\n\n const data = isNowrap\n ? {\n ...baseData,\n root: {\n style: {\n ...baseData.root?.style,\n '--headerV3-responsivity-flexwrap': 'nowrap',\n },\n },\n }\n : baseData;\n\n // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n setValue(value => (isEqual(value, data) ? value : data));\n };\n\n const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n if (!titleControlsLeft) {\n return undefined;\n }\n\n const pixels = sumLineWidth(0, ...refs) + gap;\n return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n };\n\n // Case 1 - everything fits\n if (\n sumLineWidth(\n titleMinWidth,\n logoRef,\n versionRef,\n chipsRef,\n actionsRef,\n titleControlsRef,\n additionalControlsRef,\n padModeRef\n ) <= rootWidth\n ) {\n setCss({\n title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n });\n }\n // 2 lines\n // [logo] [title] [version] [asset chips] [actions]\n // [title controls] [pad mode] [additional controls]\n else if (\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n padMode: { style: { '--headerV3-responsivity-order': 120 } },\n additionalControls: {\n style: { '--headerV3-responsivity-order': 130 },\n lastInLine: true,\n },\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n });\n }\n // 2 lines - no padmode, has chips\n // [logo] [title] [version] [asset chips]\n // [title controls] [additional controls] [actions]\n else if (\n !padModeRef.current &&\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n });\n }\n // 2 lines:\n // [logo] [title] [version] [chips]\n // [title controls] [additional controls] [pad mode] [actions]\n else if (\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n padMode: { style: { '--headerV3-responsivity-order': 130 } },\n actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n });\n }\n // 3 lines\n // [logo] [title] [version]\n // [title controls] [additional controls] [actions]\n // [pad mode] [chips]\n else {\n setCss({\n linebreaks: [{ order: 100 }, { order: 200 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n padMode: { style: { '--headerV3-responsivity-order': 210 } },\n chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n });\n }\n });\n },\n 100,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(() => {\n const rootWidth = rootRef.current?.offsetWidth \|\| 0;\n if (rootWidth !== previousWidthRef.current) {\n calculateCss();\n }\n previousWidthRef.current = rootWidth;\n });\n const mutationObserver = new MutationObserver(calculateCss);\n\n if (rootRef.current && !disabled) {\n resizeObserver.observe(rootRef.current);\n mutationObserver.observe(rootRef.current, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n calculateCss.cancel();\n }\n\n return () => {\n resizeObserver.disconnect();\n mutationObserver.disconnect();\n };\n }, [\n actionsRef,\n chipsRef,\n logoRef,\n rootRef,\n titleControlsRef,\n additionalControlsRef,\n versionRef,\n padModeRef,\n disabled,\n titleControlsLeft,\n ]);\n\n return value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","useResponsivity","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"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"}
1	+ {"version":3,"file":"useResponsivity.js","sources":["../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n disabled?: boolean;\n titleControlsLeft?: boolean;\n\n rootRef: RefObject<HTMLElement>;\n versionRef: RefObject<HTMLElement>;\n padModeRef: RefObject<HTMLElement>;\n additionalControlsRef: RefObject<HTMLElement>;\n titleControlsRef: RefObject<HTMLElement>;\n chipsRef: RefObject<HTMLElement>;\n logoRef: RefObject<HTMLElement>;\n actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n style?: CSSProperties & Record<`--${string}`, number \| string>;\n lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n root?: ResponsivityDataItem;\n padMode?: ResponsivityDataItem;\n additionalControls?: ResponsivityDataItem;\n titleControls?: ResponsivityDataItem;\n chips?: ResponsivityDataItem;\n actions?: ResponsivityDataItem;\n title?: ResponsivityDataItem;\n\n linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n return ref.current?.getBoundingClientRect().width \|\| 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n return (\n titleMinWidth +\n filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n );\n};\n\n/*\n Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n \n There are several possible layouts:\n \n 1. Everything fits in one line\n * 2. 2 lines:\n * [logo] [title] [version] [asset chips] [actions]\n * [title controls] [pad mode] [additional controls]\n * and other variants that fit into 2 lines\n * 3. 3 lines:\n * [logo] [title] [version]\n * [title controls] [additional controls] [actions]\n * [pad mode] [chips]\n */\nexport const useResponsivity = ({\n disabled,\n actionsRef,\n chipsRef,\n logoRef,\n rootRef,\n titleControlsRef,\n additionalControlsRef,\n versionRef,\n padModeRef,\n titleControlsLeft,\n}: Params) => {\n const [value, setValue] = useState<ResponsivityData>({});\n const previousWidthRef = useRef(-1);\n\n useEffect(() => {\n const calculateCss = throttle(\n () => {\n requestAnimationFrame(() => {\n const rootWidth = rootRef.current?.offsetWidth \|\| 0;\n\n const setCss = (baseData: ResponsivityData) => {\n // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n const isNowrap =\n titleControlsLeft &&\n sumLineWidth(\n titleMinWidth,\n logoRef,\n versionRef,\n chipsRef,\n actionsRef,\n titleControlsRef,\n additionalControlsRef,\n padModeRef\n ) <= rootWidth;\n\n const data = isNowrap\n ? {\n ...baseData,\n root: {\n style: {\n ...baseData.root?.style,\n '--headerV3-responsivity-flexwrap': 'nowrap',\n },\n },\n }\n : baseData;\n\n // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n setValue(value => (isEqual(value, data) ? value : data));\n };\n\n const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n if (!titleControlsLeft) {\n return undefined;\n }\n\n const pixels = sumLineWidth(0, ...refs) + gap;\n return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n };\n\n // Case 1 - everything fits\n if (\n sumLineWidth(\n titleMinWidth,\n logoRef,\n versionRef,\n chipsRef,\n actionsRef,\n titleControlsRef,\n additionalControlsRef,\n padModeRef\n ) <= rootWidth\n ) {\n setCss({\n title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n });\n }\n // 2 lines\n // [logo] [title] [version] [asset chips] [actions]\n // [title controls] [pad mode] [additional controls]\n else if (\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n padMode: { style: { '--headerV3-responsivity-order': 120 } },\n additionalControls: {\n style: { '--headerV3-responsivity-order': 130 },\n lastInLine: true,\n },\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n });\n }\n // 2 lines - no padmode, has chips\n // [logo] [title] [version] [asset chips]\n // [title controls] [additional controls] [actions]\n else if (\n !padModeRef.current &&\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n });\n }\n // 2 lines:\n // [logo] [title] [version] [chips]\n // [title controls] [additional controls] [pad mode] [actions]\n else if (\n sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n rootWidth\n ) {\n setCss({\n linebreaks: [{ order: 100 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n padMode: { style: { '--headerV3-responsivity-order': 130 } },\n actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n });\n }\n // 3 lines\n // [logo] [title] [version]\n // [title controls] [additional controls] [actions]\n // [pad mode] [chips]\n else {\n setCss({\n linebreaks: [{ order: 100 }, { order: 200 }],\n titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n padMode: { style: { '--headerV3-responsivity-order': 210 } },\n chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n });\n }\n });\n },\n 100,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(() => {\n const rootWidth = rootRef.current?.offsetWidth \|\| 0;\n if (rootWidth !== previousWidthRef.current) {\n calculateCss();\n }\n previousWidthRef.current = rootWidth;\n });\n const mutationObserver = new MutationObserver(calculateCss);\n\n if (rootRef.current && !disabled) {\n resizeObserver.observe(rootRef.current);\n mutationObserver.observe(rootRef.current, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n calculateCss.cancel();\n }\n\n return () => {\n resizeObserver.disconnect();\n mutationObserver.disconnect();\n };\n }, [\n actionsRef,\n chipsRef,\n logoRef,\n rootRef,\n titleControlsRef,\n additionalControlsRef,\n versionRef,\n padModeRef,\n disabled,\n titleControlsLeft,\n ]);\n\n return disabled ? {} : value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","useResponsivity","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"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"}

package/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=AppHeaderEmbedded.test.d.ts.map

package/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AppHeaderEmbedded.test.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppHeader/__tests__/AppHeaderEmbedded.test.tsx"],"names":[],"mappings":""}

package/mcp-server/server.mjs CHANGED Viewed

@@ -248,7 +248,7 @@ const validateDsn = dsn => {
 const MCP_SERVER_VERSION = '1.5.0';
-var version = "3.76.0-1";
+var version = "3.76.0-11";
 const CORVA_UI_VERSION = version;
@@ -8574,6 +8574,10 @@ var componentsV1Data = [{
     name: "Reorderable",
     description: "",
     code: "{\n  const [items, setItems] = useState(REORDERABLE);\n\n  return (\n    <div style={{ background: '#1c1c1c', padding: 24, width: 420 }}>\n      <AttachmentPreview\n        items={items}\n        onRemove={id => setItems(prev => prev.filter(item => item.id !== id))}\n        onReorder={orderedIds =>\n          setItems(prev =>\n            orderedIds.map(\n              id => prev.find(item => String(item.id) === String(id)) as Props['items'][number]\n            )\n          )\n        }\n      />\n    </div>\n  );\n}"
+  }, {
+    name: "Overflowing",
+    description: "",
+    code: "<div style={{ background: '#1c1c1c', padding: 24, width: 300 }}>\n    <AttachmentPreview\n      items={[\n        { id: 1, name: 'log.png', kind: 'image', src: img },\n        { id: 2, name: 'run.mp4', kind: 'video', src: img },\n        { id: 3, name: 'Corva report.xls', kind: 'file' },\n        { id: 4, name: 'notes.pdf', kind: 'file' },\n        { id: 5, name: 'survey.png', kind: 'image', src: img },\n        { id: 6, name: 'torque.png', kind: 'image', src: img },\n      ]}\n    />\n  </div>"
   }, {
     name: "Uploading",
     description: "",
@@ -9775,7 +9779,7 @@ var componentsV1Data = [{
   }, {
     name: "WithAttachments",
     description: "Attachments (AttachmentPreview) in the `attachmentSlot`, below the body.",
-    code: "<Frame>\n    <CommentCard\n      variant=\"expanded\"\n      width={364}\n      author={{ name: 'Name Name' }}\n      timestamp=\"Nov 14 2025, 13:20\"\n      subtitle=\"Rig Name - Well Name\"\n      contextRows={metadata}\n      body=\"Check the bottom slips on Penelope 9\"\n      attachmentSlot={\n        <AttachmentPreview\n          onRemove={() => {}}\n          items={[\n            { id: 1, name: 'log.png', kind: 'image', src: img },\n            { id: 2, name: 'Corva report.xls', kind: 'file' },\n          ]}\n        />\n      }\n      commentsCount={1}\n      onReplyToggle={() => {}}\n      onForward={() => {}}\n      menuItems={menuItems}\n    />\n  </Frame>"
+    code: "<Frame>\n    <CommentCard\n      variant=\"expanded\"\n      width={364}\n      author={{ name: 'Name Name' }}\n      timestamp=\"Nov 14 2025, 13:20\"\n      subtitle=\"Rig Name - Well Name\"\n      contextRows={metadata}\n      body=\"Check the bottom slips on Penelope 9\"\n      attachmentSlot={\n        <AttachmentPreview\n          onRemove={() => {}}\n          items={[\n            { id: 1, name: 'log.png', kind: 'image', src: img },\n            { id: 2, name: 'Corva report.xls', kind: 'file' },\n            { id: 3, name: 'survey.png', kind: 'image', src: img },\n            { id: 4, name: 'notes.pdf', kind: 'file' },\n            { id: 5, name: 'torque.png', kind: 'image', src: img },\n          ]}\n        />\n      }\n      commentsCount={1}\n      onReplyToggle={() => {}}\n      onForward={() => {}}\n      menuItems={menuItems}\n    />\n  </Frame>"
   }, {
     name: "EditMode",
     description: "Edit mode — the body is replaced by an app-supplied form.",
@@ -17009,7 +17013,7 @@ var componentsV1Data = [{
     description: ""
   }, {
     name: "dashboardMeta",
-    type: "{\n    isMultiAsset?: boolean;\n    isMultiWell?: boolean;\n    isChiplessDashboard?: boolean;\n    globalOffsetWells?: GlobalOffsetWell[];\n    globalOffsetWellsVersion?: number;\n    globalOffsetWellsToken?: number;\n  }",
+    type: "AppDashboardMeta",
     required: false,
     description: ""
   }, {
@@ -17118,7 +17122,7 @@ var componentsV1Data = [{
     code: "<div style={{ height: '300px', position: 'relative' }}>\n    <DevCenterAppContainer\n      {...appContainerProps}\n      dashboardMeta={{ isMultiAsset: false, isMultiWell: false }}\n    />\n  </div>"
   }, {
     name: "AppCommonsContext",
-    description: "App container provides an app context with general info about app, its maximized state, etc.\n\nYou can use it with `useAppCommons` hook from `/effects`.\n\nContext's type is:\n\n```tsx\nexport type AppCommonsContextType = {\n  maximized: boolean;\n  appId: number;\n  app: App;\n  appKey: string;\n  appSettings: AppSettings;\n  onSettingChange: (key: string, value: unknown) => void;\n\n  well?: Well;\n  rig?: Asset;\n  fracFleet?: FracFleet;\n  wells?: Well[];\n\n  dashboardMeta?: {\n    isMultiAsset?: boolean;\n    isMultiWell?: boolean;\n  };};\n```",
+    description: "App container provides an app context with general info about app, its maximized state, etc.\n\nYou can use it with `useAppCommons` hook from `/effects`.\n\nContext's type is:\n\n```tsx\nexport type AppCommonsContextType = {\n  maximized: boolean;\n  appId: number;\n  app: App;\n  appKey: string;\n  appSettings: AppSettings;\n  onSettingChange: (key: string, value: unknown) => void;\n\n  well?: Well;\n  rig?: Asset;\n  fracFleet?: FracFleet;\n  wells?: Well[];\n\n  dashboardMeta?: {\n    isEmbedded?: boolean; // Host owns app identity and maximization controls\n    isMultiAsset?: boolean;\n    isMultiWell?: boolean;\n    wellPlanning?: { assetId: number | null; dashboardId: string; defaultDashboardKind?: string; segment: string | null };\n  };};\n```",
     code: "{\n  const CliApp = () => {\n    const commons = useAppCommons();\n    return (\n      <div style={{ height: '100%', overflow: 'auto' }}>\n        <Text>App Commons: {JSON.stringify(commons)}</Text>\n      </div>\n    );\n  };\n\n  return (\n    <div style={{ height: '200px', position: 'relative' }}>\n      <DevCenterAppContainer\n        {...appContainerProps}\n        CLIAppComponent={CliApp}\n        dashboardMeta={{ isMultiAsset: false, isMultiWell: false }}\n      />\n    </div>\n  );\n}"
   }, {
     name: "UsageWithAppContainer",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "3.76.0-1",
+  "version": "3.76.0-11",
   "license": "UNLICENSED",
   "description": "Shared components/utils for Corva ui projects",
   "repository": {

package/styles/common.scss CHANGED Viewed

@@ -180,3 +180,17 @@ $AppContainer-ContainerName: CorvaUI-AppContainer-root;
     transform: translate(-50%, -50%) rotate(-45deg);
   }
 }
+// The attachment strip's scroll arrows are centred on their host's border (12px overhang, see
+// AttachmentPreview.scss). Every clipping ancestor between the strip and that border must allow
+// the overhang: `clip` keeps rounded-corner/max-height clipping while clip-margin adds the
+// slack. Browsers without clip-margin (Safari) clip at the border; the arrows fall back to a
+// flush-inside placement there. The margin applies on all four sides — nothing else may rely
+// on painting into that band.
+$attachment-arrow-overhang: 12px;
+@mixin clip-with-arrow-room {
+  overflow: hidden;
+  overflow: clip;
+  overflow-clip-margin: $attachment-arrow-overhang;
+}

package/styles/mixins.scss CHANGED Viewed

@@ -65,3 +65,17 @@
     transform: translate(-50%, -50%) rotate(-45deg);
   }
 }
+// The attachment strip's scroll arrows are centred on their host's border (12px overhang, see
+// AttachmentPreview.scss). Every clipping ancestor between the strip and that border must allow
+// the overhang: `clip` keeps rounded-corner/max-height clipping while clip-margin adds the
+// slack. Browsers without clip-margin (Safari) clip at the border; the arrows fall back to a
+// flush-inside placement there. The margin applies on all four sides — nothing else may rely
+// on painting into that band.
+$attachment-arrow-overhang: 12px;
+@mixin clip-with-arrow-room {
+  overflow: hidden;
+  overflow: clip;
+  overflow-clip-margin: $attachment-arrow-overhang;
+}