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

@corva/ui 3.75.0-10 → 3.75.0-11

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

Files changed (1098) hide show

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

@@ -1,2 +1,2 @@
-import{forwardRef as o,useCallback as s}from"react";import{ButtonIcon as c}from"../../../ButtonIcon/ButtonIcon.js";import{SettingTwoIcon as i}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{Tooltip as n}from"../../../Tooltip/Tooltip.js";import{useAppSettingPinning as t}from"../../../AppSettings/AppSettingsPinningContext.js";import{SettingsButtonTestIds as m}from"./SettingsButton.constants.js";import{jsx as r}from"react/jsx-runtime";var p=o((function(o,p){var e=o.className,u=o.closeSettings,I=t(),j=I.isPinned,a=I.open,l=I.isPopoverOpen,d=s((function(){l?u():a()}),[l,u,a]);return r(n,{title:l||j?"":"Settings",children:r(c,{size:"small",type:l||j?"secondaryBg":"tertiaryBg",onClick:d,testId:m.SettingsButtonTestId,className:e,ref:p,children:r(i,{})})})}));export{p as SettingsButton};
+import{forwardRef as o,useCallback as s}from"react";import{ButtonIcon as c}from"../../../ButtonIcon/ButtonIcon.js";import{SettingTwoIcon as i}from"../../../../icons/iconParkIcons.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/InfoRounded.js";import"../../../../icons/customIcons/icons/FlameFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{Tooltip as n}from"../../../Tooltip/Tooltip.js";import{useAppSettingPinning as t}from"../../../AppSettings/AppSettingsPinningContext.js";import{SettingsButtonTestIds as m}from"./SettingsButton.constants.js";import{jsx as r}from"react/jsx-runtime";var p=o((function(o,p){var e=o.className,u=o.closeSettings,I=t(),j=I.isPinned,a=I.open,l=I.isPopoverOpen,d=s((function(){l?u():a()}),[l,u,a]);return r(n,{title:l||j?"":"Settings",children:r(c,{size:"small",type:l||j?"secondaryBg":"tertiaryBg",onClick:d,testId:m.SettingsButtonTestId,className:e,ref:p,children:r(i,{})})})}));export{p as SettingsButton};
 //# sourceMappingURL=SettingsButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsButton.js","sources":["../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { SettingTwoIcon } from '../../../../icons';\nimport { Tooltip } from '../../../Tooltip';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\n\nimport { SettingsButtonTestIds } from './SettingsButton.constants';\n\nexport type SettingsButtonProps = {\n closeSettings: () => void;\n className?: string;\n};\n\nexport const SettingsButton = forwardRef<HTMLButtonElement, SettingsButtonProps>(\n ({ className, closeSettings }, ref) => {\n const { isPinned, open, isPopoverOpen } = useAppSettingPinning();\n\n const toggle = useCallback(() => {\n if (isPopoverOpen) {\n closeSettings();\n } else {\n open();\n }\n }, [isPopoverOpen, closeSettings, open]);\n\n return (\n <Tooltip title={isPopoverOpen \|\| isPinned ? '' : 'Settings'}>\n <ButtonIcon\n size=\"small\"\n type={isPopoverOpen \|\| isPinned ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggle}\n testId={SettingsButtonTestIds.SettingsButtonTestId}\n className={className}\n ref={ref}\n >\n <SettingTwoIcon />\n </ButtonIcon>\n </Tooltip>\n );\n }\n);\n"],"names":["SettingsButton","forwardRef","_ref","ref","className","closeSettings","_useAppSettingPinning","useAppSettingPinning","isPinned","open","isPopoverOpen","toggle","useCallback","_jsx","Tooltip","title","children","ButtonIcon","size","type","onClick","testId","SettingsButtonTestIds","SettingsButtonTestId","SettingTwoIcon"],"mappings":"~~m7IAcaA~~,EAAiBC,GAC5B,SAAAC,EAA+BC,GAAQ,IAApCC,IAAAA,UAAWC,IAAAA,cACZC,EAA0CC,IAAlCC,IAAAA,SAAUC,IAAAA,KAAMC,IAAAA,cAElBC,EAASC,GAAY,WACrBF,EACFL,IAEAI,GAEH,GAAE,CAACC,EAAeL,EAAeI,IAElC,OACEI,EAACC,EAAO,CAACC,MAAOL,GAAiBF,EAAW,GAAK,WAAWQ,SAC1DH,EAACI,EAAU,CACTC,KAAK,QACLC,KAAMT,GAAiBF,EAAW,cAAgB,aAClDY,QAAST,EACTU,OAAQC,EAAsBC,qBAC9BnB,UAAWA,EACXD,IAAKA,EAAIa,SAETH,EAACW,EAAc,OAIvB"}
1	+ {"version":3,"file":"SettingsButton.js","sources":["../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react';\n\nimport { ButtonIcon } from '../../../ButtonIcon';\nimport { SettingTwoIcon } from '../../../../icons';\nimport { Tooltip } from '../../../Tooltip';\nimport { useAppSettingPinning } from '../../../AppSettings/AppSettingsPinningContext';\n\nimport { SettingsButtonTestIds } from './SettingsButton.constants';\n\nexport type SettingsButtonProps = {\n closeSettings: () => void;\n className?: string;\n};\n\nexport const SettingsButton = forwardRef<HTMLButtonElement, SettingsButtonProps>(\n ({ className, closeSettings }, ref) => {\n const { isPinned, open, isPopoverOpen } = useAppSettingPinning();\n\n const toggle = useCallback(() => {\n if (isPopoverOpen) {\n closeSettings();\n } else {\n open();\n }\n }, [isPopoverOpen, closeSettings, open]);\n\n return (\n <Tooltip title={isPopoverOpen \|\| isPinned ? '' : 'Settings'}>\n <ButtonIcon\n size=\"small\"\n type={isPopoverOpen \|\| isPinned ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggle}\n testId={SettingsButtonTestIds.SettingsButtonTestId}\n className={className}\n ref={ref}\n >\n <SettingTwoIcon />\n </ButtonIcon>\n </Tooltip>\n );\n }\n);\n"],"names":["SettingsButton","forwardRef","_ref","ref","className","closeSettings","_useAppSettingPinning","useAppSettingPinning","isPinned","open","isPopoverOpen","toggle","useCallback","_jsx","Tooltip","title","children","ButtonIcon","size","type","onClick","testId","SettingsButtonTestIds","SettingsButtonTestId","SettingTwoIcon"],"mappings":"yiJAcaA,EAAiBC,GAC5B,SAAAC,EAA+BC,GAAQ,IAApCC,IAAAA,UAAWC,IAAAA,cACZC,EAA0CC,IAAlCC,IAAAA,SAAUC,IAAAA,KAAMC,IAAAA,cAElBC,EAASC,GAAY,WACrBF,EACFL,IAEAI,GAEH,GAAE,CAACC,EAAeL,EAAeI,IAElC,OACEI,EAACC,EAAO,CAACC,MAAOL,GAAiBF,EAAW,GAAK,WAAWQ,SAC1DH,EAACI,EAAU,CACTC,KAAK,QACLC,KAAMT,GAAiBF,EAAW,cAAgB,aAClDY,QAAST,EACTU,OAAQC,EAAsBC,qBAC9BnB,UAAWA,EACXD,IAAKA,EAAIa,SAETH,EAACW,EAAc,OAIvB"}

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

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

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

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

