@corva/ui 3.75.0-17 → 3.75.0-19

package/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, forwardRef, memo } from 'react';\nimport classNames from 'classnames';\n\nimport { UseWellnessAlertsReturnType } from '../../AppHeader.constants';\n\nimport { DqStatusIconTestIds } from './DqStatusIcon.constants';\n\nimport styles from './DqStatusIcon.scss';\n\nimport { AttentionFilled, CheckOneFilled, CloseOneFilled } from '~/icons';\n\ntype Status = UseWellnessAlertsReturnType['statusBadgeIconType'] | 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType<ComponentProps<typeof CloseOneFilled>>> = {\n  '': () => null,\n  error: CloseOneFilled,\n  issue: AttentionFilled,\n  success: CheckOneFilled,\n  resolved: CheckOneFilled,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n  '': '',\n  error: styles.error,\n  issue: styles.issue,\n  success: styles.success,\n  resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n  statusBadgeIconType: Status;\n  onClick?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  className?: string;\n};\n\nexport const DqStatusIcon = memo(\n  forwardRef<HTMLDivElement, DqStatusIconProps>(\n    ({ statusBadgeIconType, className, onClick, onMouseEnter, onMouseLeave }, ref) => {\n      const Icon = StatusToIconMap[statusBadgeIconType];\n\n      const iconDiv = (\n        <div className={styles.inner}>\n          <Icon size={16} />\n        </div>\n      );\n\n      return (\n        <div\n          ref={ref}\n          className={classNames(\n            styles.icon,\n            StatusToClassMap[statusBadgeIconType],\n            onClick && styles.clickable,\n            className\n          )}\n          onClick={onClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          data-testid={DqStatusIconTestIds.StatusButtonTestId}\n        >\n          {iconDiv}\n        </div>\n      );\n    }\n  )\n);\n"],"names":["StatusToIconMap","error","CloseOneFilled","issue","AttentionFilled","success","CheckOneFilled","resolved","StatusToClassMap","styles","DqStatusIcon","memo","forwardRef","ref","statusBadgeIconType","className","onClick","onMouseEnter","onMouseLeave","Icon","iconDiv","_jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"ukJAaA,IAAMA,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUD,GAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAC1BC,GACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAA,MAAA,CAAKN,UAAWN,EAAOa,MAAMC,SAC3BF,EAACF,EAAI,CAACK,KAAM,OAIhB,OACEH,EAAA,MAAA,CACER,IAAKA,EACLE,UAAWU,EACThB,EAAOiB,KACPlB,EAAiBM,GACjBE,GAAWP,EAAOkB,UAClBZ,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaU,EAAoBC,mBAAmBN,SAEnDH,GAGP"}
+{"version":3,"file":"DqStatusIcon.js","sources":["../../../../../src/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.tsx"],"sourcesContent":["import { ComponentProps, ComponentType, forwardRef, memo } from 'react';\nimport classNames from 'classnames';\n\nimport { UseWellnessAlertsReturnType } from '../../AppHeader.constants';\n\nimport { DqStatusIconTestIds } from './DqStatusIcon.constants';\n\nimport styles from './DqStatusIcon.scss';\n\nimport { AttentionFilled, CheckOneFilled, CloseOneFilled } from '~/icons';\n\ntype Status = UseWellnessAlertsReturnType['statusBadgeIconType'] | 'resolved';\n\nconst StatusToIconMap: Record<Status, ComponentType<ComponentProps<typeof CloseOneFilled>>> = {\n  '': () => null,\n  error: CloseOneFilled,\n  issue: AttentionFilled,\n  success: CheckOneFilled,\n  resolved: CheckOneFilled,\n};\n\nconst StatusToClassMap: Record<Status, string> = {\n  '': '',\n  error: styles.error,\n  issue: styles.issue,\n  success: styles.success,\n  resolved: styles.success,\n};\n\nexport type DqStatusIconProps = {\n  statusBadgeIconType: Status;\n  onClick?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  className?: string;\n};\n\nexport const DqStatusIcon = memo(\n  forwardRef<HTMLDivElement, DqStatusIconProps>(\n    ({ statusBadgeIconType, className, onClick, onMouseEnter, onMouseLeave }, ref) => {\n      const Icon = StatusToIconMap[statusBadgeIconType];\n\n      const iconDiv = (\n        <div className={styles.inner}>\n          <Icon size={16} />\n        </div>\n      );\n\n      return (\n        <div\n          ref={ref}\n          className={classNames(\n            styles.icon,\n            StatusToClassMap[statusBadgeIconType],\n            onClick && styles.clickable,\n            className\n          )}\n          onClick={onClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          data-testid={DqStatusIconTestIds.StatusButtonTestId}\n        >\n          {iconDiv}\n        </div>\n      );\n    }\n  )\n);\n"],"names":["StatusToIconMap","error","CloseOneFilled","issue","AttentionFilled","success","CheckOneFilled","resolved","StatusToClassMap","styles","DqStatusIcon","memo","forwardRef","ref","statusBadgeIconType","className","onClick","onMouseEnter","onMouseLeave","Icon","iconDiv","_jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"0rJAaA,IAAMA,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EACPC,MAAOC,EACPC,QAASC,EACTC,SAAUD,GAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAC1BC,GACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAA,MAAA,CAAKN,UAAWN,EAAOa,MAAMC,SAC3BF,EAACF,EAAI,CAACK,KAAM,OAIhB,OACEH,EAAA,MAAA,CACER,IAAKA,EACLE,UAAWU,EACThB,EAAOiB,KACPlB,EAAiBM,GACjBE,GAAWP,EAAOkB,UAClBZ,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaU,EAAoBC,mBAAmBN,SAEnDH,GAGP"}

package/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.d.ts

@@ -1,6 +1,5 @@
 export type SettingsButtonProps = {
-    closeSettings: () => void;
     className?: string;
 };
-export declare const SettingsButton: import("react").ForwardRefExoticComponent<SettingsButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SettingsButton: ({ className }: SettingsButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SettingsButton.d.ts.map

package/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,mHA2B1B,CAAC"}
+{"version":3,"file":"SettingsButton.d.ts","sourceRoot":"","sources":["../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,kBAAmB,mBAAmB,4CAgBhE,CAAC"}

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

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

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

@@ -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":"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"}
+{"version":3,"file":"SettingsButton.js","sources":["../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { ButtonIcon } from '../../../ButtonIcon';\nimport { SettingTwoIcon } from '../../../../icons';\nimport { Tooltip } from '../../../Tooltip';\nimport { useAppSettingsPanel } from '../../../AppPanel/AppPanelsContext';\n\nimport { SettingsButtonTestIds } from './SettingsButton.constants';\n\nexport type SettingsButtonProps = {\n  className?: string;\n};\n\nexport const SettingsButton = ({ className }: SettingsButtonProps) => {\n  const { isToggleActive, toggle } = useAppSettingsPanel();\n\n  return (\n    <Tooltip title={isToggleActive ? '' : 'Settings'}>\n      <ButtonIcon\n        size=\"small\"\n        type={isToggleActive ? 'secondaryBg' : 'tertiaryBg'}\n        onClick={toggle}\n        testId={SettingsButtonTestIds.SettingsButtonTestId}\n        className={className}\n      >\n        <SettingTwoIcon />\n      </ButtonIcon>\n    </Tooltip>\n  );\n};\n"],"names":["SettingsButton","_ref","className","_useAppSettingsPanel","useAppSettingsPanel","isToggleActive","toggle","_jsx","Tooltip","title","children","ButtonIcon","size","type","onClick","testId","SettingsButtonTestIds","SettingsButtonTestId","SettingTwoIcon"],"mappings":"ulJAWaA,IAAAA,EAAiB,SAAwCC,GAAA,IAArCC,IAAAA,UAC/BC,EAAmCC,IAA3BC,IAAAA,eAAgBC,IAAAA,OAExB,OACEC,EAACC,EAAO,CAACC,MAAOJ,EAAiB,GAAK,WAAWK,SAC/CH,EAACI,EAAU,CACTC,KAAK,QACLC,KAAMR,EAAiB,cAAgB,aACvCS,QAASR,EACTS,OAAQC,EAAsBC,qBAC9Bf,UAAWA,EAAUQ,SAErBH,EAACW,EAAc,OAIvB"}

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

@@ -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/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};
+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/PinOne.js";import"../../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import{getAppPackages as A}from"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"lodash";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"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 P}from"../../../AppCommonsProvider/AppCommonsContext.js";import"../../../AppPanel/AppPanelsContext.js";import{jsxs as k,jsx as x}from"react/jsx-runtime";var F,O=(n(F={},a.BETA,g.beta),n(F,a.DEV,g.dev),n(F,a.PROD,g.prod),F),T=function(n){var a=n.className,F=P(),T=F.app,y=F.appId,S=F.onSettingChange,M=F.onSettingsChange,D=F.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==T?void 0:T.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}):S("package",s)}),[H,S,M]);return oo?k(u,{className:m(g.root,a),size:14,children:[x(d,{title:"Change App Version",disabled:so.length>15,children:x("div",{"data-testid":b.ChangeAppVersionButtonTestId,ref:W,onClick:Z,children:k(l,{className:m(g.button,O[X]||g.nonLabelledVersion),testId:b.CurrentVersionLabelTestId,children:[so,x(v,{size:16,className:g.icon})]})})}),x(p,{open:R,anchorEl:W.current,placement:"bottom-start",onClose:H,className:g.popover,children:G?x(j,{size:40}):x(f,{packages:U,onChange:io,areReact17PackagesIncompatible:no})})]}):null};export{T as VersionSelect};
 //# sourceMappingURL=VersionSelect.js.map

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

