@corva/ui 3.74.0-1 → 3.74.0-10

package/cjs-bundle/componentsV2/AppHeader/V3/Actions/Actions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/typeof"),i=require("react"),r=require("classnames"),t=require("../../../ButtonIcon/ButtonIcon.js"),c=require("../../../Tooltip/Tooltip.js"),u=require("../SettingsButton/SettingsButton.js");require("../SettingsButton/SettingsButton.constants.js");var l=require("../../../Menu/Menu.js");require("../../../AppCommonsProvider/AppCommonsProvider.js");var a=require("../../../AppCommonsProvider/AppCommonsContext.js"),m=require("../../../Popover/Popover.js"),p=require("../../../AppSettings/AppSettings.js");require("../../../AppSettings/AppSettings.constants.js");var j=require("../../../AppSettings/AppSettingsPinningContext.js"),d=require("../../../AppSizeProvider/AppSizeProvider.js"),q=require("../../../HideInNativeApp/index.js"),I=require("./Actions.constants.js"),C=require("./Actions.scss.js"),f=require("../../../../icons/iconParkIcons.js"),g=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js");var h=require("../../../../effects/useOutsideClick.js");require("immutable"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../../components/GradientManager/configuration/constants.js"),require("../../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../../utils/env.js"),require("../../../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../constants/streamSourceType.js");var b=require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),A=require("../../../../utils/mobileDetect.js"),v=require("react/jsx-runtime");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=x(e),y=x(s),O=x(o),P=x(n),M=x(r);function B(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function k(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?B(Object(o),!0).forEach((function(s){y.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):B(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var T=function(e){return!!e&&"object"===P.default(e)&&"title"in e};exports.Actions=function(e){var s=e.additionalActions,o=e.showComments,n=e.disableSettings,r=e.rootRef,x=e.hideSettingsUnderMore,y=a.useAppCommonsInternal(),P=y.maximized,B=y.setMaximized,F=y.appSettingsComponent,N=b.useAppCommentsMode(),D=b.useSetAppCommentsMode(),E=i.useState(!1),w=O.default(E,2),z=w[0],R=w[1],H=i.useRef(null),G=i.useRef(null),U=i.useState(!0),L=O.default(U,2),W=L[0],_=L[1],K=i.useRef(null),Z=j.useAppSettingPinning(),J=Z.isPinned,Q=Z.close,V=Z.open,X=Z.isPopoverOpen,Y=Z.animatePopover,$=i.useCallback((function(){Q(!1)}),[Q]),ee=(d.useAppSize()||{}).height,se=!!F&&!n,oe=i.useMemo((function(){return{maxHeight:"".concat(ee,"px")}}),[ee]),ne=i.useCallback((function(){R((function(e){return!e}))}),[]),ie=i.useCallback((function(){D((function(e){return!e}))}),[D]),re=i.useCallback((function(){_(!1),B(!P)}),[P,B]);i.useEffect((function(){_(!0)}),[P]);var te=i.useMemo((function(){if(A.isInsideNewMobileApp)return[];var e=function(e){return function(){ne(),null==e||e()}},n=(s||[]).filter(T).map((function(s){return k(k({},s),{},{onClick:e(s.onClick)})})),i={icon:v.jsx(f.MessageIcon,{}),onClick:e(ie),title:N?"Close Comments Mode":"Add Comment"},r={title:"Full Screen",onClick:e(re),icon:v.jsx(f.ExpandIcon,{})},t={title:"Settings",onClick:e(V),icon:v.jsx(f.SettingTwoIcon,{})};return[].concat(S.default(n),S.default(o?[i]:[]),S.default(x&&se?[t]:[]),[r])}),[s,N,x,V,se,o,ie,re,ne]);h(K,$,[G.current,'[role="tooltip"]','[role="presentation"]']);var ce=te.length>1,ue=v.jsx(t.ButtonIcon,{size:"small",type:"tertiaryBg",onClick:re,className:ce?C.fullscreenButton:void 0,testId:P?I.ActionsTestIds.CollapseButtonTestId:I.ActionsTestIds.ExpandButtonTestId,children:P?v.jsx(f.CollapseIcon,{}):v.jsx(f.ExpandIcon,{})});return v.jsxs(v.Fragment,{children:[v.jsx(q.HideInNativeApp,{children:null==s?void 0:s.map((function(e,s){return T(e)?v.jsx(c.Tooltip,{title:e.title,children:v.jsx(t.ButtonIcon,{size:"small",type:"tertiary",onClick:e.onClick,className:M.default(C.additionalActionButton),testId:I.ActionsTestIds.AdditionalActionItemTestId,children:e.icon})},s):v.jsx(i.Fragment,{children:e},s)}))}),v.jsx(q.HideInNativeApp,{children:o&&v.jsx(c.Tooltip,{title:N?"Close Comments Mode":"Add Comment",children:v.jsx(t.ButtonIcon,{size:"small",type:N?"secondaryBg":"tertiaryBg",onClick:ie,className:ce?C.commentButton:void 0,testId:N?I.ActionsTestIds.CloseCommentButtonTestId:I.ActionsTestIds.AddMessageButtonTestId,children:N?v.jsx(f.CloseSmallIcon,{}):v.jsx(g.AddMessageCustomIcon,{fill:"currentColor"})})})}),se&&v.jsx(u.SettingsButton,{ref:G,closeSettings:$,className:x&&!A.isInsideNewMobileApp?C.settingsHiddenUnderMore:void 0}),v.jsx(q.HideInNativeApp,{children:W?v.jsx(c.Tooltip,{title:P?"Close Full Screen":"Full Screen",children:ue}):ue}),v.jsxs(q.HideInNativeApp,{children:[ce&&v.jsx(c.Tooltip,{title:"More",children:v.jsx(t.ButtonIcon,{type:z||x&&X?"secondaryBg":"tertiaryBg",className:C.moreButton,ref:H,onClick:ne,size:"small",children:v.jsx(f.MoreOneIcon,{})})}),ce&&H.current&&v.jsx(l.Menu,{anchorEl:H.current,open:z,onClose:ne,placement:"bottom-end",children:te.map((function(e,s){return v.jsx(l.Menu.Item,{size:"large",prefix:e.icon,onClick:e.onClick,children:e.title},s)}))})]}),se&&r.current&&!J&&v.jsx(m.Popover,{open:X,placement:"bottom-end",anchorEl:r.current,onClose:$,className:C.settingsPopover,preventScroll:!1,backdrop:!1,animate:Y,children:v.jsx(p.AppSettings,{rootStyles:oe,ref:K,onClose:$})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/typeof"),i=require("react"),r=require("classnames"),t=require("../../../ButtonIcon/ButtonIcon.js"),c=require("../../../Tooltip/Tooltip.js"),u=require("../SettingsButton/SettingsButton.js");require("../SettingsButton/SettingsButton.constants.js");var l=require("../../../Menu/Menu.js");require("../../../AppCommonsProvider/AppCommonsProvider.js");var a=require("../../../AppCommonsProvider/AppCommonsContext.js"),m=require("../../../Popover/Popover.js"),p=require("../../../AppSettings/AppSettings.js");require("../../../AppSettings/AppSettings.constants.js");var d=require("../../../AppSettings/AppSettingsPinningContext.js"),j=require("../../../AppSizeProvider/AppSizeProvider.js"),q=require("../../../HideInNativeApp/index.js"),I=require("./Actions.constants.js"),C=require("./Actions.scss.js"),f=require("../../../../icons/iconParkIcons.js"),h=require("../../../../icons/customIcons/icons/AddMessage.js");require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../../../clients/subscriptions.v1.js"),require("../../../../clients/jsonApi/index.js"),require("../../../../clients/subscriptions/subscriptions-client.factory.js");var b=require("../../../../effects/useOutsideClick.js");require("immutable"),require("query-string"),require("../../../../constants/goals.js"),require("../../../../constants/segment.js"),require("../../../../constants/alerts.js"),require("../../../../constants/apps.js"),require("../../../../constants/drillstring.js"),require("../../../../constants/completion.js"),require("../../../../constants/appPackages.js"),require("../../../../constants/notifications.js"),require("../../../../constants/feed.js"),require("../../../../constants/bha.js"),require("../../../../constants/corvaCompanyId.js"),require("../../../../components/GradientManager/configuration/constants.js"),require("../../../../utils/index.js"),require("uuid"),require("jsona"),require("../../../../utils/env.js"),require("../../../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../clients/api/apiCore.js"),require("../../../../clients/constants.js"),require("../../../../clients/sso/auth0.js"),require("../../../../clients/sso/oauth2.js"),require("../../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../constants/streamSourceType.js");var g=require("../../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),x=require("../../../../utils/mobileDetect.js"),A=require("react/jsx-runtime");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=v(e),M=v(s),y=v(n),k=v(o),O=v(r);function P(e,s){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),n.push.apply(n,o)}return n}function B(e){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?P(Object(n),!0).forEach((function(s){M.default(e,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(n,s))}))}return e}var T=function(e){return!!e&&"object"===k.default(e)&&"title"in e};exports.Actions=function(e){var s=e.additionalActions,n=e.showComments,o=e.disableSettings,r=e.rootRef,v=e.hideSettingsUnderMore,M=a.useAppCommonsInternal(),k=M.maximized,P=M.setMaximized,w=M.appSettingsComponent,F=M.isExpanded,E=M.isBrowserFullscreen,z=M.enterBrowserFullscreen,D=M.exitBrowserFullscreen,N=M.isSeparateWindow,R=M.openSeparateWindow,W=M.closeSeparateWindow,H=g.useAppCommentsMode(),U=g.useSetAppCommentsMode(),G=i.useState(!1),L=y.default(G,2),_=L[0],K=L[1],Z=i.useRef(null),J=i.useRef(null),Q=i.useRef(null),V=i.useState(!0),X=y.default(V,2),Y=X[0],$=X[1],ee=i.useState(!1),se=y.default(ee,2),ne=se[0],oe=se[1],ie=i.useRef(null),re=i.useRef(!1),te=i.useRef(null),ce=d.useAppSettingPinning(),ue=ce.isPinned,le=ce.close,ae=ce.open,me=ce.isPopoverOpen,pe=ce.animatePopover,de=i.useCallback((function(){le(!1)}),[le]),je=(j.useAppSize()||{}).height,qe=!!w&&!o,Ie=i.useMemo((function(){return{maxHeight:"".concat(je,"px")}}),[je]),Ce=i.useCallback((function(){K((function(e){return!e}))}),[]),fe=i.useCallback((function(){U((function(e){return!e}))}),[U]),he=i.useCallback((function(){re.current=!1,oe(!1)}),[]),be=i.useCallback((function(){$(!1),he(),N?null==W||W():E?null==D||D():P(!k)}),[he,W,D,E,N,k,P]),ge=N?"Close Separate Window":F?"Restore":"Maximize",xe=i.useCallback((function(){ie.current&&(clearTimeout(ie.current),ie.current=null)}),[]),Ae=i.useCallback((function(){!F&&z&&(xe(),ie.current=setTimeout((function(){re.current=!0,oe(!0)}),500))}),[xe,z,F]);i.useEffect((function(){return xe}),[xe]);var ve=i.useCallback((function(){re.current?re.current=!1:be()}),[be]),Se=i.useCallback((function(){he(),null==R||R()}),[he,R]),Me=i.useCallback((function(){he(),null==z||z()}),[he,z]);i.useEffect((function(){$(!0)}),[F]);var ye=i.useMemo((function(){if(x.isInsideNewMobileApp)return[];var e=function(e){return function(){Ce(),null==e||e()}},o=(s||[]).filter(T).map((function(s){return B(B({},s),{},{onClick:e(s.onClick)})})),i={icon:A.jsx(f.MessageIcon,{}),onClick:e(fe),title:H?"Close Comments Mode":"Add Comment"},r={title:ge,onClick:e(be),icon:F?A.jsx(f.CollapseIcon,{}):A.jsx(f.ExpandIcon,{})},t={title:"Settings",onClick:e(ae),icon:A.jsx(f.SettingTwoIcon,{})};return[].concat(S.default(o),S.default(n?[i]:[]),S.default(v&&qe?[t]:[]),[r])}),[s,H,v,F,ge,ae,qe,n,fe,be,Ce]);b(te,de,[Q.current,'[role="tooltip"]','[role="presentation"]']);var ke=ye.length>1,Oe=A.jsx(t.ButtonIcon,{size:"small",type:"tertiaryBg",ref:J,onClick:ve,onMouseDown:Ae,onMouseUp:xe,onMouseLeave:xe,className:ke?C.fullscreenButton:void 0,testId:F?I.ActionsTestIds.CollapseButtonTestId:I.ActionsTestIds.ExpandButtonTestId,children:F?A.jsx(f.CollapseIcon,{}):A.jsx(f.ExpandIcon,{})});return A.jsxs(A.Fragment,{children:[A.jsx(q.HideInNativeApp,{children:null==s?void 0:s.map((function(e,s){return T(e)?A.jsx(c.Tooltip,{title:e.title,children:A.jsx(t.ButtonIcon,{size:"small",type:"tertiary",onClick:e.onClick,className:O.default(C.additionalActionButton),testId:I.ActionsTestIds.AdditionalActionItemTestId,children:e.icon})},s):A.jsx(i.Fragment,{children:e},s)}))}),A.jsx(q.HideInNativeApp,{children:n&&A.jsx(c.Tooltip,{title:H?"Close Comments Mode":"Add Comment",children:A.jsx(t.ButtonIcon,{size:"small",type:H?"secondaryBg":"tertiaryBg",onClick:fe,className:ke?C.commentButton:void 0,testId:H?I.ActionsTestIds.CloseCommentButtonTestId:I.ActionsTestIds.AddMessageButtonTestId,children:H?A.jsx(f.CloseSmallIcon,{}):A.jsx(h.AddMessageCustomIcon,{fill:"currentColor"})})})}),qe&&A.jsx(u.SettingsButton,{ref:Q,closeSettings:de,className:v&&!x.isInsideNewMobileApp?C.settingsHiddenUnderMore:void 0}),A.jsxs(q.HideInNativeApp,{children:[Y?A.jsx(c.Tooltip,{title:ge,children:Oe}):Oe,J.current&&A.jsxs(l.Menu,{anchorEl:J.current,open:ne,onClose:he,placement:"bottom-end",children:[A.jsx(l.Menu.Item,{onClick:be,testId:I.ActionsTestIds.MaximizeItemTestId,children:"Maximize"}),A.jsx(l.Menu.Item,{onClick:Me,testId:I.ActionsTestIds.BrowserFullscreenItemTestId,children:"Full Screen"}),A.jsx(l.Menu.Item,{onClick:Se,testId:I.ActionsTestIds.SeparateWindowItemTestId,children:"Separate Window"})]})]}),A.jsxs(q.HideInNativeApp,{children:[ke&&A.jsx(c.Tooltip,{title:"More",children:A.jsx(t.ButtonIcon,{type:_||v&&me?"secondaryBg":"tertiaryBg",className:C.moreButton,ref:Z,onClick:Ce,size:"small",children:A.jsx(f.MoreOneIcon,{})})}),ke&&Z.current&&A.jsx(l.Menu,{anchorEl:Z.current,open:_,onClose:Ce,placement:"bottom-end",children:ye.map((function(e,s){return A.jsx(l.Menu.Item,{size:"large",prefix:e.icon,onClick:e.onClick,children:e.title},s)}))})]}),qe&&r.current&&!ue&&A.jsx(m.Popover,{open:me,placement:"bottom-end",anchorEl:r.current,onClose:de,className:C.settingsPopover,preventScroll:!1,backdrop:!1,animate:pe,children:A.jsx(p.AppSettings,{rootStyles:Ie,ref:te,onClose:de})})]})};
 //# sourceMappingURL=Actions.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Fragment,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n  AddMessageCustomIcon,\n  CloseSmallIcon,\n  CollapseIcon,\n  ExpandIcon,\n  MessageIcon,\n  MoreOneIcon,\n  SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n  rootRef: RefObject<HTMLDivElement>;\n  additionalActions?: AdditionalAction[];\n  showComments?: boolean;\n  disableSettings?: boolean;\n  hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n  !!action && typeof action === 'object' && 'title' in action;\n\nexport const Actions = ({\n  additionalActions,\n  showComments,\n  disableSettings,\n  rootRef,\n  hideSettingsUnderMore,\n}: ActionsProps) => {\n  const { maximized, setMaximized, appSettingsComponent } = useAppCommonsInternal();\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsMode = useSetAppCommentsMode();\n  const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n  const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n  const closeSettings = useCallback(() => {\n    close(false);\n  }, [close]);\n  const { height } = useAppSize() || {};\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n  const toggleMoreMenu = useCallback(() => {\n    setMoreMenuOpen(value => !value);\n  }, []);\n\n  const toggleCommentsMode = useCallback(() => {\n    setCommentsMode(value => !value);\n  }, [setCommentsMode]);\n\n  const toggleMaximized = useCallback(() => {\n    setShowMaximizeTooltip(false);\n    setMaximized(!maximized);\n  }, [maximized, setMaximized]);\n\n  useEffect(() => {\n    setShowMaximizeTooltip(true);\n  }, [maximized]);\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: 'Full Screen',\n      onClick: getOnClick(toggleMaximized),\n      icon: <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    open,\n    settingsVisible,\n    showComments,\n    toggleCommentsMode,\n    toggleMaximized,\n    toggleMoreMenu,\n  ]);\n\n  useOutsideClick(popoverContentRef, closeSettings, [\n    settingsButtonRef.current,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  // Show menu only if there's something there besides the fullscreen item\n  const hasMenu = menuActionItems.length > 1;\n\n  const maximizeButton = (\n    <ButtonIcon\n      size=\"small\"\n      type=\"tertiaryBg\"\n      onClick={toggleMaximized}\n      className={hasMenu ? styles.fullscreenButton : undefined}\n      testId={maximized ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n    >\n      {maximized ? <CollapseIcon /> : <ExpandIcon />}\n    </ButtonIcon>\n  );\n\n  return (\n    <>\n      <HideInNativeApp>\n        {additionalActions?.map((action, index) =>\n          !isActionObject(action) ? (\n            <Fragment key={index}>{action}</Fragment>\n          ) : (\n            <Tooltip title={action.title} key={index}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiary\"\n                onClick={action.onClick}\n                className={classNames(styles.additionalActionButton)}\n                testId={ActionsTestIds.AdditionalActionItemTestId}\n              >\n                {action.icon}\n              </ButtonIcon>\n            </Tooltip>\n          )\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {showComments && (\n          <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n            <ButtonIcon\n              size=\"small\"\n              type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n              onClick={toggleCommentsMode}\n              className={hasMenu ? styles.commentButton : undefined}\n              testId={\n                commentsEnabled\n                  ? ActionsTestIds.CloseCommentButtonTestId\n                  : ActionsTestIds.AddMessageButtonTestId\n              }\n            >\n              {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n            </ButtonIcon>\n          </Tooltip>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && (\n        <SettingsButton\n          ref={settingsButtonRef}\n          closeSettings={closeSettings}\n          className={\n            hideSettingsUnderMore && !isInsideNewMobileApp\n              ? styles.settingsHiddenUnderMore\n              : undefined\n          }\n        />\n      )}\n\n      {/* \n      Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n      and we change actual \"fullscreen\" status of an app.\n      So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n      */}\n      <HideInNativeApp>\n        {showMaximizeTooltip ? (\n          <Tooltip title={maximized ? 'Close Full Screen' : 'Full Screen'}>\n            {maximizeButton}\n          </Tooltip>\n        ) : (\n          maximizeButton\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {hasMenu && (\n          <Tooltip title=\"More\">\n            <ButtonIcon\n              type={\n                moreMenuOpen || (hideSettingsUnderMore && isPopoverOpen)\n                  ? 'secondaryBg'\n                  : 'tertiaryBg'\n              }\n              className={styles.moreButton}\n              ref={moreButtonRef}\n              onClick={toggleMoreMenu}\n              size=\"small\"\n            >\n              <MoreOneIcon />\n            </ButtonIcon>\n          </Tooltip>\n        )}\n\n        {hasMenu && moreButtonRef.current && (\n          <Menu\n            anchorEl={moreButtonRef.current}\n            open={moreMenuOpen}\n            onClose={toggleMoreMenu}\n            placement=\"bottom-end\"\n          >\n            {menuActionItems.map((item, index) => (\n              <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n                {item.title}\n              </Menu.Item>\n            ))}\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && rootRef.current && !isPinned && (\n        <Popover\n          open={isPopoverOpen}\n          placement=\"bottom-end\"\n          anchorEl={rootRef.current}\n          onClose={closeSettings}\n          className={styles.settingsPopover}\n          preventScroll={false}\n          backdrop={false}\n          animate={animatePopover}\n        >\n          <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["isActionObject","action","_typeof","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","toggleMaximized","useEffect","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","current","hasMenu","length","maximizeButton","jsx","ButtonIcon","size","type","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","CollapseIcon","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","ref","settingsHiddenUnderMore","moreButton","MoreOneIcon","Menu","anchorEl","onClose","placement","Item","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"4wPAgDA,IAAMA,EAAiB,SAACC,GAAwB,QAC5CA,GAA4B,WAAlBC,EAAA,QAAOD,IAAuB,UAAWA,CAAM,kBAEtC,SAMHE,GAAA,IALlBC,IAAAA,kBACAC,IAAAA,aACAC,IAAAA,gBACAC,IAAAA,QACAC,IAAAA,sBAEAC,EAA0DC,EAAAA,wBAAlDC,IAAAA,UAAWC,IAAAA,aAAcC,IAAAA,qBAC3BC,EAAkBC,EAAAA,qBAClBC,EAAkBC,EAAAA,wBACgBC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAC9BK,EAAgBC,SAA0B,MAC1CC,EAAoBD,SAA0B,MACEP,EAAAA,EAAQA,UAAC,GAAKS,EAAAP,EAAAA,QAAAQ,EAAA,GAA7DC,EAAmBF,EAAA,GAAEG,EAAsBH,EAAA,GAE5CI,EAAoBN,SAAuB,MACjDO,EAAiEC,EAAAA,uBAAzDC,IAAAA,SAAUC,IAAAA,MAAOC,IAAAA,KAAMC,IAAAA,cAAeC,IAAAA,eACxCC,EAAgBC,EAAAA,aAAY,WAChCL,GAAM,EACR,GAAG,CAACA,IACIM,IAAWC,EAAUA,cAAM,CAAE,GAA7BD,OACFE,KAAoB9B,IAAyBP,EAE7CsC,GAAeC,EAAAA,SAAuB,WAAA,MAAO,CAAEC,oBAAcL,GAAM,MAAM,GAAG,CAACA,KAE7EM,GAAiBP,EAAAA,aAAY,WACjCjB,GAAgB,SAAAyB,GAAK,OAAKA,IAC3B,GAAE,IAEGC,GAAqBT,EAAAA,aAAY,WACrCxB,GAAgB,SAAAgC,GAAK,OAAKA,IAC5B,GAAG,CAAChC,IAEEkC,GAAkBV,EAAAA,aAAY,WAClCV,GAAuB,GACvBlB,GAAcD,EAChB,GAAG,CAACA,EAAWC,IAEfuC,EAAAA,WAAU,WACRrB,GAAuB,EACzB,GAAG,CAACnB,IAEJ,IAAMyC,GAAkBP,EAAAA,SAAQ,WAC9B,GAAIQ,EAAAA,qBAAsB,MAAO,GAEjC,IAAMC,EAAa,SAACC,GAA0C,OAAK,WACjER,KACAQ,SAAAA,IACD,EAEKC,GAAiBpD,GAAqB,IACzCqD,OAAOzD,GACP0D,KAAI,SAAAC,GAAI,OAAAC,EAAAA,EAAA,CAAA,EAAUD,GAAI,CAAA,EAAA,CAAEE,QAASP,EAAWK,EAAKE,UAAQ,IAEtDC,EAAsC,CAC1CC,KAAMC,EAAAA,IAACC,EAAWA,YAAG,IACrBJ,QAASP,EAAWL,IACpBiB,MAAOpD,EAAkB,sBAAwB,eAG7CqD,EAAuC,CAC3CD,MAAO,cACPL,QAASP,EAAWJ,IACpBa,KAAMC,EAAAA,IAACI,EAAUA,WAAA,KAGbC,EAAe,CACnBH,MAAO,WACPL,QAASP,EAAWlB,GACpB2B,KAAMC,EAAAA,IAACM,EAAcA,eAAA,KAGvB,MACKd,GAAAA,OAAAA,UAAAA,aACCnD,EAAe,CAACyD,GAAe,IAAES,UACjC/D,GAAyBmC,GAAkB,CAAC0B,GAAgB,KAChEF,GAEH,GAAE,CACD/D,EACAU,EACAN,EACA4B,EACAO,GACAtC,EACA4C,GACAC,GACAH,KAGFyB,EAAgBzC,EAAmBQ,EAAe,CAChDb,EAAkB+C,QAElB,mBACA,0BAIF,IAAMC,GAAUtB,GAAgBuB,OAAS,EAEnCC,GACJZ,EAAAa,IAACC,aAAU,CACTC,KAAK,QACLC,KAAK,aACLnB,QAASX,GACT+B,UAAWP,GAAUQ,EAAOC,sBAAmBC,EAC/CC,OAAQ1E,EAAY2E,EAAAA,eAAeC,qBAAuBD,EAAcA,eAACE,mBAAmBC,SAE3F9E,EAAYqD,EAAAA,IAAC0B,EAAYA,aAAG,CAAA,GAAG1B,MAACI,EAAUA,WAAA,MAI/C,OACEuB,EAAAA,KAAAC,EAAAA,SAAA,CAAAH,SAAA,CACEzB,MAAC6B,kBAAe,CAAAJ,SACbrF,aAAAA,EAAAA,EAAmBsD,KAAI,SAACzD,EAAQ6F,GAAK,OACnC9F,EAAeC,GAGd+D,EAAAa,IAACkB,UAAO,CAAC7B,MAAOjE,EAAOiE,MAAMuB,SAC3BzB,MAACc,aAAU,CACTC,KAAK,QACLC,KAAK,WACLnB,QAAS5D,EAAO4D,QAChBoB,UAAWe,EAAAA,QAAWd,EAAOe,wBAC7BZ,OAAQC,EAAcA,eAACY,2BAA2BT,SAEjDxF,EAAO8D,QARuB+B,GAFnC9B,EAAAA,IAACmC,EAAAA,SAAQ,CAAAV,SAAcxF,GAAR6F,EAahB,MAIL9B,MAAC6B,kBAAe,CAAAJ,SACbpF,GACC2D,EAAAa,IAACkB,UAAO,CAAC7B,MAAOpD,EAAkB,sBAAwB,cAAc2E,SACtEzB,MAACc,aAAU,CACTC,KAAK,QACLC,KAAMlE,EAAkB,cAAgB,aACxC+C,QAASZ,GACTgC,UAAWP,GAAUQ,EAAOkB,mBAAgBhB,EAC5CC,OACEvE,EACIwE,EAAAA,eAAee,yBACff,EAAcA,eAACgB,uBACpBb,SAEA3E,EAAkBkD,MAACuC,EAAAA,eAAiB,CAAA,GAAGvC,MAACwC,uBAAoB,CAACC,KAAK,uBAM1E9D,IACCqB,EAAAa,IAAC6B,iBAAc,CACbC,IAAKjF,EACLa,cAAeA,EACf0C,UACEzE,IAA0B6C,EAAoBA,qBAC1C6B,EAAO0B,6BACPxB,IAUVpB,MAAC6B,kBAAe,CAAAJ,SACb5D,EACCmC,EAAAa,IAACkB,UAAO,CAAC7B,MAAOvD,EAAY,oBAAsB,cAAc8E,SAC7Db,KAGHA,KAIJe,OAACE,kBAAe,CAAAJ,SACbf,CAAAA,IACCV,EAAAa,IAACkB,UAAO,CAAC7B,MAAM,OAAMuB,SACnBzB,MAACc,aAAU,CACTE,KACE1D,GAAiBd,GAAyB6B,EACtC,cACA,aAEN4C,UAAWC,EAAO2B,WAClBF,IAAKnF,EACLqC,QAASd,GACTgC,KAAK,QAAOU,SAEZzB,EAAAA,IAAC8C,EAAWA,YAAA,QAKjBpC,IAAWlD,EAAciD,SACxBT,EAAAA,IAAC+C,EAAAA,KAAI,CACHC,SAAUxF,EAAciD,QACxBrC,KAAMd,EACN2F,QAASlE,GACTmE,UAAU,aAAYzB,SAErBrC,GAAgBM,KAAI,SAACC,EAAMmC,GAAK,OAC/B9B,EAAAa,IAACkC,EAAIA,KAACI,KAAI,CAACpC,KAAK,QAAQqC,OAAQzD,EAAKI,KAAkBF,QAASF,EAAKE,QAAQ4B,SAC1E9B,EAAKO,OADwC4B,WAQvDnD,IAAmBpC,EAAQkE,UAAYvC,GACtC8B,EAAAa,IAACwC,UAAO,CACNjF,KAAMC,EACN6E,UAAU,aACVF,SAAUzG,EAAQkE,QAClBwC,QAAS1E,EACT0C,UAAWC,EAAOoC,gBAClBC,eAAe,EACfC,UAAU,EACVC,QAASnF,EAAemD,SAExBzB,MAAC0D,cAAW,CAACC,WAAY/E,GAAc+D,IAAK5E,EAAmBkF,QAAS1E,QAKlF"}