package/componentsV2/AppSettings/AppSettings.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{forwardRef as s,useState as n,useRef as c,useEffect as i}from"react";import{debounce as t}from"lodash";import r from"classnames";import{Text as m}from"../Text/Text.js";import{Tooltip as e}from"../Tooltip/Tooltip.js";import{ButtonIcon as p}from"../ButtonIcon/ButtonIcon.js";import u from"../../components/ErrorBoundary/ErrorBoundary.js";import a from"../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{useAppCommonsInternal as l}from"../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingPinning as j}from"./AppSettingsPinningContext.js";import I from"./AppSettings.scss.js";import{CloseSmallIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import{Pin as C}from"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AppSettingsTestIds as h}from"./AppSettings.constants.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";var f=s((function(s,f){var A=s.rootStyles,S=s.onClose,F=l(),P=F.appSettings,b=F.currentUser,O=F.onSettingChange,B=F.onSettingsChange,E=F.layoutEnvironment,y=F.app,T=F.appData,k=F.appSettingsComponent,x=n(!1),D=o(x,2),M=D[0],U=D[1],N=c(null),w=j(),z=w.isPinned,R=w.onPinClick,G=w.showPinButton,q=w.additionalControls;return i((function(){if(N.current){var o=t((function(){requestAnimationFrame((function(){var o=N.current||{},s=o.clientHeight,n=void 0===s?0:s,c=o.scrollHeight;U(n<(void 0===c?0:c))}))}),200,{leading:!0}),s=new ResizeObserver(o);return N.current&&s.observe(N.current),function(){s.disconnect(),o.cancel()}}}),[]),k?g("div",{className:I.root,style:A,ref:f,children:[g("div",{className:I.header,children:[v(m,{size:16,weight:"medium",className:I.title,children:"Settings"}),q,G&&v(e,{title:z?"Unpin":"Pin",children:v(p,{size:"small",className:z?I.pinnedPinButton:void 0,onClick:R,testId:z?h.UnpinButtonTestId:h.PinButtonTestId,children:v(C,{})})}),v(e,{title:"Close Settings",children:v(p,{testId:h.CloseSettingsButtonTestId,size:"small",onClick:S,children:v(d,{})})})]}),v("div",{className:r(I.content,M&&I.scrollable),children:v("div",{className:I.contentInner,ref:N,children:v(u,{ErrorView:a,children:v(k,{app:y,appData:T,settings:P,onSettingChange:O,onSettingsChange:B,layoutEnvironment:E,currentUser:b})})})})]}):null}));export{f as AppSettings};
+import o from"@babel/runtime/helpers/slicedToArray";import{forwardRef as s,useState as n,useRef as c,useEffect as i}from"react";import{debounce as t}from"lodash";import r from"classnames";import{Text as m}from"../Text/Text.js";import{Tooltip as e}from"../Tooltip/Tooltip.js";import{ButtonIcon as p}from"../ButtonIcon/ButtonIcon.js";import u from"../../components/ErrorBoundary/ErrorBoundary.js";import l from"../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import{useAppCommonsInternal as a}from"../AppCommonsProvider/AppCommonsContext.js";import{useAppSettingPinning as I}from"./AppSettingsPinningContext.js";import j from"./AppSettings.scss.js";import{CloseSmallIcon as d}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import{Pin as C}from"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AppSettingsTestIds as h}from"./AppSettings.constants.js";import{jsxs as g,jsx as v}from"react/jsx-runtime";var f=s((function(s,f){var A=s.rootStyles,F=s.onClose,S=a(),P=S.appSettings,b=S.currentUser,O=S.onSettingChange,B=S.onSettingsChange,E=S.layoutEnvironment,y=S.app,T=S.appData,k=S.appSettingsComponent,x=n(!1),D=o(x,2),M=D[0],U=D[1],N=c(null),R=I(),w=R.isPinned,z=R.onPinClick,G=R.showPinButton,q=R.additionalControls;return i((function(){if(N.current){var o=t((function(){requestAnimationFrame((function(){var o=N.current||{},s=o.clientHeight,n=void 0===s?0:s,c=o.scrollHeight;U(n<(void 0===c?0:c))}))}),200,{leading:!0}),s=new ResizeObserver(o);return N.current&&s.observe(N.current),function(){s.disconnect(),o.cancel()}}}),[]),k?g("div",{className:j.root,style:A,ref:f,children:[g("div",{className:j.header,children:[v(m,{size:16,weight:"medium",className:j.title,children:"Settings"}),q,G&&v(e,{title:w?"Unpin":"Pin",children:v(p,{size:"small",className:w?j.pinnedPinButton:void 0,onClick:z,testId:w?h.UnpinButtonTestId:h.PinButtonTestId,children:v(C,{})})}),v(e,{title:"Close Settings",children:v(p,{testId:h.CloseSettingsButtonTestId,size:"small",onClick:F,children:v(d,{})})})]}),v("div",{className:r(j.content,M&&j.scrollable),children:v("div",{className:j.contentInner,ref:N,children:v(u,{ErrorView:l,children:v(k,{app:y,appData:T,settings:P,onSettingChange:O,onSettingsChange:B,layoutEnvironment:E,currentUser:b})})})})]}):null}));export{f as AppSettings};
 //# sourceMappingURL=AppSettings.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSettings.js","sources":["../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport { Text } from '../Text';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider/AppCommonsContext';\n\nimport { useAppSettingPinning } from './AppSettingsPinningContext';\n\nimport styles from './AppSettings.scss';\n\nimport { CloseSmallIcon, Pin } from '~/icons';\nimport { AppSettingsTestIds } from '~/componentsV2/AppSettings/AppSettings.constants';\n\nexport type AppSettingsProps = {\n onClose?: () => void;\n rootStyles?: CSSProperties;\n};\n\nexport const AppSettings = forwardRef<HTMLDivElement, AppSettingsProps>(\n ({ rootStyles, onClose }, ref) => {\n const {\n appSettings,\n currentUser,\n onSettingChange,\n onSettingsChange,\n layoutEnvironment,\n app,\n appData,\n appSettingsComponent: AppSettingsComponent,\n } = useAppCommonsInternal();\n const [isScrollable, setIsScrollable] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { isPinned, onPinClick, showPinButton, additionalControls } = useAppSettingPinning();\n\n useEffect(() => {\n if (containerRef.current) {\n const onDimensionChange = debounce(\n () => {\n requestAnimationFrame(() => {\n const { clientHeight = 0, scrollHeight = 0 } = containerRef.current \|\| {};\n setIsScrollable(clientHeight < scrollHeight);\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionChange.cancel();\n };\n }\n\n return undefined;\n }, []);\n\n if (!AppSettingsComponent) {\n return null;\n }\n\n return (\n <div className={styles.root} style={rootStyles} ref={ref}>\n <div className={styles.header}>\n <Text size={16} weight=\"medium\" className={styles.title}>\n Settings\n </Text>\n\n {additionalControls}\n\n {showPinButton && (\n <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n <ButtonIcon\n size=\"small\"\n className={isPinned ? styles.pinnedPinButton : undefined}\n onClick={onPinClick}\n testId={\n isPinned\n ? AppSettingsTestIds.UnpinButtonTestId\n : AppSettingsTestIds.PinButtonTestId\n }\n >\n <Pin />\n </ButtonIcon>\n </Tooltip>\n )}\n\n <Tooltip title=\"Close Settings\">\n <ButtonIcon\n testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n size=\"small\"\n onClick={onClose}\n >\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n\n <div className={classNames(styles.content, isScrollable && styles.scrollable)}>\n <div className={styles.contentInner} ref={containerRef}>\n <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n </ErrorBoundary>\n </div>\n </div>\n </div>\n );\n }\n);\n"],"names":["AppSettings","forwardRef","_ref","ref","rootStyles","onClose","_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingPinning","useAppSettingPinning","isPinned","onPinClick","showPinButton","additionalControls","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref2","_ref2$clientHeight","clientHeight","_ref2$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","style","children","header","_jsx","Text","size","weight","title","Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"~~y7IAsBaA~~,EAAcC,GACzB,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,WAAYC,IAAAA,QACbC,EASIC,IARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,EAAuB,MAE5CC,EAAoEC,IAA5DC,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,cAAeC,IAAAA,mBA8B7C,OA5BAC,GAAU,WACR,GAAIR,EAAaS,QAAS,CACxB,IAAMC,EAAoBC,GACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+Cb,EAAaS,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BlB,EAAgBgB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIV,EAAaS,SACfU,EAAeE,QAAQrB,EAAaS,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEE/B,EAKHgC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,MAAO/C,EAAYD,IAAKA,EAAIiD,SACvD,CAAAL,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOD,SAAA,CAC5BE,EAACC,EAAI,CAACC,KAAM,GAAIC,OAAO,SAAST,UAAWC,EAAOS,MAAMN,SAAA,aAIvDtB,EAEAD,GACCyB,EAACK,EAAO,CAACD,MAAO/B,EAAW,QAAU,MAAMyB,SACzCE,EAACM,EAAU,CACTJ,KAAK,QACLR,UAAWrB,EAAWsB,EAAOY,qBAAkBC,EAC/CC,QAASnC,EACToC,OACErC,EACIsC,EAAmBC,kBACnBD,EAAmBE,gBACxBf,SAEDE,EAACc,EAAG,QAKVd,EAACK,EAAO,CAACD,MAAM,iBAAgBN,SAC7BE,EAACM,EAAU,CACTI,OAAQC,EAAmBI,0BAC3Bb,KAAK,QACLO,QAAS1D,EAAQ+C,SAEjBE,EAACgB,EAAc,WAKrBhB,EAAA,MAAA,CAAKN,UAAWuB,EAAWtB,EAAOuB,QAASnD,GAAgB4B,EAAOwB,YAAYrB,SAC5EE,EAAA,MAAA,CAAKN,UAAWC,EAAOyB,aAAcvE,IAAKoB,EAAa6B,SACrDE,EAACqB,EAAa,CAACC,UAAWC,EAAsBzB,SAC9CE,EAACvC,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACTgE,SAAUtE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAlDhB,IAyDX"}