@@ -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":"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"}
+{"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":"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"}

package/componentsV2/AppPanel/AppPanel.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { PopoverPanel } from '../PopoverPanel';
+import { Header } from './Header';
+export type AppPanelProps = {
+    children?: ReactNode;
+};
+declare const AppPanelBase: ({ children }: AppPanelProps) => import("react/jsx-runtime").JSX.Element;
+type AppPanelType = typeof AppPanelBase & {
+    Header: typeof Header;
+    Content: typeof PopoverPanel.Content;
+    Footer: typeof PopoverPanel.Footer;
+    Divider: typeof PopoverPanel.Divider;
+};
+export declare const AppPanel: AppPanelType;
+export {};
+//# sourceMappingURL=AppPanel.d.ts.map

package/componentsV2/AppPanel/AppPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAIrD,QAAA,MAAM,YAAY,iBAAkB,aAAa,4CAAoB,CAAC;AAEtE,KAAK,YAAY,GAAG,OAAO,YAAY,GAAG;IACxC,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;IACrC,MAAM,EAAE,OAAO,YAAY,CAAC,MAAM,CAAC;IACnC,OAAO,EAAE,OAAO,YAAY,CAAC,OAAO,CAAC;CACtC,CAAC;AAOF,eAAO,MAAM,QAAQ,EAAmB,YAAY,CAAC"}

package/componentsV2/AppPanel/AppPanel.js

@@ -0,0 +1,2 @@
+import{PopoverPanel as r}from"../PopoverPanel/PopoverPanel.js";import{Header as e}from"./Header/Header.js";import{jsx as o,Fragment as t}from"react/jsx-runtime";var n=function(r){var e=r.children;return o(t,{children:e})};n.Header=e,n.Content=r.Content,n.Footer=r.Footer,n.Divider=r.Divider;var i=n;export{i as AppPanel};
+//# sourceMappingURL=AppPanel.js.map