+{"version":3,"file":"Actions.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/Actions/Actions.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Fragment,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { Tooltip } from '../../../Tooltip';\nimport { SettingsButton } from '../SettingsButton';\nimport { AdditionalAction, AdditionalActionObject } from '../constants';\nimport { Menu } from '../../../Menu';\nimport { useAppCommonsInternal } from '../../../AppCommonsProvider';\nimport { Popover } from '../../../Popover';\nimport { AppSettings } from '../../../AppSettings';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\nimport { useAppSize } from '../../../AppSizeProvider';\nimport { HideInNativeApp } from '../../../HideInNativeApp';\n\nimport { ActionsTestIds } from './Actions.constants';\n\nimport styles from './Actions.scss';\n\nimport {\n  AddMessageCustomIcon,\n  CloseSmallIcon,\n  CollapseIcon,\n  ExpandIcon,\n  MessageIcon,\n  MoreOneIcon,\n  SettingTwoIcon,\n} from '~/icons';\nimport { useAppCommentsMode, useOutsideClick, useSetAppCommentsMode } from '~/effects';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\ntype ActionsProps = {\n  rootRef: RefObject<HTMLDivElement>;\n  additionalActions?: AdditionalAction[];\n  showComments?: boolean;\n  disableSettings?: boolean;\n  hideSettingsUnderMore?: boolean;\n};\n\nconst isActionObject = (action: AdditionalAction): action is AdditionalActionObject =>\n  !!action && typeof action === 'object' && 'title' in action;\n\nconst LONG_PRESS_DELAY_MS = 500;\n\nexport const Actions = ({\n  additionalActions,\n  showComments,\n  disableSettings,\n  rootRef,\n  hideSettingsUnderMore,\n}: ActionsProps) => {\n  const {\n    maximized,\n    setMaximized,\n    appSettingsComponent,\n    isExpanded,\n    isBrowserFullscreen,\n    enterBrowserFullscreen,\n    exitBrowserFullscreen,\n    isSeparateWindow,\n    openSeparateWindow,\n    closeSeparateWindow,\n  } = useAppCommonsInternal();\n  const commentsEnabled = useAppCommentsMode();\n  const setCommentsMode = useSetAppCommentsMode();\n  const [moreMenuOpen, setMoreMenuOpen] = useState(false);\n  const moreButtonRef = useRef<HTMLButtonElement>(null);\n  const maximizeButtonRef = useRef<HTMLButtonElement>(null);\n  const settingsButtonRef = useRef<HTMLButtonElement>(null);\n  const [showMaximizeTooltip, setShowMaximizeTooltip] = useState(true);\n  const [isModesMenuOpen, setIsModesMenuOpen] = useState(false);\n  const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isLongPressRef = useRef(false);\n\n  const popoverContentRef = useRef<HTMLDivElement>(null);\n  const { isPinned, close, open, isPopoverOpen, animatePopover } = useAppSettingPinning();\n  const closeSettings = useCallback(() => {\n    close(false);\n  }, [close]);\n  const { height } = useAppSize() || {};\n  const settingsVisible = !!appSettingsComponent && !disableSettings;\n\n  const wrapperStyle = useMemo<CSSProperties>(() => ({ maxHeight: `${height}px` }), [height]);\n\n  const toggleMoreMenu = useCallback(() => {\n    setMoreMenuOpen(value => !value);\n  }, []);\n\n  const toggleCommentsMode = useCallback(() => {\n    setCommentsMode(value => !value);\n  }, [setCommentsMode]);\n\n  const closeModesMenu = useCallback(() => {\n    isLongPressRef.current = false;\n    setIsModesMenuOpen(false);\n  }, []);\n\n  const toggleMaximized = useCallback(() => {\n    setShowMaximizeTooltip(false);\n    closeModesMenu();\n\n    if (isSeparateWindow) {\n      closeSeparateWindow?.();\n      return;\n    }\n\n    if (isBrowserFullscreen) {\n      exitBrowserFullscreen?.();\n      return;\n    }\n\n    setMaximized(!maximized);\n  }, [\n    closeModesMenu,\n    closeSeparateWindow,\n    exitBrowserFullscreen,\n    isBrowserFullscreen,\n    isSeparateWindow,\n    maximized,\n    setMaximized,\n  ]);\n\n  const maximizeTooltip = isSeparateWindow\n    ? 'Close Separate Window'\n    : isExpanded\n    ? 'Restore'\n    : 'Maximize';\n\n  const cancelLongPress = useCallback(() => {\n    if (longPressTimerRef.current) {\n      clearTimeout(longPressTimerRef.current);\n      longPressTimerRef.current = null;\n    }\n  }, []);\n\n  const handleMaximizeMouseDown = useCallback(() => {\n    if (isExpanded || !enterBrowserFullscreen) return;\n\n    cancelLongPress();\n    longPressTimerRef.current = setTimeout(() => {\n      isLongPressRef.current = true;\n      setIsModesMenuOpen(true);\n    }, LONG_PRESS_DELAY_MS);\n  }, [cancelLongPress, enterBrowserFullscreen, isExpanded]);\n\n  useEffect(() => cancelLongPress, [cancelLongPress]);\n\n  const handleMaximizeClick = useCallback(() => {\n    if (isLongPressRef.current) {\n      isLongPressRef.current = false;\n      return;\n    }\n\n    toggleMaximized();\n  }, [toggleMaximized]);\n\n  const handleSeparateWindowClick = useCallback(() => {\n    closeModesMenu();\n    openSeparateWindow?.();\n  }, [closeModesMenu, openSeparateWindow]);\n\n  const handleBrowserFullscreenClick = useCallback(() => {\n    closeModesMenu();\n    enterBrowserFullscreen?.();\n  }, [closeModesMenu, enterBrowserFullscreen]);\n\n  useEffect(() => {\n    setShowMaximizeTooltip(true);\n  }, [isExpanded]);\n\n  const menuActionItems = useMemo(() => {\n    if (isInsideNewMobileApp) return [];\n\n    const getOnClick = (handler: AdditionalActionObject['onClick']) => () => {\n      toggleMoreMenu();\n      handler?.();\n    };\n\n    const objectActions = (additionalActions || [])\n      .filter(isActionObject)\n      .map(item => ({ ...item, onClick: getOnClick(item.onClick) }));\n\n    const commentItem: AdditionalActionObject = {\n      icon: <MessageIcon />,\n      onClick: getOnClick(toggleCommentsMode),\n      title: commentsEnabled ? 'Close Comments Mode' : 'Add Comment',\n    };\n\n    const maximizeItem: AdditionalActionObject = {\n      title: maximizeTooltip,\n      onClick: getOnClick(toggleMaximized),\n      icon: isExpanded ? <CollapseIcon /> : <ExpandIcon />,\n    };\n\n    const settingsItem = {\n      title: 'Settings',\n      onClick: getOnClick(open),\n      icon: <SettingTwoIcon />,\n    };\n\n    return [\n      ...objectActions,\n      ...(showComments ? [commentItem] : []),\n      ...(hideSettingsUnderMore && settingsVisible ? [settingsItem] : []),\n      maximizeItem,\n    ];\n  }, [\n    additionalActions,\n    commentsEnabled,\n    hideSettingsUnderMore,\n    isExpanded,\n    maximizeTooltip,\n    open,\n    settingsVisible,\n    showComments,\n    toggleCommentsMode,\n    toggleMaximized,\n    toggleMoreMenu,\n  ]);\n\n  useOutsideClick(popoverContentRef, closeSettings, [\n    settingsButtonRef.current,\n    // Do not react on clicks inside popovers/modals/autocomplete dropdowns, etc\n    '[role=\"tooltip\"]',\n    '[role=\"presentation\"]',\n  ]);\n\n  // Show menu only if there's something there besides the fullscreen item\n  const hasMenu = menuActionItems.length > 1;\n\n  const maximizeButton = (\n    <ButtonIcon\n      size=\"small\"\n      type=\"tertiaryBg\"\n      ref={maximizeButtonRef}\n      onClick={handleMaximizeClick}\n      onMouseDown={handleMaximizeMouseDown}\n      onMouseUp={cancelLongPress}\n      onMouseLeave={cancelLongPress}\n      className={hasMenu ? styles.fullscreenButton : undefined}\n      testId={isExpanded ? ActionsTestIds.CollapseButtonTestId : ActionsTestIds.ExpandButtonTestId}\n    >\n      {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n    </ButtonIcon>\n  );\n\n  return (\n    <>\n      <HideInNativeApp>\n        {additionalActions?.map((action, index) =>\n          !isActionObject(action) ? (\n            <Fragment key={index}>{action}</Fragment>\n          ) : (\n            <Tooltip title={action.title} key={index}>\n              <ButtonIcon\n                size=\"small\"\n                type=\"tertiary\"\n                onClick={action.onClick}\n                className={classNames(styles.additionalActionButton)}\n                testId={ActionsTestIds.AdditionalActionItemTestId}\n              >\n                {action.icon}\n              </ButtonIcon>\n            </Tooltip>\n          )\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {showComments && (\n          <Tooltip title={commentsEnabled ? 'Close Comments Mode' : 'Add Comment'}>\n            <ButtonIcon\n              size=\"small\"\n              type={commentsEnabled ? 'secondaryBg' : 'tertiaryBg'}\n              onClick={toggleCommentsMode}\n              className={hasMenu ? styles.commentButton : undefined}\n              testId={\n                commentsEnabled\n                  ? ActionsTestIds.CloseCommentButtonTestId\n                  : ActionsTestIds.AddMessageButtonTestId\n              }\n            >\n              {commentsEnabled ? <CloseSmallIcon /> : <AddMessageCustomIcon fill=\"currentColor\" />}\n            </ButtonIcon>\n          </Tooltip>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && (\n        <SettingsButton\n          ref={settingsButtonRef}\n          closeSettings={closeSettings}\n          className={\n            hideSettingsUnderMore && !isInsideNewMobileApp\n              ? styles.settingsHiddenUnderMore\n              : undefined\n          }\n        />\n      )}\n\n      {/* \n      Our \"pseudo-fullscreen\" system gets a stroke when we try to go fullscreen when a tooltip is shown (and we're in a \"pseudo-fullscreen\" mode) \n      and we change actual \"fullscreen\" status of an app.\n      So we don't show tooltip when user clicks the button, and we expect the \"fullscreen\" status to change.\n      */}\n      <HideInNativeApp>\n        {showMaximizeTooltip ? (\n          <Tooltip title={maximizeTooltip}>{maximizeButton}</Tooltip>\n        ) : (\n          maximizeButton\n        )}\n\n        {maximizeButtonRef.current && (\n          <Menu\n            anchorEl={maximizeButtonRef.current}\n            open={isModesMenuOpen}\n            onClose={closeModesMenu}\n            placement=\"bottom-end\"\n          >\n            <Menu.Item onClick={toggleMaximized} testId={ActionsTestIds.MaximizeItemTestId}>\n              Maximize\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleBrowserFullscreenClick}\n              testId={ActionsTestIds.BrowserFullscreenItemTestId}\n            >\n              Full Screen\n            </Menu.Item>\n            <Menu.Item\n              onClick={handleSeparateWindowClick}\n              testId={ActionsTestIds.SeparateWindowItemTestId}\n            >\n              Separate Window\n            </Menu.Item>\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      <HideInNativeApp>\n        {hasMenu && (\n          <Tooltip title=\"More\">\n            <ButtonIcon\n              type={\n                moreMenuOpen || (hideSettingsUnderMore && isPopoverOpen)\n                  ? 'secondaryBg'\n                  : 'tertiaryBg'\n              }\n              className={styles.moreButton}\n              ref={moreButtonRef}\n              onClick={toggleMoreMenu}\n              size=\"small\"\n            >\n              <MoreOneIcon />\n            </ButtonIcon>\n          </Tooltip>\n        )}\n\n        {hasMenu && moreButtonRef.current && (\n          <Menu\n            anchorEl={moreButtonRef.current}\n            open={moreMenuOpen}\n            onClose={toggleMoreMenu}\n            placement=\"bottom-end\"\n          >\n            {menuActionItems.map((item, index) => (\n              <Menu.Item size=\"large\" prefix={item.icon} key={index} onClick={item.onClick}>\n                {item.title}\n              </Menu.Item>\n            ))}\n          </Menu>\n        )}\n      </HideInNativeApp>\n\n      {settingsVisible && rootRef.current && !isPinned && (\n        <Popover\n          open={isPopoverOpen}\n          placement=\"bottom-end\"\n          anchorEl={rootRef.current}\n          onClose={closeSettings}\n          className={styles.settingsPopover}\n          preventScroll={false}\n          backdrop={false}\n          animate={animatePopover}\n        >\n          <AppSettings rootStyles={wrapperStyle} ref={popoverContentRef} onClose={closeSettings} />\n        </Popover>\n      )}\n    </>\n  );\n};\n"],"names":["isActionObject","action","_typeof","_ref","additionalActions","showComments","disableSettings","rootRef","hideSettingsUnderMore","_useAppCommonsInterna","useAppCommonsInternal","maximized","setMaximized","appSettingsComponent","isExpanded","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","commentsEnabled","useAppCommentsMode","setCommentsMode","useSetAppCommentsMode","useState","_useState2","_slicedToArray","_useState","moreMenuOpen","setMoreMenuOpen","moreButtonRef","useRef","maximizeButtonRef","settingsButtonRef","_useState4","_useState3","showMaximizeTooltip","setShowMaximizeTooltip","_useState6","_useState5","isModesMenuOpen","setIsModesMenuOpen","longPressTimerRef","isLongPressRef","popoverContentRef","_useAppSettingPinning","useAppSettingPinning","isPinned","close","open","isPopoverOpen","animatePopover","closeSettings","useCallback","height","useAppSize","settingsVisible","wrapperStyle","useMemo","maxHeight","toggleMoreMenu","value","toggleCommentsMode","closeModesMenu","current","toggleMaximized","maximizeTooltip","cancelLongPress","clearTimeout","handleMaximizeMouseDown","setTimeout","useEffect","handleMaximizeClick","handleSeparateWindowClick","handleBrowserFullscreenClick","menuActionItems","isInsideNewMobileApp","getOnClick","handler","objectActions","filter","map","item","_objectSpread","onClick","commentItem","icon","_jsx","MessageIcon","title","maximizeItem","CollapseIcon","ExpandIcon","settingsItem","SettingTwoIcon","_toConsumableArray","useOutsideClick","hasMenu","length","maximizeButton","jsx","ButtonIcon","size","type","ref","onMouseDown","onMouseUp","onMouseLeave","className","styles","fullscreenButton","undefined","testId","ActionsTestIds","CollapseButtonTestId","ExpandButtonTestId","children","_jsxs","_Fragment","HideInNativeApp","index","Tooltip","classNames","additionalActionButton","AdditionalActionItemTestId","Fragment","commentButton","CloseCommentButtonTestId","AddMessageButtonTestId","CloseSmallIcon","AddMessageCustomIcon","fill","SettingsButton","settingsHiddenUnderMore","Menu","anchorEl","onClose","placement","Item","MaximizeItemTestId","BrowserFullscreenItemTestId","SeparateWindowItemTestId","moreButton","MoreOneIcon","prefix","Popover","settingsPopover","preventScroll","backdrop","animate","AppSettings","rootStyles"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppHeader/V3/AppHeaderV3.js

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

package/cjs-bundle/componentsV2/AppHeader/V3/AppHeaderV3.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderV3.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { ReactElement, ReactNode, useRef, FC } 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    well,\n    wells: contextWells,\n    fracFleet,\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 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={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          rootRef={rootRef}\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":["_ref","_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","well","contextWells","wells","fracFleet","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","ref","style","AppHeaderFinderProps","children","_jsx","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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"}
+{"version":3,"file":"AppHeaderV3.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { ReactElement, ReactNode, useEffect, useRef, FC } 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          rootRef={rootRef}\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":["_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","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/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),i=require("@material-ui/core"),o=require("classnames"),s=require("./ButtonIcon.scss.js"),n=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),u=l(r),d=l(t),b=l(o),p=["children","disabled","testId","className","onClick","type","size","disableFocusState","onMouseEnter","onMouseLeave","ariaLabel","ariaLabelledBy","ariaDescribedBy"];function y(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?y(Object(t),!0).forEach((function(r){c.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var m={large:s.large,medium:s.medium,small:s.small,xs:s.xsmall},j={primary:[s.primary],secondary:[s.secondary],tertiary:[s.tertiary],secondaryBg:[s.secondary,s.withBg],tertiaryBg:[s.tertiary,s.withBg]},O={center:!1},v=a.forwardRef((function(e,r){var t=e.children,a=e.disabled,o=e.testId,l=e.className,c=e.onClick,y=e.type,v=void 0===y?"tertiary":y,h=e.size,g=void 0===h?"medium":h,P=e.disableFocusState,B=e.onMouseEnter,w=e.onMouseLeave,q=e.ariaLabel,x=e.ariaLabelledBy,L=e.ariaDescribedBy,M=d.default(e,p);return n.jsx("div",{className:b.default(s.root,l),children:n.jsx(i.IconButton,f(f({ref:r,"aria-label":q,"aria-labelledby":x,"aria-describedby":L,className:b.default.apply(void 0,[s.button,m[g]].concat(u.default(j[v]),[a&&s.disabled])),onClick:c,disabled:a,"data-testid":o,disableRipple:P,TouchRippleProps:O,onMouseEnter:B,onMouseLeave:w},M),{},{children:t}))})}));exports.ButtonIcon=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/toConsumableArray"),t=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),i=require("@material-ui/core"),o=require("classnames"),s=require("./ButtonIcon.scss.js"),n=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),u=l(r),d=l(t),b=l(o),p=["children","disabled","isActive","testId","className","onClick","type","size","disableFocusState","onMouseEnter","onMouseLeave","ariaLabel","ariaLabelledBy","ariaDescribedBy"];function y(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?y(Object(t),!0).forEach((function(r){c.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):y(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var m={large:s.large,medium:s.medium,small:s.small,xs:s.xsmall},v={primary:[s.primary],secondary:[s.secondary],tertiary:[s.tertiary],secondaryBg:[s.secondary,s.withBg],tertiaryBg:[s.tertiary,s.withBg]},j={center:!1},O=a.forwardRef((function(e,r){var t=e.children,a=e.disabled,o=e.isActive,l=e.testId,c=e.className,y=e.onClick,O=e.type,h=void 0===O?"tertiary":O,g=e.size,P=void 0===g?"medium":g,B=e.disableFocusState,w=e.onMouseEnter,q=e.onMouseLeave,x=e.ariaLabel,L=e.ariaLabelledBy,M=e.ariaDescribedBy,D=d.default(e,p);return n.jsx("div",{className:b.default(s.root,c),children:n.jsx(i.IconButton,f(f({ref:r,"aria-label":x,"aria-labelledby":L,"aria-describedby":M,className:b.default.apply(void 0,[s.button,m[P]].concat(u.default(v[h]),[o&&s.active,a&&s.disabled])),onClick:y,disabled:a,"data-testid":l,disableRipple:B,TouchRippleProps:j,onMouseEnter:w,onMouseLeave:q},D),{},{children:t}))})}));exports.ButtonIcon=O;
 //# sourceMappingURL=ButtonIcon.js.map

package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { AriaAttributes, forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport { IconButton as MuiIconButton } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ButtonIcon.scss';\n\nexport type ButtonIconProps = {\n  children?: ReactNode;\n  /** Accessible name for the icon-only button. */\n  ariaLabel?: AriaAttributes['aria-label'];\n  ariaLabelledBy?: AriaAttributes['aria-labelledby'];\n  ariaDescribedBy?: AriaAttributes['aria-describedby'];\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onMouseDown?: MouseEventHandler<HTMLButtonElement>;\n  onMouseUp?: MouseEventHandler<HTMLButtonElement>;\n  size?: 'xs' | 'small' | 'medium' | 'large';\n  /**\n   * Button visual style\n   */\n  type?: 'primary' | 'secondary' | 'tertiary' | 'secondaryBg' | 'tertiaryBg';\n  disabled?: boolean;\n  disableFocusState?: boolean;\n\n  onMouseEnter?: MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: MouseEventHandler<HTMLButtonElement>;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonIconProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst TypeToClassMap: Record<Required<ButtonIconProps>['type'], string[]> = {\n  primary: [styles.primary],\n  secondary: [styles.secondary],\n  tertiary: [styles.tertiary],\n  secondaryBg: [styles.secondary, styles.withBg],\n  tertiaryBg: [styles.tertiary, styles.withBg],\n};\n\nconst TouchRippleProps = { center: false };\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      children,\n      disabled,\n      testId,\n      className,\n      onClick,\n      type = 'tertiary',\n      size = 'medium',\n      disableFocusState,\n      onMouseEnter,\n      onMouseLeave,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      // Needed for Tooltip\n      ...rest\n    },\n    ref\n  ) => (\n    <div className={classNames(styles.root, className)}>\n      <MuiIconButton\n        ref={ref}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classNames(\n          styles.button,\n          SizeToClassMap[size],\n          ...TypeToClassMap[type],\n          disabled && styles.disabled\n        )}\n        onClick={onClick}\n        disabled={disabled}\n        data-testid={testId}\n        disableRipple={disableFocusState}\n        TouchRippleProps={TouchRippleProps}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...rest}\n      >\n        {children}\n      </MuiIconButton>\n    </div>\n  )\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","xs","xsmall","TypeToClassMap","primary","secondary","tertiary","secondaryBg","withBg","tertiaryBg","TouchRippleProps","center","ButtonIcon","forwardRef","ref","children","disabled","testId","className","onClick","_ref$type","_ref","type","_ref$size","size","disableFocusState","onMouseEnter","onMouseLeave","ariaLabel","ariaLabelledBy","ariaDescribedBy","rest","_objectWithoutProperties","_excluded","_jsx","classNames","root","MuiIconButton","_objectSpread","button","disableRipple"],"mappings":"+sCA8BA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,MACdC,GAAIH,EAAOI,QAGPC,EAAsE,CAC1EC,QAAS,CAACN,EAAOM,SACjBC,UAAW,CAACP,EAAOO,WACnBC,SAAU,CAACR,EAAOQ,UAClBC,YAAa,CAACT,EAAOO,UAAWP,EAAOU,QACvCC,WAAY,CAACX,EAAOQ,SAAUR,EAAOU,SAGjCE,EAAmB,CAAEC,QAAQ,GAEtBC,EAAaC,EAAUA,YAClC,WAkBEC,GAAG,IAhBDC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,QAAOC,EAAAC,EACPC,KAAAA,aAAO,WAAUF,EAAAG,EAAAF,EACjBG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,kBACAC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,eACAC,IAAAA,gBAEGC,EAAIC,EAAA,QAAAX,EAAAY,GAAA,OAITC,EAAAA,IAAA,MAAA,CAAKhB,UAAWiB,EAAU,QAACrC,EAAOsC,KAAMlB,GAAWH,SACjDmB,MAACG,aAAaC,EAAAA,EAAA,CACZxB,IAAKA,EACL,aAAYc,EACZ,kBAAiBC,EACjB,mBAAkBC,EAClBZ,UAAWiB,EAAAA,QACTrC,WAAAA,EAAAA,CAAAA,EAAOyC,OACP3C,EAAe4B,qBACZrB,EAAemB,IAAK,CACvBN,GAAYlB,EAAOkB,YAErBG,QAASA,EACTH,SAAUA,EACV,cAAaC,EACbuB,cAAef,EACff,iBAAkBA,EAClBgB,aAAcA,EACdC,aAAcA,GACVI,GAAI,GAAA,CAAAhB,SAEPA,MAEC"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../src/componentsV2/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { AriaAttributes, forwardRef, MouseEventHandler, ReactNode } from 'react';\nimport { IconButton as MuiIconButton } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ButtonIcon.scss';\n\nexport type ButtonIconProps = {\n  children?: ReactNode;\n  /** Accessible name for the icon-only button. */\n  ariaLabel?: AriaAttributes['aria-label'];\n  ariaLabelledBy?: AriaAttributes['aria-labelledby'];\n  ariaDescribedBy?: AriaAttributes['aria-describedby'];\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onMouseDown?: MouseEventHandler<HTMLButtonElement>;\n  onMouseUp?: MouseEventHandler<HTMLButtonElement>;\n  size?: 'xs' | 'small' | 'medium' | 'large';\n  /**\n   * Button visual style\n   */\n  type?: 'primary' | 'secondary' | 'tertiary' | 'secondaryBg' | 'tertiaryBg';\n  disabled?: boolean;\n  /** Holds the hover treatment while the menu or popover this opens is on screen. */\n  isActive?: boolean;\n  disableFocusState?: boolean;\n\n  onMouseEnter?: MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: MouseEventHandler<HTMLButtonElement>;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ButtonIconProps>['size'], string> = {\n  large: styles.large,\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst TypeToClassMap: Record<Required<ButtonIconProps>['type'], string[]> = {\n  primary: [styles.primary],\n  secondary: [styles.secondary],\n  tertiary: [styles.tertiary],\n  secondaryBg: [styles.secondary, styles.withBg],\n  tertiaryBg: [styles.tertiary, styles.withBg],\n};\n\nconst TouchRippleProps = { center: false };\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      children,\n      disabled,\n      isActive,\n      testId,\n      className,\n      onClick,\n      type = 'tertiary',\n      size = 'medium',\n      disableFocusState,\n      onMouseEnter,\n      onMouseLeave,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      // Needed for Tooltip\n      ...rest\n    },\n    ref\n  ) => (\n    <div className={classNames(styles.root, className)}>\n      <MuiIconButton\n        ref={ref}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        className={classNames(\n          styles.button,\n          SizeToClassMap[size],\n          ...TypeToClassMap[type],\n          isActive && styles.active,\n          disabled && styles.disabled\n        )}\n        onClick={onClick}\n        disabled={disabled}\n        data-testid={testId}\n        disableRipple={disableFocusState}\n        TouchRippleProps={TouchRippleProps}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...rest}\n      >\n        {children}\n      </MuiIconButton>\n    </div>\n  )\n);\n"],"names":["SizeToClassMap","large","styles","medium","small","xs","xsmall","TypeToClassMap","primary","secondary","tertiary","secondaryBg","withBg","tertiaryBg","TouchRippleProps","center","ButtonIcon","forwardRef","ref","children","disabled","isActive","testId","className","onClick","_ref$type","_ref","type","_ref$size","size","disableFocusState","onMouseEnter","onMouseLeave","ariaLabel","ariaLabelledBy","ariaDescribedBy","rest","_objectWithoutProperties","_excluded","_jsx","classNames","root","MuiIconButton","_objectSpread","button","concat","_toConsumableArray","active","disableRipple"],"mappings":"0tCAgCA,IAAMA,EAAoE,CACxEC,MAAOC,EAAOD,MACdE,OAAQD,EAAOC,OACfC,MAAOF,EAAOE,MACdC,GAAIH,EAAOI,QAGPC,EAAsE,CAC1EC,QAAS,CAACN,EAAOM,SACjBC,UAAW,CAACP,EAAOO,WACnBC,SAAU,CAACR,EAAOQ,UAClBC,YAAa,CAACT,EAAOO,UAAWP,EAAOU,QACvCC,WAAY,CAACX,EAAOQ,SAAUR,EAAOU,SAGjCE,EAAmB,CAAEC,QAAQ,GAEtBC,EAAaC,EAAUA,YAClC,WAmBEC,GAAG,IAjBDC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,QAAOC,EAAAC,EACPC,KAAAA,aAAO,WAAUF,EAAAG,EAAAF,EACjBG,KAAAA,aAAO,SAAQD,EACfE,IAAAA,kBACAC,IAAAA,aACAC,IAAAA,aACAC,IAAAA,UACAC,IAAAA,eACAC,IAAAA,gBAEGC,EAAIC,EAAA,QAAAX,EAAAY,GAAA,OAITC,EAAAA,IAAA,MAAA,CAAKhB,UAAWiB,EAAU,QAACtC,EAAOuC,KAAMlB,GAAWJ,SACjDoB,MAACG,aAAaC,EAAAA,EAAA,CACZzB,IAAKA,EACL,aAAYe,EACZ,kBAAiBC,EACjB,mBAAkBC,EAClBZ,UAAWiB,EAAU,QACnBtC,WAAAA,EAAAA,CAAAA,EAAO0C,OACP5C,EAAe6B,IAAKgB,OAAAC,UACjBvC,EAAeoB,IAClBN,CAAAA,GAAYnB,EAAO6C,OACnB3B,GAAYlB,EAAOkB,YAErBI,QAASA,EACTJ,SAAUA,EACV,cAAaE,EACb0B,cAAelB,EACfhB,iBAAkBA,EAClBiB,aAAcA,EACdC,aAAcA,GACVI,GAAI,GAAA,CAAAjB,SAEPA,MAEC"}

package/cjs-bundle/componentsV2/ButtonIcon/ButtonIcon.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ButtonIcon_root__VO5jl{display:inline-block;vertical-align:middle}.ButtonIcon_button__gD83m.MuiIconButton-root{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.ButtonIcon_button__gD83m.MuiIconButton-root:hover{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.16)}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF{padding:8px}.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs{padding:6px}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF svg,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs svg{display:block;height:24px!important;width:24px!important}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV{padding:6px}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV svg{display:block;height:20px!important;width:20px!important}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa{padding:4px}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa svg{display:block;height:16px!important;width:16px!important}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa.MuiIconButton-root{border-radius:6px}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:active,.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:hover{background:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6.ButtonIcon_disabled__mWUEz{background:rgb(from var(--palette-primary-main) r g b/.4);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC{color:var(--palette-primary-main)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:active,.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:hover{color:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC.ButtonIcon_disabled__mWUEz{color:rgb(from var(--palette-primary-main) r g b/.4)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo{color:var(--palette-primary-text-6)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:active,.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:hover{color:var(--palette-primary-text-1)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo.ButtonIcon_disabled__mWUEz{color:var(--palette-primary-text-9)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab{background:hsla(0,0%,100%,.08)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab.ButtonIcon_disabled__mWUEz{background:hsla(0,0%,100%,.03)}"),module.exports={spacing:"8",root:"ButtonIcon_root__VO5jl",button:"ButtonIcon_button__gD83m",large:"ButtonIcon_large__2EddF",medium:"ButtonIcon_medium__-DRWs",small:"ButtonIcon_small__LVDfV",xsmall:"ButtonIcon_xsmall__-cDOa",primary:"ButtonIcon_primary__V4ya6",disabled:"ButtonIcon_disabled__mWUEz",secondary:"ButtonIcon_secondary__8ReYC",tertiary:"ButtonIcon_tertiary__JUuwo",withBg:"ButtonIcon_withBg__ODNab"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".ButtonIcon_root__VO5jl{display:inline-block;vertical-align:middle}.ButtonIcon_button__gD83m.MuiIconButton-root{border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1)}.ButtonIcon_button__gD83m.MuiIconButton-root:hover{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.16)}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF{padding:8px}.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs{padding:6px}.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_large__2EddF svg,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_medium__-DRWs svg{display:block;height:24px!important;width:24px!important}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV{padding:6px}.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_small__LVDfV svg{display:block;height:20px!important;width:20px!important}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa{padding:4px}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa .MuiIcon-root,.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa .i-icon,.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa svg{display:block;height:16px!important;width:16px!important}.ButtonIcon_button__gD83m.ButtonIcon_xsmall__-cDOa.MuiIconButton-root{border-radius:6px}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6{background:var(--palette-primary-main);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6.ButtonIcon_active__432Fb,.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:active,.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6:hover{background:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_primary__V4ya6.ButtonIcon_disabled__mWUEz{background:rgb(from var(--palette-primary-main) r g b/.4);color:var(--palette-background-b-2)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC{color:var(--palette-primary-main)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC.ButtonIcon_active__432Fb,.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:active,.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC:hover{color:var(--palette-primary-light)}.ButtonIcon_button__gD83m.ButtonIcon_secondary__8ReYC.ButtonIcon_disabled__mWUEz{color:rgb(from var(--palette-primary-main) r g b/.4)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo{color:var(--palette-primary-text-6)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo.ButtonIcon_active__432Fb,.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:active,.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo:hover{color:var(--palette-primary-text-1)}.ButtonIcon_button__gD83m.ButtonIcon_tertiary__JUuwo.ButtonIcon_disabled__mWUEz{color:var(--palette-primary-text-9)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab{background:hsla(0,0%,100%,.08)}.ButtonIcon_button__gD83m.ButtonIcon_withBg__ODNab.ButtonIcon_disabled__mWUEz{background:hsla(0,0%,100%,.03)}"),module.exports={spacing:"8",root:"ButtonIcon_root__VO5jl",button:"ButtonIcon_button__gD83m",large:"ButtonIcon_large__2EddF",medium:"ButtonIcon_medium__-DRWs",small:"ButtonIcon_small__LVDfV",xsmall:"ButtonIcon_xsmall__-cDOa",primary:"ButtonIcon_primary__V4ya6",active:"ButtonIcon_active__432Fb",disabled:"ButtonIcon_disabled__mWUEz",secondary:"ButtonIcon_secondary__8ReYC",tertiary:"ButtonIcon_tertiary__JUuwo",withBg:"ButtonIcon_withBg__ODNab"};
 //# sourceMappingURL=ButtonIcon.scss.js.map

package/cjs-bundle/componentsV2/Chip/Chip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),c=require("classnames"),i=require("../ChipIndicator/ChipIndicator.js"),n=require("./Chip.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=t(s),l=t(e),m=t(c),d=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape"];function j(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function q(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?j(Object(o),!0).forEach((function(e){a.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var I={default:n.filled,outlined:n.outlined},p={medium:n.medium,small:n.small,xs:n.xsmall},f={medium:24,small:16,xs:12},h={neutral:n.neutral,caution:n.caution,info:n.info,error:n.error,pending:n.pending,success:n.success,warning:n.warning},b={round:n.round,square:n.square},C=o.forwardRef((function(s,e){var c=s.disabled,i=s.prefix,t=s.suffix,a=s.testId,j=s.className,C=s.children,v=s.onClick,O=s.onDelete,x=s.size,P=void 0===x?"medium":x,g=s.type,y=void 0===g?"default":g,k=s.state,F=void 0===k?"neutral":k,A=s.shape,D=void 0===A?"round":A,N=l.default(s,d),w=c?void 0:v,z=o.useCallback((function(s){s.stopPropagation(),null==O||O(s)}),[O]);return u.jsxs("div",q(q({className:m.default(n.root,w&&n.hoverable,c&&n.disabled,i&&n.withPrefix,(O||t)&&n.withSuffix,p[P],I[y],h[F],b[D],j),onClick:w,"data-testid":a,ref:e},N),{},{children:[i&&o.isValidElement(i)?o.cloneElement(i,{size:f[P]}):i,u.jsx("div",{className:n.label,children:C}),t&&o.isValidElement(t)?o.cloneElement(t,{size:f[P]}):t,O&&u.jsx("div",{className:n.deleteIcon,children:u.jsx(r.CloseSmallIcon,{onClick:z,size:16})})]}))}));C.Affix={Check:function(s){var e=s.size,o=s.className;return u.jsx(r.CheckSmallIcon,{size:e,className:m.default(n.checkAffix,o)})},Dot:function(s){var e=s.className,o=s.color;return u.jsx("div",{className:m.default(n.dotAffix,e),style:{background:o}})},Indicator:function(s){var e=s.size===f.medium?"medium":"small";return u.jsx(i.ChipIndicator,{className:m.default(n.indicatorAffix,s.className),size:e,children:s.children})}};var v=C;exports.Chip=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),c=require("classnames"),i=require("../ChipIndicator/ChipIndicator.js"),n=require("./Chip.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("../Tooltip/Tooltip.js"),t=require("react/jsx-runtime");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=l(s),m=l(e),d=l(c),j=["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","type","state","shape","deleteButtonTooltip"];function q(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);e&&(c=c.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,c)}return o}function I(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?q(Object(o),!0).forEach((function(e){a.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):q(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var p={default:n.filled,outlined:n.outlined},f={medium:n.medium,small:n.small,xs:n.xsmall},h={medium:24,small:16,xs:12},b={neutral:n.neutral,caution:n.caution,info:n.info,error:n.error,pending:n.pending,success:n.success,warning:n.warning},C={round:n.round,square:n.square},v=o.forwardRef((function(s,e){var c=s.disabled,i=s.prefix,l=s.suffix,a=s.testId,q=s.className,v=s.children,O=s.onClick,x=s.onDelete,P=s.size,g=void 0===P?"medium":P,y=s.type,k=void 0===y?"default":y,F=s.state,A=void 0===F?"neutral":F,D=s.shape,N=void 0===D?"round":D,w=s.deleteButtonTooltip,z=m.default(s,j),E=c?void 0:O,S=o.useCallback((function(s){s.stopPropagation(),null==x||x(s)}),[x]),M=x&&t.jsx("div",{className:n.deleteIcon,children:t.jsx(r.CloseSmallIcon,{onClick:S,size:16})}),T=M&&w?t.jsx(u.Tooltip,{title:w,children:M}):M;return t.jsxs("div",I(I({className:d.default(n.root,E&&n.hoverable,c&&n.disabled,i&&n.withPrefix,(x||l)&&n.withSuffix,f[g],p[k],b[A],C[N],q),onClick:E,"data-testid":a,ref:e},z),{},{children:[i&&o.isValidElement(i)?o.cloneElement(i,{size:h[g]}):i,t.jsx("div",{className:n.label,children:v}),l&&o.isValidElement(l)?o.cloneElement(l,{size:h[g]}):l,T]}))}));v.Affix={Check:function(s){var e=s.size,o=s.className;return t.jsx(r.CheckSmallIcon,{size:e,className:d.default(n.checkAffix,o)})},Dot:function(s){var e=s.className,o=s.color;return t.jsx("div",{className:d.default(n.dotAffix,e),style:{background:o}})},Indicator:function(s){var e=s.size===h.medium?"medium":"small";return t.jsx(i.ChipIndicator,{className:d.default(n.indicatorAffix,s.className),size:e,children:s.children})}};var O=v;exports.Chip=O;
 //# sourceMappingURL=Chip.js.map

package/cjs-bundle/componentsV2/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/componentsV2/Chip/Chip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ComponentType,\n  forwardRef,\n  isValidElement,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ChipIndicator } from '../ChipIndicator';\n\nimport styles from './Chip.scss';\n\nimport { CheckSmallIcon, CloseSmallIcon } from '~/icons';\n\nexport type ChipProps = {\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  onClick?: MouseEventHandler;\n  onDelete?: MouseEventHandler;\n  size?: 'xs' | 'small' | 'medium';\n  type?: 'default' | 'outlined';\n  disabled?: boolean;\n  state?: 'neutral' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';\n  shape?: 'round' | 'square';\n\n  className?: string;\n  testId?: string;\n};\n\nconst TypeToClassMap: Record<Required<ChipProps>['type'], string> = {\n  default: styles.filled,\n  outlined: styles.outlined,\n};\n\nconst SizeToClassMap: Record<Required<ChipProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst SizeToAffixSizeMap: Record<Required<ChipProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n  xs: 12,\n};\n\nconst StateToClassMap: Record<Required<ChipProps>['state'], string> = {\n  neutral: styles.neutral,\n  caution: styles.caution,\n  info: styles.info,\n  error: styles.error,\n  pending: styles.pending,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nconst ShapeToClassMap: Record<Required<ChipProps>['shape'], string> = {\n  round: styles.round,\n  square: styles.square,\n};\n\nconst ChipBase = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      disabled,\n      prefix,\n      suffix,\n      testId,\n      className,\n      children,\n      onClick,\n      onDelete,\n      size = 'medium',\n      type = 'default',\n      state = 'neutral',\n      shape = 'round',\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onClickHandler = disabled ? undefined : onClick;\n    const onDeleteHandler = useCallback<MouseEventHandler>(\n      e => {\n        e.stopPropagation();\n        onDelete?.(e);\n      },\n      [onDelete]\n    );\n\n    return (\n      <div\n        className={classNames(\n          styles.root,\n          onClickHandler && styles.hoverable,\n          disabled && styles.disabled,\n          prefix && styles.withPrefix,\n          (onDelete || suffix) && styles.withSuffix,\n          SizeToClassMap[size],\n          TypeToClassMap[type],\n          StateToClassMap[state],\n          ShapeToClassMap[shape],\n          className\n        )}\n        onClick={onClickHandler}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        {prefix && isValidElement(prefix)\n          ? cloneElement(prefix, { size: SizeToAffixSizeMap[size] } as object)\n          : prefix}\n\n        <div className={styles.label}>{children}</div>\n\n        {suffix && isValidElement(suffix)\n          ? cloneElement(suffix, { size: SizeToAffixSizeMap[size] } as object)\n          : suffix}\n\n        {onDelete && (\n          <div className={styles.deleteIcon}>\n            <CloseSmallIcon onClick={onDeleteHandler} size={16} />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\ntype ChipType = typeof ChipBase & {\n  Affix: {\n    Check: ComponentType<{ className?: string }>;\n    Indicator: ComponentType<{ className?: string; children?: ReactNode }>;\n    Dot: ComponentType<{ className?: string; color?: string }>;\n  };\n};\n\n(ChipBase as ChipType).Affix = {\n  Check: ({ size, className }: { size?: number; className?: string }) => (\n    <CheckSmallIcon size={size} className={classNames(styles.checkAffix, className)} />\n  ),\n  Dot: ({ className, color }) => (\n    <div className={classNames(styles.dotAffix, className)} style={{ background: color }} />\n  ),\n  Indicator: (props: { size?: number; className?: string; children?: ReactNode }) => {\n    const actualSize = props.size === SizeToAffixSizeMap.medium ? 'medium' : 'small';\n    return (\n      <ChipIndicator\n        className={classNames(styles.indicatorAffix, props.className)}\n        size={actualSize}\n      >\n        {props.children}\n      </ChipIndicator>\n    );\n  },\n};\n\nexport const Chip = ChipBase as ChipType;\n"],"names":["TypeToClassMap","default","styles","filled","outlined","SizeToClassMap","medium","small","xs","xsmall","SizeToAffixSizeMap","StateToClassMap","neutral","caution","info","error","pending","success","warning","ShapeToClassMap","round","square","ChipBase","forwardRef","_ref","ref","disabled","prefix","suffix","testId","className","children","onClick","onDelete","_ref$size","size","_ref$type","type","_ref$state","state","_ref$shape","shape","rest","_objectWithoutProperties","_excluded","onClickHandler","undefined","onDeleteHandler","useCallback","e","stopPropagation","_jsxs","_objectSpread","classNames","root","hoverable","withPrefix","withSuffix","isValidElement","cloneElement","_jsx","jsx","label","deleteIcon","CloseSmallIcon","Affix","Check","_ref2","CheckSmallIcon","checkAffix","Dot","_ref3","color","dotAffix","style","background","Indicator","props","actualSize","ChipIndicator","indicatorAffix","Chip"],"mappings":"47JAoCA,IAAMA,EAA8D,CAClEC,QAASC,EAAOC,OAChBC,SAAUF,EAAOE,UAGbC,EAA8D,CAClEC,OAAQJ,EAAOI,OACfC,MAAOL,EAAOK,MACdC,GAAIN,EAAOO,QAGPC,EAAkE,CACtEJ,OAAQ,GACRC,MAAO,GACPC,GAAI,IAGAG,EAAgE,CACpEC,QAASV,EAAOU,QAChBC,QAASX,EAAOW,QAChBC,KAAMZ,EAAOY,KACbC,MAAOb,EAAOa,MACdC,QAASd,EAAOc,QAChBC,QAASf,EAAOe,QAChBC,QAAShB,EAAOgB,SAGZC,EAAgE,CACpEC,MAAOlB,EAAOkB,MACdC,OAAQnB,EAAOmB,QAGXC,EAAWC,EAAUA,YACzB,SAAAC,EAiBEC,GACG,IAhBDC,IAAAA,SACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SAAQC,EAAAV,EACRW,KAAAA,aAAO,SAAQD,EAAAE,EAAAZ,EACfa,KAAAA,aAAO,UAASD,EAAAE,EAAAd,EAChBe,MAAAA,aAAQ,UAASD,EAAAE,EAAAhB,EACjBiB,MAAAA,aAAQ,QAAOD,EAEZE,EAAIC,EAAA,QAAAnB,EAAAoB,GAIHC,EAAiBnB,OAAWoB,EAAYd,EACxCe,EAAkBC,eACtB,SAAAC,GACEA,EAAEC,kBACFjB,SAAAA,EAAWgB,EACb,GACA,CAAChB,IAGH,OACEkB,OAAA,MAAAC,EAAAA,EAAA,CACEtB,UAAWuB,EAAAA,QACTnD,EAAOoD,KACPT,GAAkB3C,EAAOqD,UACzB7B,GAAYxB,EAAOwB,SACnBC,GAAUzB,EAAOsD,YAChBvB,GAAYL,IAAW1B,EAAOuD,WAC/BpD,EAAe8B,GACfnC,EAAeqC,GACf1B,EAAgB4B,GAChBpB,EAAgBsB,GAChBX,GAEFE,QAASa,EACT,cAAahB,EACbJ,IAAKA,GACDiB,GAAI,GAAA,CAAAX,SAEPJ,CAAAA,GAAU+B,EAAAA,eAAe/B,GACtBgC,EAAYA,aAAChC,EAAQ,CAAEQ,KAAMzB,EAAmByB,KAChDR,EAEJiC,EAAAC,IAAA,MAAA,CAAK/B,UAAW5B,EAAO4D,MAAM/B,SAAEA,IAE9BH,GAAU8B,EAAcA,eAAC9B,GACtB+B,EAAAA,aAAa/B,EAAQ,CAAEO,KAAMzB,EAAmByB,KAChDP,EAEHK,GACC2B,EAAAA,IAAA,MAAA,CAAK9B,UAAW5B,EAAO6D,WAAWhC,SAChC6B,MAACI,iBAAc,CAAChC,QAASe,EAAiBZ,KAAM,UAK1D,IAWDb,EAAsB2C,MAAQ,CAC7BC,MAAO,SAAAC,GAAA,IAAGhC,IAAAA,KAAML,IAAAA,UAAS,OACvB8B,EAAAA,IAACQ,EAAAA,eAAc,CAACjC,KAAMA,EAAML,UAAWuB,EAAU,QAACnD,EAAOmE,WAAYvC,IACtE,EACDwC,IAAK,SAAAC,GAAA,IAAGzC,IAAAA,UAAW0C,IAAAA,MAAK,OACtBZ,EAAAA,IAAA,MAAA,CAAK9B,UAAWuB,EAAU,QAACnD,EAAOuE,SAAU3C,GAAY4C,MAAO,CAAEC,WAAYH,IAC9E,EACDI,UAAW,SAACC,GACV,IAAMC,EAAaD,EAAM1C,OAASzB,EAAmBJ,OAAS,SAAW,QACzE,OACEsD,EAAAA,IAACmB,EAAAA,cAAa,CACZjD,UAAWuB,EAAAA,QAAWnD,EAAO8E,eAAgBH,EAAM/C,WACnDK,KAAM2C,EAAW/C,SAEhB8C,EAAM9C,UAGb,GAGK,IAAMkD,EAAO3D"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/componentsV2/Chip/Chip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ComponentType,\n  forwardRef,\n  isValidElement,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { ChipIndicator } from '../ChipIndicator';\n\nimport styles from './Chip.scss';\n\nimport { CheckSmallIcon, CloseSmallIcon } from '~/icons';\nimport { Tooltip } from '../Tooltip';\n\nexport type ChipProps = {\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  onClick?: MouseEventHandler;\n  onDelete?: MouseEventHandler;\n  deleteButtonTooltip?: ReactNode;\n  size?: 'xs' | 'small' | 'medium';\n  type?: 'default' | 'outlined';\n  disabled?: boolean;\n  state?: 'neutral' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';\n  shape?: 'round' | 'square';\n\n  className?: string;\n  testId?: string;\n};\n\nconst TypeToClassMap: Record<Required<ChipProps>['type'], string> = {\n  default: styles.filled,\n  outlined: styles.outlined,\n};\n\nconst SizeToClassMap: Record<Required<ChipProps>['size'], string> = {\n  medium: styles.medium,\n  small: styles.small,\n  xs: styles.xsmall,\n};\n\nconst SizeToAffixSizeMap: Record<Required<ChipProps>['size'], number> = {\n  medium: 24,\n  small: 16,\n  xs: 12,\n};\n\nconst StateToClassMap: Record<Required<ChipProps>['state'], string> = {\n  neutral: styles.neutral,\n  caution: styles.caution,\n  info: styles.info,\n  error: styles.error,\n  pending: styles.pending,\n  success: styles.success,\n  warning: styles.warning,\n};\n\nconst ShapeToClassMap: Record<Required<ChipProps>['shape'], string> = {\n  round: styles.round,\n  square: styles.square,\n};\n\nconst ChipBase = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      disabled,\n      prefix,\n      suffix,\n      testId,\n      className,\n      children,\n      onClick,\n      onDelete,\n      size = 'medium',\n      type = 'default',\n      state = 'neutral',\n      shape = 'round',\n      deleteButtonTooltip,\n      // Needed for Tooltip to work\n      ...rest\n    },\n    ref\n  ) => {\n    const onClickHandler = disabled ? undefined : onClick;\n    const onDeleteHandler = useCallback<MouseEventHandler>(\n      e => {\n        e.stopPropagation();\n        onDelete?.(e);\n      },\n      [onDelete]\n    );\n\n    const deleteIcon = onDelete && (\n      <div className={styles.deleteIcon}>\n        <CloseSmallIcon onClick={onDeleteHandler} size={16} />\n      </div>\n    );\n\n    const deleteIconWithTooltip =\n      deleteIcon && deleteButtonTooltip ? (\n        <Tooltip title={deleteButtonTooltip}>{deleteIcon}</Tooltip>\n      ) : (\n        deleteIcon\n      );\n\n    return (\n      <div\n        className={classNames(\n          styles.root,\n          onClickHandler && styles.hoverable,\n          disabled && styles.disabled,\n          prefix && styles.withPrefix,\n          (onDelete || suffix) && styles.withSuffix,\n          SizeToClassMap[size],\n          TypeToClassMap[type],\n          StateToClassMap[state],\n          ShapeToClassMap[shape],\n          className\n        )}\n        onClick={onClickHandler}\n        data-testid={testId}\n        ref={ref}\n        {...rest}\n      >\n        {prefix && isValidElement(prefix)\n          ? cloneElement(prefix, { size: SizeToAffixSizeMap[size] } as object)\n          : prefix}\n\n        <div className={styles.label}>{children}</div>\n\n        {suffix && isValidElement(suffix)\n          ? cloneElement(suffix, { size: SizeToAffixSizeMap[size] } as object)\n          : suffix}\n\n        {deleteIconWithTooltip}\n      </div>\n    );\n  }\n);\n\ntype ChipType = typeof ChipBase & {\n  Affix: {\n    Check: ComponentType<{ className?: string }>;\n    Indicator: ComponentType<{ className?: string; children?: ReactNode }>;\n    Dot: ComponentType<{ className?: string; color?: string }>;\n  };\n};\n\n(ChipBase as ChipType).Affix = {\n  Check: ({ size, className }: { size?: number; className?: string }) => (\n    <CheckSmallIcon size={size} className={classNames(styles.checkAffix, className)} />\n  ),\n  Dot: ({ className, color }) => (\n    <div className={classNames(styles.dotAffix, className)} style={{ background: color }} />\n  ),\n  Indicator: (props: { size?: number; className?: string; children?: ReactNode }) => {\n    const actualSize = props.size === SizeToAffixSizeMap.medium ? 'medium' : 'small';\n    return (\n      <ChipIndicator\n        className={classNames(styles.indicatorAffix, props.className)}\n        size={actualSize}\n      >\n        {props.children}\n      </ChipIndicator>\n    );\n  },\n};\n\nexport const Chip = ChipBase as ChipType;\n"],"names":["TypeToClassMap","default","styles","filled","outlined","SizeToClassMap","medium","small","xs","xsmall","SizeToAffixSizeMap","StateToClassMap","neutral","caution","info","error","pending","success","warning","ShapeToClassMap","round","square","ChipBase","forwardRef","_ref","ref","disabled","prefix","suffix","testId","className","children","onClick","onDelete","_ref$size","size","_ref$type","type","_ref$state","state","_ref$shape","shape","deleteButtonTooltip","rest","_objectWithoutProperties","_excluded","onClickHandler","undefined","onDeleteHandler","useCallback","e","stopPropagation","deleteIcon","_jsx","jsx","CloseSmallIcon","deleteIconWithTooltip","Tooltip","title","_jsxs","_objectSpread","classNames","root","hoverable","withPrefix","withSuffix","isValidElement","cloneElement","label","Affix","Check","_ref2","CheckSmallIcon","checkAffix","Dot","_ref3","color","dotAffix","style","background","Indicator","props","actualSize","ChipIndicator","indicatorAffix","Chip"],"mappings":"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"}

package/cjs-bundle/componentsV2/ColorPicker/ColorPicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),s=require("@babel/runtime/helpers/defineProperty"),o=require("classnames"),n=require("react"),c=require("react-color"),i=require("lodash"),r=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../../effects/useOutsideClick.js"),d=require("./Swatches/Swatches.js"),p=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),b=require("./ColorPicker.scss.js"),f=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(s),k=h(o);function x(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function y(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?x(Object(o),!0).forEach((function(s){C.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var g={small:b.small,medium:b.medium,large:b.large},O={inputContainer:b.inputContainer,numberStepButtons:b.numberStepButtons,prefix:b.prefixContainer,suffix:b.suffixContainer,input:b.input,label:b.label};exports.ColorPicker=function(e){var s=e.format,o=void 0===s?"hex":s,h=e.className,C=e.label,x=e.labelPlacement,P=void 0===x?"top":x,F=e.popoverPlacement,S=void 0===F?"bottom-start":F,D=e.testId,A=e.disabled,N=e.size,T=void 0===N?"small":N,w=e.onOpen,M=e.onClose,E=e.value,R=void 0===E?p.defaultColor:E,B=e.onChange,z=e.disableOpacityDrag,W=e.enableAlpha,L=void 0!==W&&W,G=n.useMemo((function(){try{var e=p.parseColor(R);return y(y({},e),{},{a:L?e.a:1})}catch(e){return p.parseColor(p.defaultColor)}}),[R,L]),K=n.useState(!1),U=v.default(K,2),H=U[0],V=U[1],_=n.useRef(null),Z=n.useRef(null),J=n.useState(!0),Q=v.default(J,2),X=Q[0],Y=Q[1],$=n.useState(null),ee=v.default($,2),se=ee[0],oe=ee[1],ne=n.useState(G),ce=v.default(ne,2),ie=ce[0],re=ce[1],te=n.useRef(null),ue=n.useMemo((function(){return"corva-color-picker-".concat(r.v4())}),[]),ae="".concat(ue,"-opacity-input"),le="".concat(ue,"-label"),me="".concat(ue,"-opacity-label"),de=Boolean(C),pe=n.useCallback((function(){V(!0),null==w||w()}),[w]),je=n.useCallback((function(e){e.preventDefault(),oe(null),pe()}),[pe]),qe=n.useCallback((function(){oe(null),pe()}),[pe]),be=n.useCallback((function(e){A||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),oe("palette"),pe())}),[A,pe]),fe=n.useCallback((function(){var e,s,o=!(null===(e=te.current)||void 0===e||!e.contains(document.activeElement));(oe(null),V(!1),null==M||M(),o)&&(null===(s=Z.current)||void 0===s||s.focus({preventScroll:!0}))}),[M]),Ie=n.useCallback((function(e){oe(0===e.detail?"palette":null),Y(!0)}),[]),he=n.useCallback((function(e){oe(0===e.detail?"picker":null),Y(!1)}),[]),ve=n.useCallback((function(){return oe(null)}),[]),Ce=n.useCallback((function(e){return re(e.rgb)}),[]),ke=n.useCallback((function(e){var s="hex"===o?p.channelsToHex(e,L):p.channelsToRgba(e,L);null==B||B(s)}),[o,B,L]),xe=n.useCallback((function(e){re(e),ke(e)}),[ke]),ye=q.useChromePickerAccessibility({color:ie,enableAlpha:L,isActive:!X,onChange:xe}),ge=ye.pickerRef,Oe=ye.onKeyDown;n.useEffect((function(){var e;if("picker"===se&&!X){var s=null===(e=ge.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');s&&(s.focus({preventScroll:!0}),ve())}}),[ve,se,X,ge]);var Pe=n.useCallback((function(e){var s=Number(e);if(!(Number.isNaN(s)||s<0||s>100)){var o=y(y({},G),{},{a:s/100});ke(o)}}),[G,ke]),Fe=n.useCallback((function(e){ke(e.rgb)}),[ke]),Se=n.useCallback((function(e){var s=G.a||1,o=L&&0===e.a?0:s;ke(y(y({},e),{},{a:o}))}),[ke,G.a,L]),De=n.useCallback((function(){setTimeout((function(){var e,s;V(!1),null===(e=document.activeElement)||void 0===e||null===(s=e.blur)||void 0===s||s.call(e)}),0)}),[]),Ae=n.useMemo((function(){return i.throttle((function(e){var s=String(Math.round(e));Pe(s)}),100)}),[Pe]);n.useEffect((function(){re(G)}),[G]),n.useEffect((function(){H&&Y(!0)}),[H]),m(te,fe,[_.current]);var Ne=String(Math.round(100*ie.a)),Te=(null==S?void 0:S.startsWith("top"))||(null==S?void 0:S.startsWith("bottom")),we=(null==S?void 0:S.startsWith("left"))||(null==S?void 0:S.startsWith("right")),Me=de?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:le,htmlFor:ae,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:me,hidden:!0,children:"Opacity"})]}):void 0,Ee=n.useMemo((function(){return de?{id:ae,"aria-labelledby":"".concat(le," ").concat(me)}:{id:ae,"aria-label":"Opacity"}}),[de,ae,le,me]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Me,labelPlacement:P,disabled:A,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:b.fakeValue,children:[Ne,I.jsx("span",{className:b.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Z,className:k.default(b.indicator,0===ie.a&&b.transparent),style:{"--corvaui-colorpicker-indicatorcolor":p.channelsToHex(ie,!1)},onClick:A?void 0:je,onKeyDown:be,role:"button","aria-label":de?void 0:"Color picker","aria-labelledby":de?le:void 0,"aria-expanded":H,"aria-disabled":A,tabIndex:A?-1:0})]}),suffix:L&&!z&&!A&&I.jsx(j.OpacityDragTracker,{value:Number(Ne),onDrag:Ae,onDragEnd:De}),className:k.default(b.root,g[T],!L&&b.noAlpha,h),testId:D,inputContainerRef:_,value:Ne,onChange:Pe,onFocus:qe,inputType:"number",inputMode:"numeric",htmlAttributes:Ee,elementsClassNames:O}),I.jsxs(u.Popover,{ref:te,anchorEl:_.current,open:H,onClose:fe,placement:S,className:k.default(b.popover,Te&&b.marginVertical,we&&b.marginHorizontal,0===ie.a&&b.isTransparent),backdrop:!1,children:[X?I.jsx(d.Swatches,{onChange:Se,value:G,addTransparent:L,autoFocus:"palette"===se,onAutoFocus:ve}):I.jsx("div",{ref:ge,className:b.pickerContainer,onKeyDown:Oe,children:I.jsx(c.ChromePicker,{color:ie,onChange:Ce,onChangeComplete:Fe,disableAlpha:!L,className:b.picker})}),I.jsxs("div",{className:b.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:X?"secondary":"tertiary",onClick:Ie,children:I.jsx(f.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:X?"tertiary":"secondary",onClick:he,children:I.jsx(f.PickerIcon,{})})})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),s=require("classnames"),n=require("react"),c=require("react-color"),r=require("lodash"),i=require("uuid"),t=require("../TextInputNext/TextInputNext.js"),u=require("../Popover/Popover.js"),a=require("../ButtonIcon/ButtonIcon.js"),l=require("../Tooltip/Tooltip.js"),m=require("../Popper/Popper.js"),p=require("./Swatches/Swatches.js"),d=require("./utils.js"),j=require("./OpacityDragtracker/OpacityDragtracker.js"),q=require("./useChromePickerAccessibility.js"),f=require("./ColorPicker.scss.js"),b=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=h(e),C=h(o),k=h(s);function x(e,o){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),s.push.apply(s,n)}return s}function y(e){for(var o=1;o<arguments.length;o++){var s=null!=arguments[o]?arguments[o]:{};o%2?x(Object(s),!0).forEach((function(o){C.default(e,o,s[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):x(Object(s)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(s,o))}))}return e}var g={small:f.small,medium:f.medium,large:f.large};exports.ColorPicker=function(e){var o=e.format,s=void 0===o?"hex":o,h=e.className,C=e.label,x=e.labelPlacement,O=void 0===x?"top":x,P=e.popoverPlacement,D=void 0===P?"bottom-start":P,F=e.testId,N=e.disabled,S=e.size,T=void 0===S?"small":S,A=e.onOpen,w=e.onClose,M=e.value,E=void 0===M?d.defaultColor:M,R=e.onChange,B=e.disableOpacityDrag,z=e.enableAlpha,W=void 0!==z&&z,L=e.elementsClassNames,G=void 0===L?{}:L,K=n.useMemo((function(){return{input:k.default(f.input,G.input),inputContainer:k.default(f.inputContainer,G.inputContainer),label:k.default(f.label,G.label),prefix:f.prefixContainer,suffix:f.suffixContainer,numberStepButtons:f.numberStepButtons}}),[G.input,G.inputContainer,G.label]),U=n.useMemo((function(){try{var e=d.parseColor(E);return y(y({},e),{},{a:W?e.a:1})}catch(e){return d.parseColor(d.defaultColor)}}),[E,W]),H=n.useState(!1),V=v.default(H,2),_=V[0],Z=V[1],J=n.useRef(null),Q=n.useRef(null),X=n.useState(!0),Y=v.default(X,2),$=Y[0],ee=Y[1],oe=n.useState(null),se=v.default(oe,2),ne=se[0],ce=se[1],re=n.useState(U),ie=v.default(re,2),te=ie[0],ue=ie[1],ae=n.useRef(null),le=n.useMemo((function(){return"corva-color-picker-".concat(i.v4())}),[]),me="".concat(le,"-opacity-input"),pe="".concat(le,"-label"),de="".concat(le,"-opacity-label"),je=Boolean(C),qe=n.useCallback((function(){Z(!0),null==A||A()}),[A]),fe=n.useCallback((function(e){e.preventDefault(),ce(null),qe()}),[qe]),be=n.useCallback((function(){ce(null),qe()}),[qe]),Ie=n.useCallback((function(e){N||"Enter"!==e.key&&" "!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),ce("palette"),qe())}),[N,qe]),he=n.useCallback((function(){var e,o,s=!(null===(e=ae.current)||void 0===e||!e.contains(document.activeElement));(ce(null),Z(!1),null==w||w(),s)&&(null===(o=Q.current)||void 0===o||o.focus({preventScroll:!0}))}),[w]),ve=n.useCallback((function(e){ce(0===e.detail?"palette":null),ee(!0)}),[]),Ce=n.useCallback((function(e){ce(0===e.detail?"picker":null),ee(!1)}),[]),ke=n.useCallback((function(){return ce(null)}),[]),xe=n.useCallback((function(e){return ue(e.rgb)}),[]),ye=n.useCallback((function(e){var o="hex"===s?d.channelsToHex(e,W):d.channelsToRgba(e,W);null==R||R(o)}),[s,R,W]),ge=n.useCallback((function(e){ue(e),ye(e)}),[ye]),Oe=q.useChromePickerAccessibility({color:te,enableAlpha:W,isActive:!$,onChange:ge}),Pe=Oe.pickerRef,De=Oe.onKeyDown;n.useEffect((function(){var e;if("picker"===ne&&!$){var o=null===(e=Pe.current)||void 0===e?void 0:e.querySelector('[data-color-picker-control="saturation"]');o&&(o.focus({preventScroll:!0}),ke())}}),[ke,ne,$,Pe]);var Fe=n.useCallback((function(e){var o=Number(e);if(!(Number.isNaN(o)||o<0||o>100)){var s=y(y({},U),{},{a:o/100});ye(s)}}),[U,ye]),Ne=n.useCallback((function(e){ye(e.rgb)}),[ye]),Se=n.useCallback((function(e){var o=U.a||1,s=W&&0===e.a?0:o;ye(y(y({},e),{},{a:s}))}),[ye,U.a,W]),Te=n.useCallback((function(){setTimeout((function(){var e,o;Z(!1),null===(e=document.activeElement)||void 0===e||null===(o=e.blur)||void 0===o||o.call(e)}),0)}),[]),Ae=n.useMemo((function(){return r.throttle((function(e){var o=String(Math.round(e));Fe(o)}),100)}),[Fe]);n.useEffect((function(){ue(U)}),[U]),n.useEffect((function(){_&&ee(!0)}),[_]);var we=String(Math.round(100*te.a)),Me=(null==D?void 0:D.startsWith("top"))||(null==D?void 0:D.startsWith("bottom")),Ee=(null==D?void 0:D.startsWith("left"))||(null==D?void 0:D.startsWith("right")),Re=je?I.jsxs(I.Fragment,{children:[I.jsx("label",{id:pe,htmlFor:me,children:"string"==typeof C?I.jsx(t.TextInputNext.Label,{children:C}):C}),I.jsx("span",{id:de,hidden:!0,children:"Opacity"})]}):void 0,Be=n.useMemo((function(){return je?{id:me,"aria-labelledby":"".concat(pe," ").concat(de)}:{id:me,"aria-label":"Opacity"}}),[je,me,pe,de]);return I.jsxs(I.Fragment,{children:[I.jsx(t.TextInputNext,{label:Re,labelPlacement:O,disabled:N,size:T,rootTagName:"div",prefix:I.jsxs(I.Fragment,{children:[I.jsxs("div",{className:f.fakeValue,children:[we,I.jsx("span",{className:f.fakeValuePercent,children:"%"})]}),I.jsx("div",{ref:Q,className:k.default(f.indicator,0===te.a&&f.transparent,G.indicator),style:{"--corvaui-colorpicker-indicatorcolor":d.channelsToHex(te,!1)},onClick:N?void 0:fe,onKeyDown:Ie,role:"button","aria-label":je?void 0:"Color picker","aria-labelledby":je?pe:void 0,"aria-expanded":_,"aria-disabled":N,tabIndex:N?-1:0})]}),suffix:!_&&W&&!B&&!N&&I.jsx(j.OpacityDragTracker,{value:Number(we),onDrag:Ae,onDragEnd:Te}),className:k.default(f.root,g[T],!W&&f.noAlpha,h),testId:F,inputContainerRef:J,value:we,onChange:Fe,onFocus:be,inputType:"number",inputMode:"numeric",htmlAttributes:Be,elementsClassNames:K}),I.jsxs(u.Popover,{ref:ae,anchorEl:J.current,open:_,onClose:he,placement:D,className:k.default(f.popover,Me&&f.marginVertical,Ee&&f.marginHorizontal,0===te.a&&f.isTransparent,G.popover),children:[$?I.jsx(p.Swatches,{onChange:Se,value:U,addTransparent:W,autoFocus:"palette"===ne,onAutoFocus:ke}):I.jsx("div",{ref:Pe,className:f.pickerContainer,onKeyDown:De,children:I.jsx(c.ChromePicker,{color:te,onChange:xe,onChangeComplete:Ne,disableAlpha:!W,className:f.picker})}),I.jsxs("div",{className:f.switchButtons,children:[I.jsx(l.Tooltip,{title:"Palette",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show color palette",size:"medium",type:$?"secondary":"tertiary",onClick:ve,children:I.jsx(b.PaletteIcon,{})})}),I.jsx(l.Tooltip,{title:"Pick your own",children:I.jsx(a.ButtonIcon,{ariaLabel:"Show custom color picker",size:"medium",type:$?"tertiary":"secondary",onClick:Ce,children:I.jsx(b.PickerIcon,{})})})]})]}),_&&W&&!B&&I.jsx(m.Popper,{open:_,anchorEl:J.current,className:f.dragTrackerPopper,placement:"right",children:I.jsx(j.OpacityDragTracker,{onDrag:Ae,onDragEnd:Te})})]})};
 //# sourceMappingURL=ColorPicker.js.map