1	+ {"version":3,"file":"AppSettings.js","sources":["../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, useEffect, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport { Text } from '../Text';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider/AppCommonsContext';\n\nimport { useAppSettingPinning } from './AppSettingsPinningContext';\n\nimport styles from './AppSettings.scss';\n\nimport { CloseSmallIcon, Pin } from '~/icons';\nimport { AppSettingsTestIds } from '~/componentsV2/AppSettings/AppSettings.constants';\n\nexport type AppSettingsProps = {\n onClose?: () => void;\n rootStyles?: CSSProperties;\n};\n\nexport const AppSettings = forwardRef<HTMLDivElement, AppSettingsProps>(\n ({ rootStyles, onClose }, ref) => {\n const {\n appSettings,\n currentUser,\n onSettingChange,\n onSettingsChange,\n layoutEnvironment,\n app,\n appData,\n appSettingsComponent: AppSettingsComponent,\n } = useAppCommonsInternal();\n const [isScrollable, setIsScrollable] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { isPinned, onPinClick, showPinButton, additionalControls } = useAppSettingPinning();\n\n useEffect(() => {\n if (containerRef.current) {\n const onDimensionChange = debounce(\n () => {\n requestAnimationFrame(() => {\n const { clientHeight = 0, scrollHeight = 0 } = containerRef.current \|\| {};\n setIsScrollable(clientHeight < scrollHeight);\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionChange.cancel();\n };\n }\n\n return undefined;\n }, []);\n\n if (!AppSettingsComponent) {\n return null;\n }\n\n return (\n <div className={styles.root} style={rootStyles} ref={ref}>\n <div className={styles.header}>\n <Text size={16} weight=\"medium\" className={styles.title}>\n Settings\n </Text>\n\n {additionalControls}\n\n {showPinButton && (\n <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n <ButtonIcon\n size=\"small\"\n className={isPinned ? styles.pinnedPinButton : undefined}\n onClick={onPinClick}\n testId={\n isPinned\n ? AppSettingsTestIds.UnpinButtonTestId\n : AppSettingsTestIds.PinButtonTestId\n }\n >\n <Pin />\n </ButtonIcon>\n </Tooltip>\n )}\n\n <Tooltip title=\"Close Settings\">\n <ButtonIcon\n testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n size=\"small\"\n onClick={onClose}\n >\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n </div>\n\n <div className={classNames(styles.content, isScrollable && styles.scrollable)}>\n <div className={styles.contentInner} ref={containerRef}>\n <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n </ErrorBoundary>\n </div>\n </div>\n </div>\n );\n }\n);\n"],"names":["AppSettings","forwardRef","_ref","ref","rootStyles","onClose","_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingPinning","useAppSettingPinning","isPinned","onPinClick","showPinButton","additionalControls","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref2","_ref2$clientHeight","clientHeight","_ref2$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","style","children","header","_jsx","Text","size","weight","title","Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"miJAsBaA,EAAcC,GACzB,SAAAC,EAA0BC,GAAQ,IAA/BC,IAAAA,WAAYC,IAAAA,QACbC,EASIC,IARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,EAAuB,MAE5CC,EAAoEC,IAA5DC,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,cAAeC,IAAAA,mBA8B7C,OA5BAC,GAAU,WACR,GAAIR,EAAaS,QAAS,CACxB,IAAMC,EAAoBC,GACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+Cb,EAAaS,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BlB,EAAgBgB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIV,EAAaS,SACfU,EAAeE,QAAQrB,EAAaS,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEE/B,EAKHgC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAMC,MAAO/C,EAAYD,IAAKA,EAAIiD,SACvD,CAAAL,EAAA,MAAA,CAAKC,UAAWC,EAAOI,OAAOD,SAAA,CAC5BE,EAACC,EAAI,CAACC,KAAM,GAAIC,OAAO,SAAST,UAAWC,EAAOS,MAAMN,SAAA,aAIvDtB,EAEAD,GACCyB,EAACK,EAAO,CAACD,MAAO/B,EAAW,QAAU,MAAMyB,SACzCE,EAACM,EAAU,CACTJ,KAAK,QACLR,UAAWrB,EAAWsB,EAAOY,qBAAkBC,EAC/CC,QAASnC,EACToC,OACErC,EACIsC,EAAmBC,kBACnBD,EAAmBE,gBACxBf,SAEDE,EAACc,EAAG,QAKVd,EAACK,EAAO,CAACD,MAAM,iBAAgBN,SAC7BE,EAACM,EAAU,CACTI,OAAQC,EAAmBI,0BAC3Bb,KAAK,QACLO,QAAS1D,EAAQ+C,SAEjBE,EAACgB,EAAc,WAKrBhB,EAAA,MAAA,CAAKN,UAAWuB,EAAWtB,EAAOuB,QAASnD,GAAgB4B,EAAOwB,YAAYrB,SAC5EE,EAAA,MAAA,CAAKN,UAAWC,EAAOyB,aAAcvE,IAAKoB,EAAa6B,SACrDE,EAACqB,EAAa,CAACC,UAAWC,EAAsBzB,SAC9CE,EAACvC,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACTgE,SAAUtE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAlDhB,IAyDX"}

package/componentsV2/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/typeof";import i from"@babel/runtime/helpers/slicedToArray";import{createFilterOptions as t,Autocomplete as c}from"@material-ui/lab";import{useState as e,useMemo as r,useCallback as m}from"react";import l from"classnames";import{Popper as p}from"../Popper/Popper.js";import{DownIcon as u,CloseSmallIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AutocompleteInput as d}from"./AutocompleteInput/AutocompleteInput.js";import{AutocompletePaper as j}from"./AutocompletePaper.js";import{renderSelectedValue as f,renderSelectedValueChips as I,isRealOption as b,CreateOptionMark as O,AllOptionMark as h,renderOptionDefault as g}from"./utils.js";import{AutocompleteMenuItem as v}from"./AutocompleteMenuItem.js";import{AutocompleteListBox as C}from"./AutocompleteListBox.js";import y from"./Autocomplete.scss.js";import{Menu as A}from"../Menu/Menu.js";import{jsx as P,jsxs as x}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function D(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?F(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var w=function(I){var F=I.label,w=I.options,M=void 0===w?[]:w,N=I.value,S=I.onChange,z=I.multiple,T=I.renderOption,k=void 0===T?g:T,B=I.optionSize,E=void 0===B?"medium":B,G=I.showPopupIcon,L=void 0===G||G,R=I.clearable,V=void 0===R||R,U=I.loading,q=I.noOptionsMessage,W=I.filterOptions,K=I.prefix,Z=I.disabled,H=I.getOptionDisabled,J=I.renderSelected,Q=void 0===J?f:J,X=I.onInputChange,Y=I.className,$=I.testId,_=I.status,oo=I.message,so=I.useAllOption,no=void 0!==so&&so,io=I.useOnlyOptionButton,to=void 0!==io&&io,co=I.groupBy,eo=I.renderGroup,ro=I.disableFiltering,mo=I.onCreate,lo=I.dropdownClassName,po=I.popperProps,uo=I.placeholder,ao=I.focusOnClear,jo=void 0===ao||ao,fo=I.listboxComponent,Io=I.size,bo=void 0===Io?"small":Io,Oo=I.labelPlacement,ho=void 0===Oo?"top":Oo,go=I.elementsClassNames,vo=I.htmlAttributes,Co=I.type,yo=I.spacing,Ao=I.isNext,Po=e(""),xo=i(Po,2),Fo=xo[0],Do=xo[1],wo=r((function(){if(void 0===N||N instanceof Array&&0===N.length)return z?[]:null;var o=N instanceof Array?N:[N];if(z){var i=o.filter((function(o){return"object"!==n(o)})),t=o.filter((function(o){return"object"===n(o)})).map((function(o){return{id:o.id,title:o.title}})),c=M.filter((function(o){return i.includes(o.id)}));return[].concat(s(c),s(t))}return"object"===n(o[0])?o[0]:M.find((function(s){return o[0]===s.id}))||null}),[z,N,M]),Mo=wo instanceof Array&&wo.length>0,No=wo instanceof Array&&wo.length===M.length,So=U?"Loading  ...":"No options",zo=!V||!wo||wo instanceof Array&&!(null!=wo&&wo.length),To=m((function(o){return P(d,D(D({},o),{},{label:F,loading:U,prefix:K,status:_,message:oo,readOnly:ro,placeholder:uo,size:bo,labelPlacement:ho,elementsClassNames:go,htmlAttributes:vo,type:Co,spacing:yo,isNext:Ao}))}),[F,U,K,_,oo,ro,uo,bo,ho,go,vo,Co,yo,Ao]),ko=m((function(o,s,n){if("clear"!==n||jo||(o.stopPropagation(),o.preventDefault()),mo&&s){var i=(s instanceof Array?s:[s]).find((function(o){return!b(o)&&!!o[O]}));if(i)return void mo(i.newOptionTitle||"")}if(z&&s instanceof Array&&s.some((function(o){return!b(o)&&!!o[h]})))return void(wo instanceof Array&&wo.length<M.length?null==S||S(M.filter(b),n,o):null==S||S([],n,o));null==S||S(s||void 0,n,o)}),[jo,mo,z,S,wo,M]),Bo=m((function(o,s){return null==S?void 0:S([o],"select-only-option",s)}),[S]),Eo=m((function(o,s){var n=s.selected;return b(o)?P(v,{size:E,selected:n,prefix:o.prefix,multiple:z,useOnlyButton:to,option:o,onSelectOnly:Bo,children:k(o)}):o[h]?x("div",{className:y.allOptionContainer,children:[P(v,{size:E,selected:Mo,indeterminate:Mo&&!No,multiple:!0,children:o.title}),P(A.Divider,{className:y.allOptionDivider})]}):P(v,{size:E,selected:Mo,children:o.title})}),[E,z,to,Bo,k,Mo,No]),Go=m((function(n,i){var c,e=W?W(n,i.inputValue):t()(n,i),r=no&&z&&e.length&&n.length>1?[o({title:"All"},h,!0)].concat(s(e)):e;return mo&&""!==i.inputValue.trim()?[].concat(s(r),[(c={title:'Add "'.concat(i.inputValue,'"')},o(c,O,!0),o(c,"newOptionTitle",i.inputValue),c)]):r}),[W,mo,no,z]),Lo=m((function(o){return b(o)&&!(null==H||!H(o))}),[H]),Ro=m((function(o){return o.title}),[]),Vo=m((function(o,s){var n=o.filter(b).map((function(o,n){return{option:o,onDelete:s({index:n}).onDelete}}));return Q(n,{useAllOption:no,allOptions:M})}),[Q,no,M]),Uo=m((function(o,s,n){o&&"blur"===o.type?Do(""):"reset"!==n&&Do(s),"reset"!==n&&(null==X||X(s,o))}),[X]),qo=r((function(){if(co)return function(o){return b(o)?co(o):""}}),[co]),Wo=r((function(){return{paper:lo}}),[lo]),Ko=m((function(o,s){return!(!b(o)||!b(s))&&o.id===s.id}),[]),Zo=c,Ho=m((function(o){return P(p,D(D({},o),po))}),[po]);return P("div",{className:l(y.root,L&&y.withArrow,!zo&&y.withClear,Y),"data-testid":$,children:P(Zo,{value:wo,options:M,getOptionLabel:Ro,renderInput:To,PopperComponent:Ho,PaperComponent:j,multiple:z,disableCloseOnSelect:z,blurOnSelect:!z,onChange:ko,renderOption:Eo,popupIcon:P(u,{size:16}),forcePopupIcon:!!L,closeIcon:P(a,{size:16}),disableClearable:zo,clearText:"",noOptionsText:q||So,filterOptions:Go,disabled:Z,getOptionDisabled:Lo,renderTags:Vo,inputValue:z?Fo:void 0,onInputChange:Uo,groupBy:qo,renderGroup:eo,clearOnBlur:!0,selectOnFocus:!ro,classes:Wo,getOptionSelected:Ko,ListboxComponent:null!=fo?fo:C})})},M=function(o){return w(D(D({},o),{},{isNext:!1}))},N=function(o){return w(D(D({},o),{},{isNext:!0}))};N.selectedValueRenderers={default:f,chipsMultiline:I};export{M as Autocomplete,N as AutocompleteNext};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/typeof";import i from"@babel/runtime/helpers/slicedToArray";import{createFilterOptions as t,Autocomplete as c}from"@material-ui/lab";import{useState as e,useMemo as r,useCallback as m}from"react";import l from"classnames";import{Popper as p}from"../Popper/Popper.js";import{DownIcon as u,CloseSmallIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{AutocompleteInput as d}from"./AutocompleteInput/AutocompleteInput.js";import{AutocompletePaper as j}from"./AutocompletePaper.js";import{renderSelectedValue as f,renderSelectedValueChips as I,isRealOption as b,CreateOptionMark as O,AllOptionMark as h,renderOptionDefault as g}from"./utils.js";import{AutocompleteMenuItem as v}from"./AutocompleteMenuItem.js";import{AutocompleteListBox as C}from"./AutocompleteListBox.js";import y from"./Autocomplete.scss.js";import{Menu as A}from"../Menu/Menu.js";import{jsx as P,jsxs as x}from"react/jsx-runtime";function F(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function D(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?F(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):F(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var w=function(I){var F=I.label,w=I.options,M=void 0===w?[]:w,N=I.value,S=I.onChange,z=I.multiple,T=I.renderOption,k=void 0===T?g:T,B=I.optionSize,R=void 0===B?"medium":B,E=I.showPopupIcon,G=void 0===E||E,L=I.clearable,V=void 0===L||L,U=I.loading,q=I.noOptionsMessage,W=I.filterOptions,K=I.prefix,Z=I.disabled,H=I.getOptionDisabled,J=I.renderSelected,Q=void 0===J?f:J,X=I.onInputChange,Y=I.className,$=I.testId,_=I.status,oo=I.message,so=I.useAllOption,no=void 0!==so&&so,io=I.useOnlyOptionButton,to=void 0!==io&&io,co=I.groupBy,eo=I.renderGroup,ro=I.disableFiltering,mo=I.onCreate,lo=I.dropdownClassName,po=I.popperProps,uo=I.placeholder,ao=I.focusOnClear,jo=void 0===ao||ao,fo=I.listboxComponent,Io=I.size,bo=void 0===Io?"small":Io,Oo=I.labelPlacement,ho=void 0===Oo?"top":Oo,go=I.elementsClassNames,vo=I.htmlAttributes,Co=I.type,yo=I.spacing,Ao=I.isNext,Po=e(""),xo=i(Po,2),Fo=xo[0],Do=xo[1],wo=r((function(){if(void 0===N||N instanceof Array&&0===N.length)return z?[]:null;var o=N instanceof Array?N:[N];if(z){var i=o.filter((function(o){return"object"!==n(o)})),t=o.filter((function(o){return"object"===n(o)})).map((function(o){return{id:o.id,title:o.title}})),c=M.filter((function(o){return i.includes(o.id)}));return[].concat(s(c),s(t))}return"object"===n(o[0])?o[0]:M.find((function(s){return o[0]===s.id}))||null}),[z,N,M]),Mo=wo instanceof Array&&wo.length>0,No=wo instanceof Array&&wo.length===M.length,So=U?"Loading  ...":"No options",zo=!V||!wo||wo instanceof Array&&!(null!=wo&&wo.length),To=m((function(o){return P(d,D(D({},o),{},{label:F,loading:U,prefix:K,status:_,message:oo,readOnly:ro,placeholder:uo,size:bo,labelPlacement:ho,elementsClassNames:go,htmlAttributes:vo,type:Co,spacing:yo,isNext:Ao}))}),[F,U,K,_,oo,ro,uo,bo,ho,go,vo,Co,yo,Ao]),ko=m((function(o,s,n){if("clear"!==n||jo||(o.stopPropagation(),o.preventDefault()),mo&&s){var i=(s instanceof Array?s:[s]).find((function(o){return!b(o)&&!!o[O]}));if(i)return void mo(i.newOptionTitle||"")}if(z&&s instanceof Array&&s.some((function(o){return!b(o)&&!!o[h]})))return void(wo instanceof Array&&wo.length<M.length?null==S||S(M.filter(b),n,o):null==S||S([],n,o));null==S||S(s||void 0,n,o)}),[jo,mo,z,S,wo,M]),Bo=m((function(o,s){return null==S?void 0:S([o],"select-only-option",s)}),[S]),Ro=m((function(o,s){var n=s.selected;return b(o)?P(v,{size:R,selected:n,prefix:o.prefix,multiple:z,useOnlyButton:to,option:o,onSelectOnly:Bo,children:k(o)}):o[h]?x("div",{className:y.allOptionContainer,children:[P(v,{size:R,selected:Mo,indeterminate:Mo&&!No,multiple:!0,children:o.title}),P(A.Divider,{className:y.allOptionDivider})]}):P(v,{size:R,selected:Mo,children:o.title})}),[R,z,to,Bo,k,Mo,No]),Eo=m((function(n,i){var c,e=W?W(n,i.inputValue):t()(n,i),r=no&&z&&e.length&&n.length>1?[o({title:"All"},h,!0)].concat(s(e)):e;return mo&&""!==i.inputValue.trim()?[].concat(s(r),[(c={title:'Add "'.concat(i.inputValue,'"')},o(c,O,!0),o(c,"newOptionTitle",i.inputValue),c)]):r}),[W,mo,no,z]),Go=m((function(o){return b(o)&&!(null==H||!H(o))}),[H]),Lo=m((function(o){return o.title}),[]),Vo=m((function(o,s){var n=o.filter(b).map((function(o,n){return{option:o,onDelete:s({index:n}).onDelete}}));return Q(n,{useAllOption:no,allOptions:M})}),[Q,no,M]),Uo=m((function(o,s,n){o&&"blur"===o.type?Do(""):"reset"!==n&&Do(s),"reset"!==n&&(null==X||X(s,o))}),[X]),qo=r((function(){if(co)return function(o){return b(o)?co(o):""}}),[co]),Wo=r((function(){return{paper:lo}}),[lo]),Ko=m((function(o,s){return!(!b(o)||!b(s))&&o.id===s.id}),[]),Zo=c,Ho=m((function(o){return P(p,D(D({},o),po))}),[po]);return P("div",{className:l(y.root,G&&y.withArrow,!zo&&y.withClear,Y),"data-testid":$,children:P(Zo,{value:wo,options:M,getOptionLabel:Lo,renderInput:To,PopperComponent:Ho,PaperComponent:j,multiple:z,disableCloseOnSelect:z,blurOnSelect:!z,onChange:ko,renderOption:Ro,popupIcon:P(u,{size:16}),forcePopupIcon:!!G,closeIcon:P(a,{size:16}),disableClearable:zo,clearText:"",noOptionsText:q||So,filterOptions:Eo,disabled:Z,getOptionDisabled:Go,renderTags:Vo,inputValue:z?Fo:void 0,onInputChange:Uo,groupBy:qo,renderGroup:eo,clearOnBlur:!0,selectOnFocus:!ro,classes:Wo,getOptionSelected:Ko,ListboxComponent:null!=fo?fo:C})})},M=function(o){return w(D(D({},o),{},{isNext:!1}))},N=function(o){return w(D(D({},o),{},{isNext:!0}))};N.selectedValueRenderers={default:f,chipsMultiline:I};export{M as Autocomplete,N as AutocompleteNext};
 //# sourceMappingURL=Autocomplete.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n Autocomplete as MuiAutocomplete,\n AutocompleteChangeReason as MuiAutocompleteChangeReason,\n AutocompleteProps as MuiAutocompleteBaseProps,\n AutocompleteRenderGroupParams,\n AutocompleteRenderInputParams,\n createFilterOptions,\n} from '@material-ui/lab';\nimport {\n ChangeEvent,\n ComponentType,\n HTMLAttributes,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n AllOptionMark,\n AutocompleteOption,\n CreateOptionMark,\n InternalOption,\n isRealOption,\n OwnAddedOption,\n renderOptionDefault,\n renderSelectedValue,\n renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n \| MuiAutocompleteChangeReason\n \| 'select-option-all'\n \| 'remove-option-all'\n \| 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' \| 'anchorEl' \| 'children'>;\n\ntype AutocompleteBaseProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = {\n /*\n Options to allow selection from. Has to be assignable to `{ id: string \| number; title: string; prefix?: ReactNode; }[]`\n /\n options?: T[];\n /\n Selected value. If `multiple` is `false \| undefined`, and the value is an array, only the first element will be used\n \n There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n * ```\n * value?: T['id'] \| T \| (T['id'] \| T)[];\n * ```\n \n You may need to provide additional typings\n /\n value?: string \| number \| T \| (string \| number \| T)[];\n /\n If `true`, the component will support multiple selection\n /\n multiple?: Multiple;\n /\n Selection change handler\n * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n /\n onChange?: (\n value: Multiple extends undefined \| false ? T \| undefined : T[],\n reason: ChangeReason,\n event?: ChangeEvent<unknown>\n ) => void;\n label?: ReactNode;\n placeholder?: string;\n /\n Controls the size of the options rendered\n /\n optionSize?: MenuItemProps['size'];\n disabled?: boolean;\n /\n If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n /\n onCreate?: (title: string) => void;\n\n prefix?: ReactNode;\n loading?: boolean;\n showPopupIcon?: boolean;\n /\n Controls the \"Clear\" button that's shown to the right if there is a value\n /\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n /\n Triggered when user types something\n /\n onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n status?: TextInputNextProps['status'];\n message?: TextInputNextProps['message'];\n size?: TextInputNextProps['size'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n /\n Makes internal text field readonly, effectively turning component into a simple `<select/>`\n /\n disableFiltering?: boolean;\n\n renderOption?: (item: T) => ReactNode;\n /\n Message to show when there are no options\n /\n noOptionsMessage?: ReactNode;\n spacing?: TextInputProps['spacing'];\n /\n Function that filters options based on input value\n /\n filterOptions?: (options: T[], inputValue: string) => T[];\n /\n Function that determines if an option is disabled. Used to override the default\n * @param option\n /\n getOptionDisabled?: (option: T) => boolean;\n /\n If `multiple === true` shows an \"All\" option that selects/deselects all options\n /\n useAllOption?: boolean;\n /\n If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n /\n useOnlyOptionButton?: boolean;\n\n /\n Used to render selected values when `multiple === true`\n /\n renderSelected?: (\n data: { option: T; onDelete: MouseEventHandler }[],\n options: { useAllOption: boolean; allOptions: T[] }\n ) => ReactNode;\n\n /\n Defines option grouping\n /\n groupBy?: (option: T) => string;\n /\n Group render override\n /\n renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n /\n A classname that will be applied to dropdown (`<Paper/>` component)\n /\n dropdownClassName?: string;\n /\n Escape hatch to customize dropdown popper behavior.\n * `open`, `anchorEl`, and `children` are controlled internally.\n /\n popperProps?: Partial<AutocompletePopperProps>;\n\n type?: 'default' \| 'search';\n\n className?: string;\n testId?: string;\n\n /\n Escape hatch to fine-tune the styling of underlying elements\n /\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n /* HTML attributes forwarded to the underlying input. /\n htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n /\n Custom listbox component for rendering options (e.g., virtualized list)\n /\n listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n // TODO Remove when making next a new baseline\n isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n Option extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>({\n label,\n options = [],\n value,\n onChange,\n multiple,\n renderOption = renderOptionDefault,\n optionSize = 'medium',\n showPopupIcon = true,\n clearable = true,\n loading,\n noOptionsMessage,\n filterOptions,\n prefix,\n disabled,\n getOptionDisabled,\n renderSelected = renderSelectedValue,\n onInputChange,\n className,\n testId,\n status,\n message,\n useAllOption = false,\n useOnlyOptionButton = false,\n groupBy,\n renderGroup,\n disableFiltering,\n onCreate,\n dropdownClassName,\n popperProps,\n placeholder,\n focusOnClear = true,\n listboxComponent,\n size = 'small',\n labelPlacement = 'top',\n elementsClassNames,\n htmlAttributes,\n\n // Old props\n type,\n spacing,\n isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n const [inputValue, setInputValue] = useState('');\n\n const muiValue = useMemo(() => {\n if (value === undefined \|\| (value instanceof Array && value.length === 0)) {\n return multiple ? [] : null;\n }\n\n // Array of either ids or actual values\n const mixedValues = value instanceof Array ? value : [value];\n\n if (multiple) {\n const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n const objectValues = mixedValues\n .filter(value => typeof value === 'object')\n // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n .map(({ id, title }) => ({ id, title }));\n const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n return [...optionsById, ...objectValues];\n } else {\n return typeof mixedValues[0] === 'object'\n ? mixedValues[0]\n : options.find(option => mixedValues[0] === option.id) \|\| null;\n }\n }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n const defaultNoOptionsText = loading ? 'Loading ...' : 'No options';\n const disableClearable =\n !clearable \|\| !muiValue \|\| (muiValue instanceof Array && !muiValue?.length);\n\n const renderInput = useCallback(\n (inputProps: AutocompleteRenderInputParams) => (\n <AutocompleteInput\n {...inputProps}\n label={label}\n loading={loading}\n prefix={prefix}\n status={status}\n message={message}\n readOnly={disableFiltering}\n placeholder={placeholder}\n size={size}\n labelPlacement={labelPlacement}\n elementsClassNames={elementsClassNames}\n htmlAttributes={htmlAttributes}\n // Old props\n type={type}\n spacing={spacing}\n isNext={isNext}\n />\n ),\n [\n label,\n loading,\n prefix,\n status,\n message,\n disableFiltering,\n placeholder,\n size,\n labelPlacement,\n elementsClassNames,\n htmlAttributes,\n type,\n spacing,\n isNext,\n ]\n );\n\n const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n (event, optionOrArray, reason) => {\n if (reason === 'clear' && !focusOnClear) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n // Handling of \"Add\" option\n if (onCreate && optionOrArray) {\n const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n const foundAddOption: OwnAddedOption \| undefined = optionArray.find(\n option => !isRealOption(option) && !!option[CreateOptionMark]\n );\n\n if (foundAddOption) {\n onCreate(foundAddOption.newOptionTitle \|\| '');\n return;\n }\n }\n\n // Handling of \"All\" option - only multiselect\n if (multiple && optionOrArray instanceof Array) {\n const allOptionExists = optionOrArray.some(\n option => !isRealOption(option) && !!option[AllOptionMark]\n );\n\n if (allOptionExists) {\n // Selecting \"All\"\n if (muiValue instanceof Array && muiValue.length < options.length) {\n onChange?.(options.filter(isRealOption) as never, reason, event);\n }\n // Deselecting \"All\"\n else {\n onChange?.([] as never, reason, event);\n }\n return;\n }\n }\n\n onChange?.((optionOrArray \|\| undefined) as never, reason, event);\n },\n [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n );\n\n const onSelectOnly = useCallback(\n (option: T, event: ChangeEvent<object>) =>\n onChange?.([option] as never, 'select-only-option', event),\n [onChange]\n );\n\n const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n (option: InternalOption<T>, { selected }) => {\n if (isRealOption(option)) {\n return (\n <AutocompleteMenuItem\n size={optionSize}\n selected={selected}\n prefix={option.prefix}\n multiple={multiple}\n useOnlyButton={useOnlyOptionButton}\n option={option}\n onSelectOnly={onSelectOnly}\n >\n {renderOption(option)}\n </AutocompleteMenuItem>\n );\n } else if (option[AllOptionMark]) {\n return (\n <div className={styles.allOptionContainer}>\n <AutocompleteMenuItem\n size={optionSize}\n selected={hasMultiSelected}\n indeterminate={hasMultiSelected && !hasAllMultiSelected}\n multiple\n >\n {option.title}\n </AutocompleteMenuItem>\n <Menu.Divider className={styles.allOptionDivider} />\n </div>\n );\n } else {\n return (\n <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n {option.title}\n </AutocompleteMenuItem>\n );\n }\n },\n [\n optionSize,\n multiple,\n useOnlyOptionButton,\n onSelectOnly,\n renderOption,\n hasMultiSelected,\n hasAllMultiSelected,\n ]\n );\n\n const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n (options, params): InternalOption<T>[] => {\n const filteredOptions = filterOptions\n ? filterOptions(options as T[], params.inputValue)\n : createFilterOptions<T>()(options as T[], params);\n\n // Adding \"All\" option if needed\n const optionsWithAll =\n useAllOption && multiple && filteredOptions.length && options.length > 1\n ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n : filteredOptions;\n\n // Adding \"Add\" option if needed\n return onCreate && params.inputValue.trim() !== ''\n ? [\n ...optionsWithAll,\n {\n title: `Add \"${params.inputValue}\"`,\n [CreateOptionMark]: true,\n newOptionTitle: params.inputValue,\n },\n ]\n : optionsWithAll;\n },\n [filterOptions, onCreate, useAllOption, multiple]\n );\n\n const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n option => isRealOption(option) && !!getOptionDisabled?.(option),\n [getOptionDisabled]\n );\n\n const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n option => option.title,\n []\n );\n\n const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n (tags, getTagProps) => {\n const tagsArray = tags.filter(isRealOption).map((option, index) => {\n // Untyped in MUI, so we have to do it ourselves\n const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n return { option, onDelete };\n });\n\n return renderSelected(tagsArray, { useAllOption, allOptions: options });\n },\n [renderSelected, useAllOption, options]\n );\n\n const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n (event, value, reason) => {\n if (event && event.type === 'blur') {\n setInputValue('');\n } else if (reason !== 'reset') {\n setInputValue(value);\n }\n\n if (reason !== 'reset') {\n onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n }\n },\n [onInputChange]\n );\n\n const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] \| undefined>(() => {\n if (groupBy) {\n return option => {\n if (isRealOption(option)) {\n return groupBy(option);\n }\n\n return '';\n };\n }\n\n return undefined;\n }, [groupBy]);\n\n const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n }, []);\n\n const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n const PopperComponent = useCallback(\n (props: PopperProps) => <Popper {...props} {...popperProps} />,\n [popperProps]\n ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n return (\n <div\n className={classNames(\n styles.root,\n showPopupIcon && styles.withArrow,\n !disableClearable && styles.withClear,\n className\n )}\n data-testid={testId}\n >\n <Component\n value={muiValue}\n options={options}\n getOptionLabel={getOptionLabel}\n renderInput={renderInput}\n PopperComponent={PopperComponent}\n PaperComponent={AutocompletePaper}\n multiple={multiple}\n disableCloseOnSelect={multiple}\n blurOnSelect={!multiple}\n onChange={actualOnChange}\n renderOption={actualRenderOption}\n popupIcon={<DownIcon size={16} />}\n forcePopupIcon={!!showPopupIcon}\n closeIcon={<CloseSmallIcon size={16} />}\n disableClearable={disableClearable}\n clearText=\"\"\n noOptionsText={noOptionsMessage \|\| defaultNoOptionsText}\n filterOptions={actualFilterOptions}\n disabled={disabled}\n getOptionDisabled={actualGetOptionDisabled}\n renderTags={renderTags}\n inputValue={multiple ? inputValue : undefined}\n onInputChange={actualOnInputChange}\n groupBy={actualGroupBy}\n renderGroup={renderGroup}\n clearOnBlur\n selectOnFocus={!disableFiltering}\n classes={classes}\n getOptionSelected={getOptionSelected}\n ListboxComponent={listboxComponent ?? AutocompleteListBox}\n />\n </div>\n );\n};\n\n// Old version\n/\n @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n /\nexport type AutocompleteProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Omit<\n AutocompleteBaseProps<T, Multiple>,\n 'size' \| 'labelPlacement' \| 'elementsClassNames' \| 'htmlAttributes' \| 'isNext'\n>;\n\n/\n @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>(\n props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' \| 'spacing' \| 'isNext'>;\n\nexport const AutocompleteNext = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>(\n props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n default: renderSelectedValue,\n chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}
1	+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/componentsV2/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import {\n Autocomplete as MuiAutocomplete,\n AutocompleteChangeReason as MuiAutocompleteChangeReason,\n AutocompleteProps as MuiAutocompleteBaseProps,\n AutocompleteRenderGroupParams,\n AutocompleteRenderInputParams,\n createFilterOptions,\n} from '@material-ui/lab';\nimport {\n ChangeEvent,\n ComponentType,\n HTMLAttributes,\n MouseEventHandler,\n ReactNode,\n useCallback,\n useMemo,\n useState,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { MenuItemProps } from '../Menu/MenuItem';\nimport { CloseSmallIcon, DownIcon } from '../../icons';\nimport { TextInputNextProps } from '../TextInputNext';\nimport { TextInputProps } from '../TextInput';\n\nimport { AutocompleteInput } from './AutocompleteInput';\nimport { AutocompletePaper } from './AutocompletePaper';\nimport {\n AllOptionMark,\n AutocompleteOption,\n CreateOptionMark,\n InternalOption,\n isRealOption,\n OwnAddedOption,\n renderOptionDefault,\n renderSelectedValue,\n renderSelectedValueChips,\n} from './utils';\nimport { AutocompleteMenuItem } from './AutocompleteMenuItem';\nimport { AutocompleteListBox } from './AutocompleteListBox';\n\nimport styles from './Autocomplete.scss';\nimport { Menu } from '../Menu';\n\ntype MuiAutocompleteProps<T extends AutocompleteOption> = Required<\n MuiAutocompleteBaseProps<InternalOption<T>, boolean, false, false>\n>;\n\ntype ChangeReason =\n \| MuiAutocompleteChangeReason\n \| 'select-option-all'\n \| 'remove-option-all'\n \| 'select-only-option';\ntype AutocompletePopperProps = Omit<PopperProps, 'open' \| 'anchorEl' \| 'children'>;\n\ntype AutocompleteBaseProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = {\n /*\n Options to allow selection from. Has to be assignable to `{ id: string \| number; title: string; prefix?: ReactNode; }[]`\n /\n options?: T[];\n /\n Selected value. If `multiple` is `false \| undefined`, and the value is an array, only the first element will be used\n \n There's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\n * to have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n * ```\n * value?: T['id'] \| T \| (T['id'] \| T)[];\n * ```\n \n You may need to provide additional typings\n /\n value?: string \| number \| T \| (string \| number \| T)[];\n /\n If `true`, the component will support multiple selection\n /\n multiple?: Multiple;\n /\n Selection change handler\n * Receives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise\n /\n onChange?: (\n value: Multiple extends undefined \| false ? T \| undefined : T[],\n reason: ChangeReason,\n event?: ChangeEvent<unknown>\n ) => void;\n label?: ReactNode;\n placeholder?: string;\n /\n Controls the size of the options rendered\n /\n optionSize?: MenuItemProps['size'];\n disabled?: boolean;\n /\n If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected\n /\n onCreate?: (title: string) => void;\n\n prefix?: ReactNode;\n loading?: boolean;\n showPopupIcon?: boolean;\n /\n Controls the \"Clear\" button that's shown to the right if there is a value\n /\n clearable?: boolean;\n /\n Controls if the field should keep/gain focus after \"Clear\" button is clicked\n /\n focusOnClear?: boolean;\n /\n Triggered when user types something\n /\n onInputChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;\n status?: TextInputNextProps['status'];\n message?: TextInputNextProps['message'];\n size?: TextInputNextProps['size'];\n labelPlacement?: TextInputNextProps['labelPlacement'];\n /\n Makes internal text field readonly, effectively turning component into a simple `<select/>`\n /\n disableFiltering?: boolean;\n\n renderOption?: (item: T) => ReactNode;\n /\n Message to show when there are no options\n /\n noOptionsMessage?: ReactNode;\n spacing?: TextInputProps['spacing'];\n /\n Function that filters options based on input value\n /\n filterOptions?: (options: T[], inputValue: string) => T[];\n /\n Function that determines if an option is disabled. Used to override the default\n * @param option\n /\n getOptionDisabled?: (option: T) => boolean;\n /\n If `multiple === true` shows an \"All\" option that selects/deselects all options\n /\n useAllOption?: boolean;\n /\n If `multiple === true` shows a \"Select Only\" button on option that selects only the corresponding option\n /\n useOnlyOptionButton?: boolean;\n\n /\n Used to render selected values when `multiple === true`\n /\n renderSelected?: (\n data: { option: T; onDelete: MouseEventHandler }[],\n options: { useAllOption: boolean; allOptions: T[] }\n ) => ReactNode;\n\n /\n Defines option grouping\n /\n groupBy?: (option: T) => string;\n /\n Group render override\n /\n renderGroup?: (props: AutocompleteRenderGroupParams) => ReactNode;\n\n /\n A classname that will be applied to dropdown (`<Paper/>` component)\n /\n dropdownClassName?: string;\n /\n Escape hatch to customize dropdown popper behavior.\n * `open`, `anchorEl`, and `children` are controlled internally.\n /\n popperProps?: Partial<AutocompletePopperProps>;\n\n type?: 'default' \| 'search';\n\n className?: string;\n testId?: string;\n\n /\n Escape hatch to fine-tune the styling of underlying elements\n /\n elementsClassNames?: TextInputNextProps['elementsClassNames'];\n\n /* HTML attributes forwarded to the underlying input. /\n htmlAttributes?: TextInputNextProps['htmlAttributes'];\n\n /\n Custom listbox component for rendering options (e.g., virtualized list)\n /\n listboxComponent?: ComponentType<HTMLAttributes<HTMLElement>>;\n\n // TODO Remove when making next a new baseline\n isNext?: boolean;\n};\n\nexport type AutocompleteChangeHandler<\n Option extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Required<AutocompleteBaseProps<Option, Multiple>>['onChange'];\n\nconst AutocompleteBase = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>({\n label,\n options = [],\n value,\n onChange,\n multiple,\n renderOption = renderOptionDefault,\n optionSize = 'medium',\n showPopupIcon = true,\n clearable = true,\n loading,\n noOptionsMessage,\n filterOptions,\n prefix,\n disabled,\n getOptionDisabled,\n renderSelected = renderSelectedValue,\n onInputChange,\n className,\n testId,\n status,\n message,\n useAllOption = false,\n useOnlyOptionButton = false,\n groupBy,\n renderGroup,\n disableFiltering,\n onCreate,\n dropdownClassName,\n popperProps,\n placeholder,\n focusOnClear = true,\n listboxComponent,\n size = 'small',\n labelPlacement = 'top',\n elementsClassNames,\n htmlAttributes,\n\n // Old props\n type,\n spacing,\n isNext,\n}: AutocompleteBaseProps<T, Multiple>) => {\n const [inputValue, setInputValue] = useState('');\n\n const muiValue = useMemo(() => {\n if (value === undefined \|\| (value instanceof Array && value.length === 0)) {\n return multiple ? [] : null;\n }\n\n // Array of either ids or actual values\n const mixedValues = value instanceof Array ? value : [value];\n\n if (multiple) {\n const valuesArray = mixedValues.filter(value => typeof value !== 'object');\n const objectValues = mixedValues\n .filter(value => typeof value === 'object')\n // MUI Autocomplete doesn't like react nodes in value, so we strip everything from the object to the bare minimum\n .map(({ id, title }) => ({ id, title }));\n const optionsById = options.filter(option => valuesArray.includes(option.id));\n\n return [...optionsById, ...objectValues];\n } else {\n return typeof mixedValues[0] === 'object'\n ? mixedValues[0]\n : options.find(option => mixedValues[0] === option.id) \|\| null;\n }\n }, [multiple, value, options]) as MuiAutocompleteBaseProps<T, Multiple, false, false>['value'];\n\n const hasMultiSelected = muiValue instanceof Array && muiValue.length > 0;\n const hasAllMultiSelected = muiValue instanceof Array && muiValue.length === options.length;\n const defaultNoOptionsText = loading ? 'Loading ...' : 'No options';\n const disableClearable =\n !clearable \|\| !muiValue \|\| (muiValue instanceof Array && !muiValue?.length);\n\n const renderInput = useCallback(\n (inputProps: AutocompleteRenderInputParams) => (\n <AutocompleteInput\n {...inputProps}\n label={label}\n loading={loading}\n prefix={prefix}\n status={status}\n message={message}\n readOnly={disableFiltering}\n placeholder={placeholder}\n size={size}\n labelPlacement={labelPlacement}\n elementsClassNames={elementsClassNames}\n htmlAttributes={htmlAttributes}\n // Old props\n type={type}\n spacing={spacing}\n isNext={isNext}\n />\n ),\n [\n label,\n loading,\n prefix,\n status,\n message,\n disableFiltering,\n placeholder,\n size,\n labelPlacement,\n elementsClassNames,\n htmlAttributes,\n type,\n spacing,\n isNext,\n ]\n );\n\n const actualOnChange = useCallback<MuiAutocompleteProps<T>['onChange']>(\n (event, optionOrArray, reason) => {\n if (reason === 'clear' && !focusOnClear) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n // Handling of \"Add\" option\n if (onCreate && optionOrArray) {\n const optionArray = optionOrArray instanceof Array ? optionOrArray : [optionOrArray];\n const foundAddOption: OwnAddedOption \| undefined = optionArray.find(\n option => !isRealOption(option) && !!option[CreateOptionMark]\n );\n\n if (foundAddOption) {\n onCreate(foundAddOption.newOptionTitle \|\| '');\n return;\n }\n }\n\n // Handling of \"All\" option - only multiselect\n if (multiple && optionOrArray instanceof Array) {\n const allOptionExists = optionOrArray.some(\n option => !isRealOption(option) && !!option[AllOptionMark]\n );\n\n if (allOptionExists) {\n // Selecting \"All\"\n if (muiValue instanceof Array && muiValue.length < options.length) {\n onChange?.(options.filter(isRealOption) as never, reason, event);\n }\n // Deselecting \"All\"\n else {\n onChange?.([] as never, reason, event);\n }\n return;\n }\n }\n\n onChange?.((optionOrArray \|\| undefined) as never, reason, event);\n },\n [focusOnClear, onCreate, multiple, onChange, muiValue, options]\n );\n\n const onSelectOnly = useCallback(\n (option: T, event: ChangeEvent<object>) =>\n onChange?.([option] as never, 'select-only-option', event),\n [onChange]\n );\n\n const actualRenderOption = useCallback<MuiAutocompleteProps<T>['renderOption']>(\n (option: InternalOption<T>, { selected }) => {\n if (isRealOption(option)) {\n return (\n <AutocompleteMenuItem\n size={optionSize}\n selected={selected}\n prefix={option.prefix}\n multiple={multiple}\n useOnlyButton={useOnlyOptionButton}\n option={option}\n onSelectOnly={onSelectOnly}\n >\n {renderOption(option)}\n </AutocompleteMenuItem>\n );\n } else if (option[AllOptionMark]) {\n return (\n <div className={styles.allOptionContainer}>\n <AutocompleteMenuItem\n size={optionSize}\n selected={hasMultiSelected}\n indeterminate={hasMultiSelected && !hasAllMultiSelected}\n multiple\n >\n {option.title}\n </AutocompleteMenuItem>\n <Menu.Divider className={styles.allOptionDivider} />\n </div>\n );\n } else {\n return (\n <AutocompleteMenuItem size={optionSize} selected={hasMultiSelected}>\n {option.title}\n </AutocompleteMenuItem>\n );\n }\n },\n [\n optionSize,\n multiple,\n useOnlyOptionButton,\n onSelectOnly,\n renderOption,\n hasMultiSelected,\n hasAllMultiSelected,\n ]\n );\n\n const actualFilterOptions = useCallback<MuiAutocompleteProps<T>['filterOptions']>(\n (options, params): InternalOption<T>[] => {\n const filteredOptions = filterOptions\n ? filterOptions(options as T[], params.inputValue)\n : createFilterOptions<T>()(options as T[], params);\n\n // Adding \"All\" option if needed\n const optionsWithAll =\n useAllOption && multiple && filteredOptions.length && options.length > 1\n ? [{ title: 'All', [AllOptionMark]: true }, ...filteredOptions]\n : filteredOptions;\n\n // Adding \"Add\" option if needed\n return onCreate && params.inputValue.trim() !== ''\n ? [\n ...optionsWithAll,\n {\n title: `Add \"${params.inputValue}\"`,\n [CreateOptionMark]: true,\n newOptionTitle: params.inputValue,\n },\n ]\n : optionsWithAll;\n },\n [filterOptions, onCreate, useAllOption, multiple]\n );\n\n const actualGetOptionDisabled = useCallback<MuiAutocompleteProps<T>['getOptionDisabled']>(\n option => isRealOption(option) && !!getOptionDisabled?.(option),\n [getOptionDisabled]\n );\n\n const getOptionLabel = useCallback<MuiAutocompleteProps<T>['getOptionLabel']>(\n option => option.title,\n []\n );\n\n const renderTags = useCallback<MuiAutocompleteProps<T>['renderTags']>(\n (tags, getTagProps) => {\n const tagsArray = tags.filter(isRealOption).map((option, index) => {\n // Untyped in MUI, so we have to do it ourselves\n const { onDelete } = getTagProps({ index }) as { onDelete: MouseEventHandler };\n return { option, onDelete };\n });\n\n return renderSelected(tagsArray, { useAllOption, allOptions: options });\n },\n [renderSelected, useAllOption, options]\n );\n\n const actualOnInputChange = useCallback<MuiAutocompleteProps<T>['onInputChange']>(\n (event, value, reason) => {\n if (event && event.type === 'blur') {\n setInputValue('');\n } else if (reason !== 'reset') {\n setInputValue(value);\n }\n\n if (reason !== 'reset') {\n onInputChange?.(value, event as ChangeEvent<HTMLInputElement>);\n }\n },\n [onInputChange]\n );\n\n const actualGroupBy = useMemo<MuiAutocompleteProps<T>['groupBy'] \| undefined>(() => {\n if (groupBy) {\n return option => {\n if (isRealOption(option)) {\n return groupBy(option);\n }\n\n return '';\n };\n }\n\n return undefined;\n }, [groupBy]);\n\n const classes = useMemo(() => ({ paper: dropdownClassName }), [dropdownClassName]);\n\n const getOptionSelected = useCallback((a: InternalOption<T>, b: InternalOption<T>) => {\n return isRealOption(a) && isRealOption(b) ? a.id === b.id : false;\n }, []);\n\n const Component = MuiAutocomplete<InternalOption<T>, Multiple, boolean, false>;\n\n const PopperComponent = useCallback(\n (props: PopperProps) => <Popper {...props} {...popperProps} />,\n [popperProps]\n ) as NonNullable<MuiAutocompleteProps<T>['PopperComponent']>;\n\n return (\n <div\n className={classNames(\n styles.root,\n showPopupIcon && styles.withArrow,\n !disableClearable && styles.withClear,\n className\n )}\n data-testid={testId}\n >\n <Component\n value={muiValue}\n options={options}\n getOptionLabel={getOptionLabel}\n renderInput={renderInput}\n PopperComponent={PopperComponent}\n PaperComponent={AutocompletePaper}\n multiple={multiple}\n disableCloseOnSelect={multiple}\n blurOnSelect={!multiple}\n onChange={actualOnChange}\n renderOption={actualRenderOption}\n popupIcon={<DownIcon size={16} />}\n forcePopupIcon={!!showPopupIcon}\n closeIcon={<CloseSmallIcon size={16} />}\n disableClearable={disableClearable}\n clearText=\"\"\n noOptionsText={noOptionsMessage \|\| defaultNoOptionsText}\n filterOptions={actualFilterOptions}\n disabled={disabled}\n getOptionDisabled={actualGetOptionDisabled}\n renderTags={renderTags}\n inputValue={multiple ? inputValue : undefined}\n onInputChange={actualOnInputChange}\n groupBy={actualGroupBy}\n renderGroup={renderGroup}\n clearOnBlur\n selectOnFocus={!disableFiltering}\n classes={classes}\n getOptionSelected={getOptionSelected}\n ListboxComponent={listboxComponent ?? AutocompleteListBox}\n />\n </div>\n );\n};\n\n// Old version\n/\n @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n /\nexport type AutocompleteProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Omit<\n AutocompleteBaseProps<T, Multiple>,\n 'size' \| 'labelPlacement' \| 'elementsClassNames' \| 'htmlAttributes' \| 'isNext'\n>;\n\n/\n @deprecated use `AutocompleteNext`, and see migration guide for `TextInputNext` for details\n */\nexport const Autocomplete = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>(\n props: AutocompleteProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: false });\n\n// New version\nexport type AutocompleteNextProps<\n T extends AutocompleteOption = AutocompleteOption,\n Multiple extends boolean \| undefined = false\n> = Omit<AutocompleteBaseProps<T, Multiple>, 'type' \| 'spacing' \| 'isNext'>;\n\nexport const AutocompleteNext = <\n T extends AutocompleteOption,\n Multiple extends boolean \| undefined = false\n>(\n props: AutocompleteNextProps<T, Multiple>\n) => AutocompleteBase<T, Multiple>({ ...props, isNext: true });\n\nAutocompleteNext.selectedValueRenderers = {\n default: renderSelectedValue,\n chipsMultiline: renderSelectedValueChips,\n};\n"],"names":["AutocompleteBase","_ref","label","_ref$options","options","value","onChange","multiple","_ref$renderOption","renderOption","renderOptionDefault","_ref$optionSize","optionSize","_ref$showPopupIcon","showPopupIcon","_ref$clearable","clearable","loading","noOptionsMessage","filterOptions","prefix","disabled","getOptionDisabled","_ref$renderSelected","renderSelected","renderSelectedValue","onInputChange","className","testId","status","message","_ref$useAllOption","useAllOption","_ref$useOnlyOptionBut","useOnlyOptionButton","groupBy","renderGroup","disableFiltering","onCreate","dropdownClassName","popperProps","placeholder","_ref$focusOnClear","focusOnClear","listboxComponent","_ref$size","size","_ref$labelPlacement","labelPlacement","elementsClassNames","htmlAttributes","type","spacing","isNext","useState","_useState2","_slicedToArray","_useState","inputValue","setInputValue","muiValue","useMemo","undefined","Array","length","mixedValues","valuesArray","filter","_typeof","objectValues","map","_ref2","id","title","optionsById","option","includes","find","hasMultiSelected","hasAllMultiSelected","defaultNoOptionsText","disableClearable","renderInput","useCallback","inputProps","_jsx","AutocompleteInput","_objectSpread","readOnly","actualOnChange","event","optionOrArray","reason","stopPropagation","preventDefault","foundAddOption","isRealOption","CreateOptionMark","newOptionTitle","some","AllOptionMark","onSelectOnly","actualRenderOption","_ref3","selected","AutocompleteMenuItem","useOnlyButton","children","_jsxs","styles","allOptionContainer","indeterminate","Menu","Divider","allOptionDivider","actualFilterOptions","params","_ref5","filteredOptions","createFilterOptions","optionsWithAll","_defineProperty","trim","concat","_toConsumableArray","actualGetOptionDisabled","getOptionLabel","renderTags","tags","getTagProps","tagsArray","index","onDelete","allOptions","actualOnInputChange","actualGroupBy","classes","paper","getOptionSelected","a","b","Component","MuiAutocomplete","PopperComponent","props","Popper","classNames","root","withArrow","withClear","PaperComponent","AutocompletePaper","disableCloseOnSelect","blurOnSelect","popupIcon","DownIcon","forcePopupIcon","closeIcon","CloseSmallIcon","clearText","noOptionsText","clearOnBlur","selectOnFocus","ListboxComponent","AutocompleteListBox","Autocomplete","AutocompleteNext","selectedValueRenderers","default","chipsMultiline","renderSelectedValueChips"],"mappings":"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"}

package/componentsV2/Breadcrumbs/Breadcrumbs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
+import o from"classnames";import{Fragment as s}from"react";import c from"./Breadcrumbs.scss.js";import{LeftIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=function(m){var r=m.showBackIcon,e=m.testId,p=m.items,u=m.className,a=m.onItemClick,I=m.activeIndex;return n("nav",{className:o(c.root,u),"data-testid":e,children:[r&&p.length>0&&t("span",{className:c.item,onClick:function(){var o;return null==a?void 0:a(null==p||null===(o=p[0])||void 0===o?void 0:o.to)},children:t(i,{size:16})}),p.map((function(i,m){var r=i.className,e=i.testId,p=i.title,u=i.to;return n(s,{children:[m>0&&t("div",{className:c.separator,children:"/"}),t("span",{className:o(c.item,m===I&&c.active,r),"data-testid":e,onClick:function(){return null==a?void 0:a(u)},children:p})]},m)}))]})};export{m as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n items: {\n title: ReactNode;\n to?: string;\n\n className?: string;\n testId?: string;\n }[];\n onItemClick?: (to?: string) => void;\n activeIndex?: number;\n /*\n Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n */\n showBackIcon?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nexport const Breadcrumbs = ({\n showBackIcon,\n testId,\n items,\n className,\n onItemClick,\n activeIndex,\n}: BreadcrumbsProps) => {\n return (\n <nav className={classNames(styles.root, className)} data-testid={testId}>\n {showBackIcon && items.length > 0 && (\n <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n <LeftIcon size={16} />\n </span>\n )}\n\n {items.map(({ className: itemClassName, testId, title, to }, index) => (\n <Fragment key={index}>\n {index > 0 && <div className={styles.separator}>/</div>}\n <span\n className={classNames(\n styles.item,\n index === activeIndex && styles.active,\n itemClassName\n )}\n data-testid={testId}\n onClick={() => onItemClick?.(to)}\n >\n {title}\n </span>\n </Fragment>\n ))}\n </nav>\n );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"~~2xHA0BaA~~,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}
1	+ {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/componentsV2/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { Fragment, ReactNode } from 'react';\n\nimport styles from './Breadcrumbs.scss';\n\nimport { LeftIcon } from '~/icons';\n\nexport type BreadcrumbsProps = {\n items: {\n title: ReactNode;\n to?: string;\n\n className?: string;\n testId?: string;\n }[];\n onItemClick?: (to?: string) => void;\n activeIndex?: number;\n /*\n Renders a back button before items. Clicking on it will call `onItemClick` with the arguments for the first item\n */\n showBackIcon?: boolean;\n\n className?: string;\n testId?: string;\n};\n\nexport const Breadcrumbs = ({\n showBackIcon,\n testId,\n items,\n className,\n onItemClick,\n activeIndex,\n}: BreadcrumbsProps) => {\n return (\n <nav className={classNames(styles.root, className)} data-testid={testId}>\n {showBackIcon && items.length > 0 && (\n <span className={styles.item} onClick={() => onItemClick?.(items?.[0]?.to)}>\n <LeftIcon size={16} />\n </span>\n )}\n\n {items.map(({ className: itemClassName, testId, title, to }, index) => (\n <Fragment key={index}>\n {index > 0 && <div className={styles.separator}>/</div>}\n <span\n className={classNames(\n styles.item,\n index === activeIndex && styles.active,\n itemClassName\n )}\n data-testid={testId}\n onClick={() => onItemClick?.(to)}\n >\n {title}\n </span>\n </Fragment>\n ))}\n </nav>\n );\n};\n"],"names":["Breadcrumbs","_ref","showBackIcon","testId","items","className","onItemClick","activeIndex","_jsxs","classNames","styles","root","children","length","_jsx","item","onClick","_items$","to","LeftIcon","size","map","index","itemClassName","title","Fragment","separator","active"],"mappings":"q4HA0BaA,IAAAA,EAAc,SAOHC,GAAA,IANtBC,IAAAA,aACAC,IAAAA,OACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,YACAC,IAAAA,YAEA,OACEC,EAAA,MAAA,CAAKH,UAAWI,EAAWC,EAAOC,KAAMN,GAAY,cAAaF,EAAOS,SAAA,CACrEV,GAAgBE,EAAMS,OAAS,GAC9BC,EAAA,OAAA,CAAMT,UAAWK,EAAOK,KAAMC,QAAS,WAAA,IAAAC,EAAA,OAAMX,aAAAA,EAAAA,EAAcF,SAAA,QAAKa,EAALb,EAAQ,UAAR,IAAAa,OAAK,EAALA,EAAYC,GAAI,EAAAN,SACzEE,EAACK,EAAQ,CAACC,KAAM,OAInBhB,EAAMiB,KAAI,WAAkDC,GAAK,IAAzCC,IAAXlB,UAA0BF,IAAAA,OAAQqB,IAAAA,MAAON,IAAAA,GAAE,OACvDV,EAACiB,EAAQ,CAAAb,SACNU,CAAAA,EAAQ,GAAKR,EAAA,MAAA,CAAKT,UAAWK,EAAOgB,UAAUd,SAAA,MAC/CE,EAAA,OAAA,CACET,UAAWI,EACTC,EAAOK,KACPO,IAAUf,GAAeG,EAAOiB,OAChCJ,GAEF,cAAapB,EACba,QAAS,WAAA,OAAMV,eAAAA,EAAcY,EAAI,EAAAN,SAEhCY,MAXUF,EAaJ,MAInB"}

package/componentsV2/ButtonLive/ButtonLive.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.js";import{ArrowRightIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var a={large:r.large,medium:r.medium,small:r.small},l=c((function(o,c){var u=o.children,l=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,a[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:l}))})}));export{l as ButtonLive};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c}from"react";import i from"classnames";import{Button as n}from"../Button/Button.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import r from"./ButtonLive.scss.js";import{ArrowRightIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as e}from"react/jsx-runtime";var p=["children","tooltip","size","className"];function u(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function j(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?u(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var l={large:r.large,medium:r.medium,small:r.small},a=c((function(o,c){var u=o.children,a=void 0===u?"Live":u,I=o.tooltip,d=void 0===I?"Go to Live data":I,b=o.size,O=void 0===b?"medium":b,h=o.className,f=s(o,p);return e(t,{title:d,disabled:!d,placement:"bottom-start",children:e(n,j(j({className:i(r.root,l[O],h),size:O,ref:c,type:"tertiary",prefix:e(m,{})},f),{},{children:a}))})}));export{a as ButtonLive};
 //# sourceMappingURL=ButtonLive.js.map