package/componentsV2/AppPanel/AppPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanel.js","sources":["../../../src/componentsV2/AppPanel/AppPanel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { PopoverPanel } from '../PopoverPanel';\n\nimport { Header } from './Header';\n\nexport type AppPanelProps = { children?: ReactNode };\n\n// Currently does not render anything and exists only as a \"container\" for its constituent parts.\n// Actual DOM wrapper is in AppPanelDisplay.tsx\nconst AppPanelBase = ({ children }: AppPanelProps) => <>{children}</>;\n\ntype AppPanelType = typeof AppPanelBase & {\n  Header: typeof Header;\n  Content: typeof PopoverPanel.Content;\n  Footer: typeof PopoverPanel.Footer;\n  Divider: typeof PopoverPanel.Divider;\n};\n\n(AppPanelBase as AppPanelType).Header = Header;\n(AppPanelBase as AppPanelType).Content = PopoverPanel.Content;\n(AppPanelBase as AppPanelType).Footer = PopoverPanel.Footer;\n(AppPanelBase as AppPanelType).Divider = PopoverPanel.Divider;\n\nexport const AppPanel = AppPanelBase as AppPanelType;\n"],"names":["AppPanelBase","_ref","children","_jsx","_Fragment","Header","Content","PopoverPanel","Footer","Divider","AppPanel"],"mappings":"iKAUA,IAAMA,EAAe,SAAHC,GAAA,IAAMC,IAAAA,SAAQ,OAAsBC,EAAAC,EAAA,CAAAF,SAAGA,GAAY,EASpEF,EAA8BK,OAASA,EACvCL,EAA8BM,QAAUC,EAAaD,QACrDN,EAA8BQ,OAASD,EAAaC,OACpDR,EAA8BS,QAAUF,EAAaE,QAE/C,IAAMC,EAAWV"}

package/componentsV2/AppPanel/AppPanelDisplay.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+export type PanelProps = {
+    id: string | symbol;
+    anchorRef: RefObject<HTMLDivElement>;
+};
+export declare const AppPanelDisplay: ({ anchorRef, id }: PanelProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AppPanelDisplay.d.ts.map

package/componentsV2/AppPanel/AppPanelDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanelDisplay.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanelDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAmB,MAAM,OAAO,CAAC;AAgBlE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,sBAAuB,UAAU,mDAqE5D,CAAC"}

package/componentsV2/AppPanel/AppPanelDisplay.js

@@ -0,0 +1,2 @@
+import{useRef as t,useMemo as o}from"react";import s from"classnames";import{useAppSize as r}from"../AppSizeProvider/AppSizeProvider.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"lodash";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import e from"../../effects/useOutsideClick.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"@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"../AppCommonsProvider/AppCommonsContext.js";import{useAppPanelInternal as n}from"./AppPanelsContext.js";import{Paper as i}from"../Paper/Paper.js";import{PopoverPanel as p}from"../PopoverPanel/PopoverPanel.js";import{AppPanelIdProvider as m}from"./AppPanelIdContext.js";import a from"../AppContainer/AppContainer.constants.scss.js";import c from"./AppPanelDisplay.scss.js";import{jsxs as l,jsx as d}from"react/jsx-runtime";var j=Number(a.sidePadding.replace(/[^.0-9]/g,"")),u=function(a){var u=a.anchorRef,h=a.id,f=n(h),b=f.isOpen,v=f.isPinned,C=f.close,P=f.isAnimated,A=f.width,g=f.component,y=f.opener,x=f.isExpanded,S=f.placement,w=t(null),E=r()||{},k=E.height,D=E.width,N=o((function(){return{maxHeight:k,maxWidth:D?D-2*j:0,width:x&&D?D-2*j:A}}),[D,k,x,A]);return e(w,C,[y,'[role="tooltip"]','[role="presentation"]']),g?l(m,{value:h,children:[u.current&&!v&&d(p,{ref:w,open:b,placement:"start"===S?"bottom-start":"bottom-end",anchorEl:u.current,onClose:C,className:c.popover,preventScroll:!1,backdrop:!1,animate:P,style:N,preventOverflow:!1,children:d(g,{})}),v&&d(i,{className:s(c.pinned,"start"===S?c.pinnedStart:c.pinnedEnd),style:N,children:d(g,{})})]}):null};export{u as AppPanelDisplay};
+//# sourceMappingURL=AppPanelDisplay.js.map

package/componentsV2/AppPanel/AppPanelDisplay.js.map

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

package/componentsV2/AppPanel/AppPanelDisplay.scss.js

@@ -0,0 +1,2 @@
+import p from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",sidePadding:"12px",popover:"AppPanelDisplay_popover__04Nwb",pinned:"AppPanelDisplay_pinned__7YmEL",pinnedStart:"AppPanelDisplay_pinnedStart__RO2Ze",pinnedEnd:"AppPanelDisplay_pinnedEnd__zIdU3"};p(".AppPanelDisplay_popover__04Nwb{margin:0!important}.AppPanelDisplay_pinned__7YmEL{display:flex;flex:0 0 auto;flex-flow:column nowrap;height:100%;min-height:1px;overflow:visible}.AppPanelDisplay_pinnedStart__RO2Ze{margin-left:12px}.AppPanelDisplay_pinnedEnd__zIdU3{margin-right:12px}");export{n as default};
+//# sourceMappingURL=AppPanelDisplay.scss.js.map

package/componentsV2/AppPanel/AppPanelDisplay.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/componentsV2/AppPanel/AppPanelIdContext.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare const useAppPanelId: () => string | symbol | undefined;
+export declare const AppPanelIdProvider: (props: {
+    value: string | symbol;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppPanelIdContext.d.ts.map

package/componentsV2/AppPanel/AppPanelIdContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanelIdContext.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanelIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAI7D,eAAO,MAAM,aAAa,mCAAsC,CAAC;AAEjE,eAAO,MAAM,kBAAkB,UAAW;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAEzF,CAAC"}

package/componentsV2/AppPanel/AppPanelIdContext.js

@@ -0,0 +1,2 @@
+import r from"@babel/runtime/helpers/defineProperty";import{createContext as e,useContext as t}from"react";import{jsx as o}from"react/jsx-runtime";function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}var c=e(void 0),i=function(){return t(c)},p=function(e){return o(c.Provider,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},e))};export{p as AppPanelIdProvider,i as useAppPanelId};
+//# sourceMappingURL=AppPanelIdContext.js.map

package/componentsV2/AppPanel/AppPanelIdContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanelIdContext.js","sources":["../../../src/componentsV2/AppPanel/AppPanelIdContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nconst AppPanelIdContext = createContext<string | symbol | undefined>(undefined);\n\nexport const useAppPanelId = () => useContext(AppPanelIdContext);\n\nexport const AppPanelIdProvider = (props: { value: string | symbol; children?: ReactNode }) => (\n  <AppPanelIdContext.Provider {...props} />\n);\n"],"names":["AppPanelIdContext","createContext","undefined","useAppPanelId","useContext","AppPanelIdProvider","props","_jsx","Provider","_objectSpread"],"mappings":"iXAEA,IAAMA,EAAoBC,OAA2CC,GAExDC,EAAgB,WAAH,OAASC,EAAWJ,EAAkB,EAEnDK,EAAqB,SAACC,GAAuD,OACxFC,EAACP,EAAkBQ,wWAAQC,CAAA,CAAA,EAAKH,GAAS"}

package/componentsV2/AppPanel/AppPanels.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { AppPanel } from './AppPanel';
+type Props = ComponentProps<typeof AppPanel>;
+declare const meta: Meta<Props>;
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Subcomponents: () => import("react/jsx-runtime").JSX.Element;
+export declare const PanelWidth: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithAdditionalControls: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandablePanels: () => import("react/jsx-runtime").JSX.Element;
+export declare const SeveralPanelsAndAppSettings: () => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicUpdate: () => import("react/jsx-runtime").JSX.Element;
+export declare const LeftSidePanels: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppPanels.stories.d.ts.map

package/componentsV2/AppPanel/AppPanels.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanels.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanels.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAA6C,MAAM,OAAO,CAAC;AAalF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;eAgBa,IAAI;AA0DnB,eAAO,MAAM,OAAO,+CAiBnB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAkDzB,CAAC;AAUF,eAAO,MAAM,UAAU,+CAkBtB,CAAC;AAKF,eAAO,MAAM,sBAAsB,+CA4ClC,CAAC;AAMF,eAAO,MAAM,gBAAgB,+CAkB5B,CAAC;AAKF,eAAO,MAAM,2BAA2B,+CAyEvC,CAAC;AAMF,eAAO,MAAM,aAAa,+CAgEzB,CAAC;AAMF,eAAO,MAAM,cAAc,+CA2E1B,CAAC"}

package/componentsV2/AppPanel/AppPanelsContext.d.ts

@@ -0,0 +1,61 @@
+import { MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { AppPanelConfigInternal } from './utils';
+export type AppPanelsContextProviderProps = {
+    children: ReactNode;
+    panels: AppPanelConfigInternal;
+};
+export declare const AppPanelsContextProvider: ({ panels, children }: AppPanelsContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useAppPanelInternal: (panelId?: string | symbol) => {
+    isPinned: boolean;
+    isOpen: boolean;
+    isAnimated: boolean;
+    isPinnable: boolean;
+    isInitiallyPinned: boolean;
+    width: number;
+    component: import("react").ComponentType | undefined;
+    opener: HTMLElement | undefined;
+    isToggleActive: boolean;
+    isExpandable: boolean;
+    isExpanded: boolean;
+    open: (e?: MouseEvent<HTMLElement>) => void;
+    close: () => void;
+    toggle: MouseEventHandler<HTMLElement>;
+    onPinClick: () => void;
+    onExpandClick: () => void;
+    additionalControls: ReactNode;
+    placement: "end" | "start" | undefined;
+};
+export declare const useAppPanelsIds: () => Record<"end" | "start", (string | symbol)[]>;
+export declare const useAppPanel: (id: string) => {
+    isExpanded: boolean;
+    isExpandable: boolean;
+    onExpandClick: () => void;
+    onPinClick: () => void;
+    isPinned: boolean;
+    isInitiallyPinned: boolean;
+    width: number;
+    isOpen: boolean;
+    open: (e?: MouseEvent<HTMLElement>) => void;
+    close: () => void;
+    toggle: MouseEventHandler<HTMLElement>;
+    isToggleActive: boolean;
+    isPinnable: boolean;
+    additionalControls: ReactNode;
+};
+export declare const useAppSettingsPanel: () => {
+    isExpanded: boolean;
+    isExpandable: boolean;
+    onExpandClick: () => void;
+    onPinClick: () => void;
+    isPinned: boolean;
+    isInitiallyPinned: boolean;
+    width: number;
+    isOpen: boolean;
+    open: (e?: MouseEvent<HTMLElement>) => void;
+    close: () => void;
+    toggle: MouseEventHandler<HTMLElement>;
+    isToggleActive: boolean;
+    isPinnable: boolean;
+    additionalControls: ReactNode;
+};
+//# sourceMappingURL=AppPanelsContext.d.ts.map

package/componentsV2/AppPanel/AppPanelsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanelsContext.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/AppPanelsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,sBAAsB,EAKvB,MAAM,SAAS,CAAC;AASjB,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,sBAAsB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAA0B,6BAA6B,4CAI3F,CAAC;AAEF,eAAO,MAAM,mBAAmB,aAAc,MAAM,GAAG,MAAM;;;;;;;;;;;;eAuCpD,UAAU,CAAC,WAAW,CAAC;;;;;;;CAyF/B,CAAC;AAEF,eAAO,MAAM,eAAe,oDAgB3B,CAAC;AAEF,eAAO,MAAM,WAAW,OAAQ,MAAM;;;;;;;;;eA7G7B,UAAU,CAAC,WAAW,CAAC;;;;;;CA6GkD,CAAC;AACnF,eAAO,MAAM,mBAAmB;;;;;;;;;eA9GvB,UAAU,CAAC,WAAW,CAAC;;;;;;CA8G8D,CAAC"}

package/componentsV2/AppPanel/AppPanelsContext.js

@@ -0,0 +1,2 @@
+import n from"@babel/runtime/helpers/defineProperty";import{createContext as e,useContext as t,useMemo as i,useEffect as r,useCallback as o}from"react";import{useInternalState as a,getPublicState as s,SettingsIdSymbol as c}from"./utils.js";import{jsx as d}from"react/jsx-runtime";function p(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function u(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?p(Object(i),!0).forEach((function(t){n(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}var l=e({internalState:{},setInternalState:function(){}}),f=function(n){var e=n.panels,t=n.children,i=a(e);return d(l.Provider,{value:i,children:t})},m=function(e){var i=t(l),a=i.internalState,s=i.setInternalState,c=void 0!==e?a[e]:void 0,d=!!c,p=c||{},f=p.isPinned,m=void 0!==f&&f,v=p.isInitiallyPinned,O=void 0!==v&&v,P=p.isPinnable,b=void 0!==P&&P,y=p.isOpen,j=void 0!==y&&y,g=p.isAnimated,E=void 0!==g&&g,x=p.width,w=void 0===x?0:x,h=p.component,A=p.opener,S=p.isExpandable,k=void 0!==S&&S,C=p.isExpanded,D=void 0!==C&&C,I=p.additionalControls,K=p.placement;r((function(){d||"string"!=typeof e||console.error('[AppPanels] Unknown panel id "'.concat(e,'"'))}),[d,e]);var R=o((function(t){d&&void 0!==e&&s((function(i){return u(u({},i),{},n({},e,u(u({},i[e]),t)))}))}),[e,d,s]),T=o((function(n){m||R({isAnimated:!0,isOpen:!0,opener:null==n?void 0:n.currentTarget,isExpanded:!1})}),[m,R]),U=o((function(){R({isAnimated:!0,isPinned:!1,isOpen:!1,opener:void 0,isExpanded:!1})}),[R]),q=o((function(){s((function(n){return Object.fromEntries(Reflect.ownKeys(n).map((function(t){return[t,u(u({},n[t]),t===e?{isAnimated:!1,isOpen:n[t].isPinned,isPinned:!n[t].isPinned,isExpanded:!1}:{isAnimated:!0,isPinned:!1,isOpen:!1,opener:void 0,isExpanded:!1})]})))}))}),[s,e]),z=o((function(n){j?U():T(n)}),[j,U,T]),B=o((function(){return R({isExpanded:!D})}),[D,R]);return{isPinned:m,isOpen:j,isAnimated:E,isPinnable:b,isInitiallyPinned:O,width:w,component:h,opener:A,isToggleActive:j||m,isExpandable:k,isExpanded:D,open:T,close:U,toggle:z,onPinClick:q,onExpandClick:B,additionalControls:I,placement:K}},v=function(){var n=t(l).internalState;return i((function(){return Reflect.ownKeys(n).reduce((function(e,t){return e[n[t].placement].push(t),e}),{start:[],end:[]})}),[n])},O=function(n){return s(m(n))},P=function(){return s(m(c))};export{f as AppPanelsContextProvider,O as useAppPanel,m as useAppPanelInternal,v as useAppPanelsIds,P as useAppSettingsPanel};
+//# sourceMappingURL=AppPanelsContext.js.map

package/componentsV2/AppPanel/AppPanelsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPanelsContext.js","sources":["../../../src/componentsV2/AppPanel/AppPanelsContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n} from 'react';\n\nimport {\n  AppPanelConfigInternal,\n  getPublicState,\n  InternalPanelConfig,\n  SettingsIdSymbol,\n  useInternalState,\n} from './utils';\n\ntype AppPanelsContextType = ReturnType<typeof useInternalState>;\n\nconst AppPanelsContext = createContext<AppPanelsContextType>({\n  internalState: {},\n  setInternalState: () => {},\n});\n\nexport type AppPanelsContextProviderProps = {\n  children: ReactNode;\n  panels: AppPanelConfigInternal;\n};\n\nexport const AppPanelsContextProvider = ({ panels, children }: AppPanelsContextProviderProps) => {\n  const value = useInternalState(panels);\n\n  return <AppPanelsContext.Provider value={value}>{children}</AppPanelsContext.Provider>;\n};\n\nexport const useAppPanelInternal = (panelId?: string | symbol) => {\n  const { internalState, setInternalState } = useContext(AppPanelsContext);\n\n  const panelState = panelId !== undefined ? internalState[panelId] : undefined;\n  const idExists = !!panelState;\n  const {\n    isPinned = false,\n    isInitiallyPinned = false,\n    isPinnable = false,\n    isOpen = false,\n    isAnimated = false,\n    width = 0,\n    component,\n    opener,\n    isExpandable = false,\n    isExpanded = false,\n    additionalControls,\n    placement,\n  } = panelState || {};\n\n  useEffect(() => {\n    if (!idExists && typeof panelId === 'string') {\n      console.error(`[AppPanels] Unknown panel id \"${panelId}\"`);\n    }\n  }, [idExists, panelId]);\n\n  const update = useCallback(\n    (update: Partial<InternalPanelConfig>) => {\n      if (idExists && panelId !== undefined) {\n        setInternalState(prevState => ({\n          ...prevState,\n          [panelId]: { ...prevState[panelId], ...update },\n        }));\n      }\n    },\n    [panelId, idExists, setInternalState]\n  );\n\n  const open = useCallback(\n    (e?: MouseEvent<HTMLElement>) => {\n      if (!isPinned) {\n        update({\n          isAnimated: true,\n          isOpen: true,\n          opener: e?.currentTarget,\n          isExpanded: false,\n        });\n      }\n    },\n    [isPinned, update]\n  );\n\n  const close = useCallback(() => {\n    update({\n      isAnimated: true,\n      isPinned: false,\n      isOpen: false,\n      opener: undefined,\n      isExpanded: false,\n    });\n  }, [update]);\n\n  const onPinClick = useCallback(() => {\n    setInternalState(prevState =>\n      Object.fromEntries(\n        Reflect.ownKeys(prevState).map(key => [\n          key,\n          {\n            ...prevState[key],\n            // Only 1 panel pinned at a time\n            ...(key === panelId\n              ? {\n                  isAnimated: false,\n                  isOpen: prevState[key].isPinned,\n                  isPinned: !prevState[key].isPinned,\n                  isExpanded: false,\n                }\n              : {\n                  isAnimated: true,\n                  isPinned: false,\n                  isOpen: false,\n                  opener: undefined,\n                  isExpanded: false,\n                }),\n          },\n        ])\n      )\n    );\n  }, [setInternalState, panelId]);\n\n  const toggle = useCallback<MouseEventHandler<HTMLElement>>(\n    e => {\n      if (isOpen) {\n        close();\n      } else {\n        open(e);\n      }\n    },\n    [isOpen, close, open]\n  );\n\n  const onExpandClick = useCallback(\n    () => update({ isExpanded: !isExpanded }),\n    [isExpanded, update]\n  );\n\n  const isToggleActive = isOpen || isPinned;\n\n  return {\n    isPinned,\n    isOpen,\n    isAnimated,\n    isPinnable,\n    isInitiallyPinned,\n    width,\n    component,\n    opener,\n    isToggleActive,\n    isExpandable,\n    isExpanded,\n    open,\n    close,\n    toggle,\n    onPinClick,\n    onExpandClick,\n    additionalControls,\n    placement,\n  };\n};\n\nexport const useAppPanelsIds = () => {\n  const { internalState } = useContext(AppPanelsContext);\n\n  return useMemo(\n    () =>\n      Reflect.ownKeys(internalState).reduce<\n        Record<InternalPanelConfig['placement'], (string | symbol)[]>\n      >(\n        (acc, key) => {\n          acc[internalState[key].placement].push(key);\n          return acc;\n        },\n        { start: [], end: [] }\n      ),\n    [internalState]\n  );\n};\n\nexport const useAppPanel = (id: string) => getPublicState(useAppPanelInternal(id));\nexport const useAppSettingsPanel = () => getPublicState(useAppPanelInternal(SettingsIdSymbol));\n"],"names":["AppPanelsContext","createContext","internalState","setInternalState","AppPanelsContextProvider","_ref","panels","children","value","useInternalState","_jsx","Provider","useAppPanelInternal","panelId","useContext","panelState","undefined","idExists","_ref2$isPinned","_ref2","isPinned","_ref2$isInitiallyPinn","isInitiallyPinned","_ref2$isPinnable","isPinnable","_ref2$isOpen","isOpen","_ref2$isAnimated","isAnimated","_ref2$width","width","component","opener","_ref2$isExpandable","isExpandable","_ref2$isExpanded","isExpanded","additionalControls","placement","useEffect","console","error","update","useCallback","prevState","_objectSpread","open","e","currentTarget","close","onPinClick","Object","fromEntries","Reflect","ownKeys","map","key","toggle","onExpandClick","isToggleActive","useAppPanelsIds","useMemo","reduce","acc","push","start","end","useAppPanel","id","getPublicState","useAppSettingsPanel","SettingsIdSymbol"],"mappings":"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"}

package/componentsV2/AppPanel/Header/Header.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { PopoverPanel } from '../../PopoverPanel';
+type PanelHeaderProps = ComponentProps<typeof PopoverPanel.Header>;
+export type HeaderProps = Omit<PanelHeaderProps, 'onClose' | 'elementsTestIds'> & {
+    elementsTestIds?: Partial<Record<'pinButton', string>> & PanelHeaderProps['elementsTestIds'];
+};
+export declare const Header: ({ actions, elementsTestIds, ...rest }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/componentsV2/AppPanel/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppPanel/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,iBAAiB,CAAC,GAAG;IAChF,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;CAC9F,CAAC;AAEF,eAAO,MAAM,MAAM,0CAA2C,WAAW,4CAqCxE,CAAC"}

package/componentsV2/AppPanel/Header/Header.js

@@ -0,0 +1,2 @@
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{PopoverPanel as c}from"../../PopoverPanel/PopoverPanel.js";import{useAppPanelId as n}from"../AppPanelIdContext.js";import{useAppPanelInternal as i}from"../AppPanelsContext.js";import{Tooltip as t}from"../../Tooltip/Tooltip.js";import{ButtonIcon as r}from"../../ButtonIcon/ButtonIcon.js";import{CollapseIcon as m,ExpandIcon as e}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{PinOne as p}from"../../../icons/customIcons/icons/PinOne.js";import{PinOneCrossed as u}from"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsx as j,jsxs as l,Fragment as I}from"react/jsx-runtime";var a=["actions","elementsTestIds"];function d(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function C(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?d(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var O=function(o){var d=o.actions,O=o.elementsTestIds,b=s(o,a),P=n(),h=i(P),f=h.isPinned,v=h.isPinnable,F=h.onPinClick,y=h.close,g=h.isExpandable,k=h.onExpandClick,x=h.isExpanded,A=v&&j(t,{title:f?"Unpin":"Pin",children:j(r,{size:"small",onClick:F,testId:null==O?void 0:O.pinButton,children:j(f?u:p,{})})}),D=g&&j(t,{title:x?"Collapse":"Expand",children:j(r,{size:"small",onClick:k,children:j(x?m:e,{})})});return j(c.Header,C(C({},b),{},{elementsTestIds:O,actions:(d||A||D)&&l(I,{children:[d,A,D]}),onClose:y}))};export{O as Header};
+//# sourceMappingURL=Header.js.map

package/componentsV2/AppPanel/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../src/componentsV2/AppPanel/Header/Header.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { PopoverPanel } from '../../PopoverPanel';\nimport { useAppPanelId } from '../AppPanelIdContext';\nimport { useAppPanelInternal } from '../AppPanelsContext';\nimport { Tooltip } from '../../Tooltip';\nimport { ButtonIcon } from '../../ButtonIcon';\n\nimport { CollapseIcon, ExpandIcon, PinOne, PinOneCrossed } from '~/icons';\n\ntype PanelHeaderProps = ComponentProps<typeof PopoverPanel.Header>;\n\nexport type HeaderProps = Omit<PanelHeaderProps, 'onClose' | 'elementsTestIds'> & {\n  elementsTestIds?: Partial<Record<'pinButton', string>> & PanelHeaderProps['elementsTestIds'];\n};\n\nexport const Header = ({ actions, elementsTestIds, ...rest }: HeaderProps) => {\n  const id = useAppPanelId();\n  const { isPinned, isPinnable, onPinClick, close, isExpandable, onExpandClick, isExpanded } =\n    useAppPanelInternal(id);\n\n  const pinButton = isPinnable && (\n    <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n      <ButtonIcon size=\"small\" onClick={onPinClick} testId={elementsTestIds?.pinButton}>\n        {isPinned ? <PinOneCrossed /> : <PinOne />}\n      </ButtonIcon>\n    </Tooltip>\n  );\n\n  const expandButton = isExpandable && (\n    <Tooltip title={isExpanded ? 'Collapse' : 'Expand'}>\n      <ButtonIcon size=\"small\" onClick={onExpandClick}>\n        {isExpanded ? <CollapseIcon /> : <ExpandIcon />}\n      </ButtonIcon>\n    </Tooltip>\n  );\n\n  return (\n    <PopoverPanel.Header\n      {...rest}\n      elementsTestIds={elementsTestIds}\n      actions={\n        (actions || pinButton || expandButton) && (\n          <>\n            {actions}\n            {pinButton}\n            {expandButton}\n          </>\n        )\n      }\n      onClose={close}\n    />\n  );\n};\n"],"names":["Header","_ref","actions","elementsTestIds","rest","_objectWithoutProperties","_excluded","id","useAppPanelId","useAppPanelInternal","isPinned","isPinnable","onPinClick","close","isExpandable","onExpandClick","isExpanded","pinButton","_jsx","Tooltip","title","children","ButtonIcon","size","onClick","testId","PinOneCrossed","PinOne","expandButton","CollapseIcon","ExpandIcon","PopoverPanel","_jsxs","_Fragment","onClose"],"mappings":"urKAgBaA,IAAAA,EAAS,SAAwDC,GAAA,IAArDC,IAAAA,QAASC,IAAAA,gBAAoBC,EAAIC,EAAAJ,EAAAK,GAClDC,EAAKC,IAETC,EAAAA,EAAoBF,GADdG,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,WAAYC,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,WAGxEC,EAAYN,GAChBO,EAACC,EAAO,CAACC,MAAOV,EAAW,QAAU,MAAMW,SACzCH,EAACI,EAAU,CAACC,KAAK,QAAQC,QAASZ,EAAYa,OAAQtB,aAAAA,EAAAA,EAAiBc,UAAUI,SACnEH,EAAXR,EAAYgB,EAAoBC,EAAJ,CAAA,OAK7BC,EAAed,GACnBI,EAACC,EAAO,CAACC,MAAOJ,EAAa,WAAa,SAASK,SACjDH,EAACI,EAAU,CAACC,KAAK,QAAQC,QAAST,EAAcM,SAChCH,EAAbF,EAAca,EAAmBC,EAAJ,CAAA,OAKpC,OACEZ,EAACa,EAAa/B,cACRI,GAAI,GAAA,CACRD,gBAAiBA,EACjBD,SACGA,GAAWe,GAAaW,IACvBI,EAAAC,EAAA,CAAAZ,SAAA,CACGnB,EACAe,EACAW,KAIPM,QAASrB,IAGf"}

package/componentsV2/AppPanel/Header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Header';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/AppPanel/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/componentsV2/AppPanel/Header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/componentsV2/AppPanel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AppPanel';
+export type { AppPanelConfig } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/componentsV2/AppPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/componentsV2/AppPanel/utils.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType, Dispatch, ReactNode, SetStateAction } from 'react';
+import { useAppPanelInternal } from './AppPanelsContext';
+export declare const SettingsIdSymbol: unique symbol;
+export declare const defaultWidth = 334;
+export declare const settingsWidth = 296;
+export declare const SettingsPinnedConfigKey: 'CorvaUI.internal.SettingsPinned';
+export declare const PanelsConfigKey: 'CorvaUI.internal.PanelsConfig';
+export type PanelConfig = {
+    component: ComponentType;
+    width?: number;
+    isPinnable?: boolean;
+    isInitiallyPinned?: boolean;
+    isExpandable?: boolean;
+    placement?: 'start' | 'end';
+};
+export type AppPanelConfigInternal = Record<string | symbol, PanelConfig & {
+    additionalControls?: ReactNode;
+}>;
+export type AppPanelConfig = Record<string, PanelConfig>;
+export type InternalPanelConfig = Omit<PanelConfig, 'width' | 'placement'> & {
+    id: string | symbol;
+    width: number;
+    isOpen: boolean;
+    isAnimated: boolean;
+    opener?: HTMLElement;
+    isExpanded: boolean;
+    isPinned: boolean;
+    additionalControls?: ReactNode;
+    placement: Required<PanelConfig>['placement'];
+};
+export type State = Record<string | symbol, InternalPanelConfig>;
+export declare const useSaveStateToSettings: (state: State) => void;
+export declare const useInternalState: (panels: AppPanelConfigInternal) => {
+    internalState: State;
+    setInternalState: Dispatch<SetStateAction<State>>;
+};
+export declare const getPublicState: ({ isExpanded, isExpandable, onExpandClick, onPinClick, isPinned, isInitiallyPinned, width, isOpen, open, close, toggle, isToggleActive, isPinnable, additionalControls, }: ReturnType<typeof useAppPanelInternal>) => {
+    isExpanded: boolean;
+    isExpandable: boolean;
+    onExpandClick: () => void;
+    onPinClick: () => void;
+    isPinned: boolean;
+    isInitiallyPinned: boolean;
+    width: number;
+    isOpen: boolean;
+    open: (e?: import("react").MouseEvent<HTMLElement>) => void;
+    close: () => void;
+    toggle: import("react").MouseEventHandler<HTMLElement>;
+    isToggleActive: boolean;
+    isPinnable: boolean;
+    additionalControls: ReactNode;
+};
+//# sourceMappingURL=utils.d.ts.map

package/componentsV2/AppPanel/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/AppPanel/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,QAAQ,EACR,SAAS,EACT,cAAc,EAKf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,eAAO,MAAM,gBAAgB,eAA6B,CAAC;AAE3D,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,uBAAuB,EAAG,iCAA0C,CAAC;AAClF,eAAO,MAAM,eAAe,EAAG,+BAAwC,CAAC;AAcxE,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,aAAa,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC,MAAM,GAAG,MAAM,EACf,WAAW,GAAG;IAAE,kBAAkB,CAAC,EAAE,SAAS,CAAA;CAAE,CACjD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,GAAG;IAC3E,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IAEpB,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAqBjE,eAAO,MAAM,sBAAsB,UAAW,KAAK,SAmClD,CAAC;AAoEF,eAAO,MAAM,gBAAgB,WAAY,sBAAsB;;;CAe9D,CAAC;AAEF,eAAO,MAAM,cAAc,8KAexB,UAAU,CAAC,OAAO,mBAAmB,CAAC;;;;;;;;;;;;;;;CAevC,CAAC"}

package/componentsV2/AppPanel/utils.js

@@ -0,0 +1,2 @@
+import n from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/defineProperty";import{useState as t,useRef as i,useMemo as r,useEffect as o}from"react";import{isEqual as s}from"lodash";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommonsInternal as c}from"../AppCommonsProvider/AppCommonsContext.js";function a(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function p(n){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?a(Object(i),!0).forEach((function(t){e(n,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):a(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var l=Symbol("appSettingsPanel"),d=334,u=296,f="CorvaUI.internal.SettingsPinned",P="CorvaUI.internal.PanelsConfig",m=function(n){return{isPinned:n.isPinned}},b=function(n){return"boolean"==typeof n?{isPinned:n}:p({},n)},g=function(n){var t=c().onSettingsChange,a=i(),l=r((function(){return Reflect.ownKeys(n).reduce((function(t,i){return p(p({},t),{},"string"==typeof i?e({},P,p(p({},t[P]),{},e({},i,m(n[i])))):e({},"CorvaUI.internal.SettingsPinned",m(n[i])))}),{})}),[n]);o((function(){a.current&&(!s(l,a.current)&&t(l));a.current=l}),[t,l])},y=function(n,e,t,i){var r=e.isInitiallyPinned,o=function(n,e){return n===l?b(e["CorvaUI.internal.SettingsPinned"]):"string"==typeof n&&e[P]&&n in e[P]?e[P][n]:b(void 0)}(n,t||{}),s=o.isPinned,c=(r&&void 0===s||!!s)&&!!e.component&&!i,a=e.width||334;return p(p({},e),{},{placement:e.placement||"end",id:n,isPinned:c,isOpen:!1,isAnimated:!1,width:n===l?296:a,isExpanded:!1})},v=function(e){var r=c(),a=r.appSettings,l=r.isInsideNewMobileApp,d=t((function(){return Object.fromEntries(Reflect.ownKeys(e).map((function(n){return[n,y(n,e[n],a,l)]})))})),u=n(d,2),f=u[0],P=u[1];return g(f),function(n,e,t,r){var c=i(n);o((function(){n===c.current||s(n,c.current)||e((function(e){var i=Reflect.ownKeys(n).map((function(i){var o=y(i,n[i],t,r),s=o.isPinnable,c=e[i]||o;return[i,p(p(p({},c),n[i]),{},{isPinned:!!s&&c.isPinned})]}));return Object.fromEntries(i)})),c.current=n}),[t,r,n,e])}(e,P,a,l),{internalState:f,setInternalState:P}},O=function(n){return{isExpanded:n.isExpanded,isExpandable:n.isExpandable,onExpandClick:n.onExpandClick,onPinClick:n.onPinClick,isPinned:n.isPinned,isInitiallyPinned:n.isInitiallyPinned,width:n.width,isOpen:n.isOpen,open:n.open,close:n.close,toggle:n.toggle,isToggleActive:n.isToggleActive,isPinnable:n.isPinnable,additionalControls:n.additionalControls}};export{P as PanelsConfigKey,l as SettingsIdSymbol,f as SettingsPinnedConfigKey,d as defaultWidth,O as getPublicState,u as settingsWidth,v as useInternalState,g as useSaveStateToSettings};
+//# sourceMappingURL=utils.js.map