npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

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

Files changed (1470) hide show

package/cjs-bundle/componentsV2/AppHeader/V3/AssetSelector/constants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@icon-park/react/es/all"),require("react/jsx-runtime"),require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js");var s=require("../../../../icons/customIcons/icons/Pad.js"),o=require("../../../../icons/customIcons/icons/DrilloutUnit.js"),c=require("../../../../icons/customIcons/icons/FracFleet.js");require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js");var e=require("../../../../icons/customIcons/icons/Rig.js"),i=require("../../../../icons/customIcons/icons/Well.js");require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js");var n=require("../../../../icons/customIcons/icons/InterventionUnit.js");require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var r,u={drillout_unit:o.DrilloutUnit,frac_fleet:c.FracFleet,rig:e.Rig,well:i.Well,pad:s.Pad,intervention_unit:n.InterventionUnit};exports.AssetSelectorTestIds=void 0,(r=exports.AssetSelectorTestIds||(exports.AssetSelectorTestIds={})).PrimaryAssetTestId="CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId",r.SecondaryAssetTestId="CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId",r.RootTestId="CorvaUI.AppHeader.AssetSelector.RootTestId",r.NoAssetTypeTestId="CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId",exports.TypeToIconMap=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@icon-park/react/es/all"),require("react/jsx-runtime"),require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js");var s=require("../../../../icons/customIcons/icons/Pad.js"),o=require("../../../../icons/customIcons/icons/DrilloutUnit.js"),c=require("../../../../icons/customIcons/icons/FracFleet.js");require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js");var e=require("../../../../icons/customIcons/icons/Rig.js"),i=require("../../../../icons/customIcons/icons/Well.js");require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js");var n=require("../../../../icons/customIcons/icons/InterventionUnit.js");require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var r,u={drillout_unit:o.DrilloutUnit,frac_fleet:c.FracFleet,rig:e.Rig,well:i.Well,pad:s.Pad,intervention_unit:n.InterventionUnit};exports.AssetSelectorTestIds=void 0,(r=exports.AssetSelectorTestIds||(exports.AssetSelectorTestIds={})).PrimaryAssetTestId="CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId",r.SecondaryAssetTestId="CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId",r.RootTestId="CorvaUI.AppHeader.AssetSelector.RootTestId",r.NoAssetTypeTestId="CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId",exports.TypeToIconMap=u;
 //# sourceMappingURL=constants.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/AssetSelector/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/constants.ts"],"sourcesContent":["import { AssetType } from './AssetSelectorSelect/constants';\n\nimport { DrilloutUnit, FracFleet, Pad, Rig, Well, InterventionUnit } from '~/icons';\n\nexport const TypeToIconMap: Partial<Record<AssetType, typeof DrilloutUnit>> = {\n drillout_unit: DrilloutUnit,\n frac_fleet: FracFleet,\n rig: Rig,\n well: Well,\n pad: Pad,\n intervention_unit: InterventionUnit,\n};\n\nexport enum AssetSelectorTestIds {\n PrimaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId',\n SecondaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId',\n RootTestId = 'CorvaUI.AppHeader.AssetSelector.RootTestId',\n NoAssetTypeTestId = 'CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId',\n}\n"],"names":["AssetSelectorTestIds","TypeToIconMap","drillout_unit","DrilloutUnit","frac_fleet","FracFleet","rig","Rig","well","Well","pad","Pad","intervention_unit","InterventionUnit"],"mappings":"~~yhJAIO~~,IASKA,EATCC,EAAiE,CAC5EC,cAAeC,EAAYA,aAC3BC,WAAYC,EAASA,UACrBC,IAAKC,EAAGA,IACRC,KAAMC,EAAIA,KACVC,IAAKC,EAAGA,IACRC,kBAAmBC,EAAAA,kBAGTb,QAAoBA,0BAAA,GAApBA,EAAAA,QAAoBA,uBAApBA,6BAAoB,CAAA,IAAA,mBAAA,qDAApBA,EAAoB,qBAAA,uDAApBA,EAAoB,WAAA,6CAApBA,EAAoB,kBAAA"}
1	+ {"version":3,"file":"constants.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/AssetSelector/constants.ts"],"sourcesContent":["import { AssetType } from './AssetSelectorSelect/constants';\n\nimport { DrilloutUnit, FracFleet, Pad, Rig, Well, InterventionUnit } from '~/icons';\n\nexport const TypeToIconMap: Partial<Record<AssetType, typeof DrilloutUnit>> = {\n drillout_unit: DrilloutUnit,\n frac_fleet: FracFleet,\n rig: Rig,\n well: Well,\n pad: Pad,\n intervention_unit: InterventionUnit,\n};\n\nexport enum AssetSelectorTestIds {\n PrimaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.PrimaryAssetTestId',\n SecondaryAssetTestId = 'CorvaUI.AppHeader.AssetSelector.SecondaryAssetTestId',\n RootTestId = 'CorvaUI.AppHeader.AssetSelector.RootTestId',\n NoAssetTypeTestId = 'CorvaUI.AppHeader.AssetSelector.NoAssetTypeTestId',\n}\n"],"names":["AssetSelectorTestIds","TypeToIconMap","drillout_unit","DrilloutUnit","frac_fleet","FracFleet","rig","Rig","well","Well","pad","Pad","intervention_unit","InterventionUnit"],"mappings":"8wJAIO,IASKA,EATCC,EAAiE,CAC5EC,cAAeC,EAAYA,aAC3BC,WAAYC,EAASA,UACrBC,IAAKC,EAAGA,IACRC,KAAMC,EAAIA,KACVC,IAAKC,EAAGA,IACRC,kBAAmBC,EAAAA,kBAGTb,QAAoBA,0BAAA,GAApBA,EAAAA,QAAoBA,uBAApBA,6BAAoB,CAAA,IAAA,mBAAA,qDAApBA,EAAoB,qBAAA,uDAApBA,EAAoB,WAAA,6CAApBA,EAAoB,kBAAA"}

package/cjs-bundle/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("classnames"),c=require("./DqStatusIcon.constants.js"),e=require("./DqStatusIcon.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var i=require("react/jsx-runtime");require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js");var n=require("../../../../icons/customIcons/icons/CloseOneFilled.js"),r=require("../../../../icons/customIcons/icons/AttentionFilled.js"),u=require("../../../../icons/customIcons/icons/CheckOneFilled.js");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var m=t(o),q={"":function(){return null},error:n.CloseOneFilled,issue:r.AttentionFilled,success:u.CheckOneFilled,resolved:u.CheckOneFilled},a={"":"",error:e.error,issue:e.issue,success:e.success,resolved:e.success},j=s.memo(s.forwardRef((function(s,o){var n=s.statusBadgeIconType,r=s.className,u=s.onClick,t=s.onMouseEnter,j=s.onMouseLeave,I=q[n],l=i.jsx("div",{className:e.inner,children:i.jsx(I,{size:16})});return i.jsx("div",{ref:o,className:m.default(e.icon,a[n],u&&e.clickable,r),onClick:u,onMouseEnter:t,onMouseLeave:j,"data-testid":c.DqStatusIconTestIds.StatusButtonTestId,children:l})})));exports.DqStatusIcon=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("classnames"),c=require("./DqStatusIcon.constants.js"),e=require("./DqStatusIcon.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var i=require("react/jsx-runtime");require("../../../../icons/IconParkProvider.js"),require("../../../../icons/customIcons/icons/AddMessage.js"),require("../../../../icons/customIcons/icons/DragOne.js"),require("../../../../icons/customIcons/icons/Attention.js"),require("../../../../icons/customIcons/icons/Collapse.js"),require("../../../../icons/customIcons/icons/Dashboard.js"),require("../../../../icons/customIcons/icons/Expand.js"),require("../../../../icons/customIcons/icons/FolderClosed.js"),require("../../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../../icons/customIcons/icons/FolderOpened.js"),require("../../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../../icons/customIcons/icons/Search.js"),require("../../../../icons/customIcons/icons/SearchOne.js"),require("../../../../icons/customIcons/icons/Wellhub.js"),require("../../../../icons/customIcons/icons/MultiRuler.js"),require("../../../../icons/customIcons/icons/Checkbox.js"),require("../../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../../icons/customIcons/icons/Radio.js"),require("../../../../icons/customIcons/icons/RadioChecked.js"),require("../../../../icons/customIcons/icons/SimulFrac.js"),require("../../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../../icons/customIcons/icons/CautionFilled.js"),require("../../../../icons/customIcons/icons/InfoRounded.js"),require("../../../../icons/customIcons/icons/FlameFilled.js"),require("../../../../icons/customIcons/icons/MoreApp.js"),require("../../../../icons/customIcons/icons/Pad.js"),require("../../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../../icons/customIcons/icons/FracFleet.js"),require("../../../../icons/customIcons/icons/Global.js"),require("../../../../icons/customIcons/icons/Program.js"),require("../../../../icons/customIcons/icons/Rig.js"),require("../../../../icons/customIcons/icons/Well.js"),require("../../../../icons/customIcons/icons/Gap.js"),require("../../../../icons/customIcons/icons/Pin.js"),require("../../../../icons/customIcons/icons/PinOne.js"),require("../../../../icons/customIcons/icons/PinOneCrossed.js");var n=require("../../../../icons/customIcons/icons/CloseOneFilled.js"),r=require("../../../../icons/customIcons/icons/AttentionFilled.js"),u=require("../../../../icons/customIcons/icons/CheckOneFilled.js");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../../../icons/customIcons/icons/Archive.js"),require("../../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../../icons/customIcons/icons/Unarchive.js"),require("../../../../icons/customIcons/icons/Archived.js"),require("../../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../../icons/customIcons/icons/CloudDelete.js"),require("../../../../icons/customIcons/icons/Lasso.js"),require("../../../../icons/customIcons/icons/Radius.js"),require("../../../../icons/customIcons/icons/ErrorOps.js"),require("../../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../../icons/customIcons/icons/CriticalOps.js"),require("../../../../icons/customIcons/icons/Company.js"),require("../../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../../icons/customIcons/icons/Connect.js"),require("../../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../../icons/customIcons/icons/Feed.js"),require("../../../../icons/customIcons/icons/Prompt.js"),require("../../../../icons/customIcons/icons/Companies.js"),require("../../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../../icons/customIcons/icons/Key.js"),require("../../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../../icons/customIcons/icons/MappingManual.js"),require("../../../../icons/customIcons/icons/Mapping.js"),require("../../../../icons/customIcons/icons/Metrics.js"),require("../../../../icons/customIcons/icons/Drops.js"),require("../../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../../icons/customIcons/icons/Template.js"),require("../../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../../icons/customIcons/icons/UnitConversion.js"),require("../../../../icons/customIcons/icons/NPT.js"),require("../../../../icons/customIcons/icons/GuidedFrac.js");var m=t(o),q={"":function(){return null},error:n.CloseOneFilled,issue:r.AttentionFilled,success:u.CheckOneFilled,resolved:u.CheckOneFilled},a={"":"",error:e.error,issue:e.issue,success:e.success,resolved:e.success},I=s.memo(s.forwardRef((function(s,o){var n=s.statusBadgeIconType,r=s.className,u=s.onClick,t=s.onMouseEnter,I=s.onMouseLeave,j=q[n],l=i.jsx("div",{className:e.inner,children:i.jsx(j,{size:16})});return i.jsx("div",{ref:o,className:m.default(e.icon,a[n],u&&e.clickable,r),onClick:u,onMouseEnter:t,onMouseLeave:I,"data-testid":c.DqStatusIconTestIds.StatusButtonTestId,children:l})})));exports.DqStatusIcon=I;
 //# sourceMappingURL=DqStatusIcon.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js.map CHANGED Viewed

	@@ -1 +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","jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"~~+sJAaMA~~,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EAAcA,eACrBC,MAAOC,EAAeA,gBACtBC,QAASC,EAAcA,eACvBC,SAAUD,EAAAA,gBAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAAAA,KAC1BC,EAAAA,YACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAAC,IAAA,MAAA,CAAKP,UAAWN,EAAOc,MAAMC,SAC3BH,MAACF,EAAI,CAACM,KAAM,OAIhB,OACEJ,EAAAA,IAAA,MAAA,CACER,IAAKA,EACLE,UAAWW,EAAU,QACnBjB,EAAOkB,KACPnB,EAAiBM,GACjBE,GAAWP,EAAOmB,UAClBb,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaW,EAAmBA,oBAACC,mBAAmBN,SAEnDJ,GAGP"}
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","jsx","inner","children","size","classNames","icon","clickable","DqStatusIconTestIds","StatusButtonTestId"],"mappings":"o8JAaMA,EAAwF,CAC5F,GAAI,WAAA,OAAM,IAAI,EACdC,MAAOC,EAAcA,eACrBC,MAAOC,EAAeA,gBACtBC,QAASC,EAAcA,eACvBC,SAAUD,EAAAA,gBAGNE,EAA2C,CAC/C,GAAI,GACJP,MAAOQ,EAAOR,MACdE,MAAOM,EAAON,MACdE,QAASI,EAAOJ,QAChBE,SAAUE,EAAOJ,SAWNK,EAAeC,EAAAA,KAC1BC,EAAAA,YACE,SAA0EC,EAAAA,GAAQ,IAA/EC,IAAAA,oBAAqBC,IAAAA,UAAWC,IAAAA,QAASC,IAAAA,aAAcC,IAAAA,aAClDC,EAAOnB,EAAgBc,GAEvBM,EACJC,EAAAC,IAAA,MAAA,CAAKP,UAAWN,EAAOc,MAAMC,SAC3BH,MAACF,EAAI,CAACM,KAAM,OAIhB,OACEJ,EAAAA,IAAA,MAAA,CACER,IAAKA,EACLE,UAAWW,EAAU,QACnBjB,EAAOkB,KACPnB,EAAiBM,GACjBE,GAAWP,EAAOmB,UAClBb,GAEFC,QAASA,EACTC,aAAcA,EACdC,aAAcA,EACd,cAAaW,EAAmBA,oBAACC,mBAAmBN,SAEnDJ,GAGP"}

package/cjs-bundle/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js CHANGED Viewed

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

package/cjs-bundle/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsButton.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/SettingsButton/SettingsButton.tsx"],"sourcesContent":["import { ~~forwardRef, useCallback } from 'react';\n\nimport {~~ ButtonIcon } from '../../../ButtonIcon';\nimport { SettingTwoIcon } from '../../../../icons';\nimport { Tooltip } from '../../../Tooltip';\nimport { ~~useAppSettingPinning~~ } from '../../../~~AppSettings~~/~~AppSettingsPinningContext~~';\n\nimport { SettingsButtonTestIds } from './SettingsButton.constants';\n\nexport type SettingsButtonProps = {\n ~~closeSettings: () => void;\n~~ className?: string;\n};\n\nexport const SettingsButton = ~~forwardRef<HTMLButtonElement, SettingsButtonProps>~~(~~\n (~~{ className, ~~closeSettings~~ }, ~~ref~~) => {\n const { ~~isPinned~~, ~~open,~~ ~~isPopoverOpen~~ } = ~~useAppSettingPinning~~();\n\n ~~const~~ ~~toggle = useCallback~~(~~() => {~~\n ~~if (isPopoverOpen) {\n closeSettings();\n } else {\n open();\n }\n~~ ~~}, [isPopoverOpen, closeSettings, open]);\n\n return (\n~~ <Tooltip title={~~isPopoverOpen~~ ~~\|\| isPinned~~ ? '' : 'Settings'}>\n <ButtonIcon\n size=\"small\"\n type={~~isPopoverOpen~~ ~~\|\| isPinned~~ ? 'secondaryBg' : 'tertiaryBg'}\n onClick={toggle}\n testId={SettingsButtonTestIds.SettingsButtonTestId}\n className={className}\n ~~ref={ref}\~~n ~~>\n~~ <SettingTwoIcon />\n </ButtonIcon>\n </Tooltip>\n );\n }~~\n)~~;\n"],"names":["~~SettingsButton","forwardRef","~~_ref","~~ref","~~className","~~closeSettings~~","~~_useAppSettingPinning~~","~~useAppSettingPinning~~","~~isPinned","open","isPopoverOpen","~~toggle","~~useCallback","~~_jsx","Tooltip","title","children","ButtonIcon","size","type","onClick","testId","SettingsButtonTestIds","SettingsButtonTestId","SettingTwoIcon"],"mappings":"~~gkJAcaA~~,~~EAAiBC~~,~~EAAUA~~,~~YACtC~~,~~SAAAC~~,~~EAA+~~BC,~~GAAQ~~,~~IAApCC,IAAAA,UAAWC,IAAAA,cACZC,EAA0CC,~~EAAAA,~~uBAAlCC~~,IAAAA,~~SAAUC~~,IAAAA,~~KAAMC~~,~~IAAAA~~,~~cAElBC,EAASC,~~EAAAA,~~aAAY,WACrBF,EACFL,IAEAI,GAEH,GAAE,CAACC,EAAeL,EAAeI,IAElC,OACEI,EAAAA,~~IAACC,EAAAA,QAAO,CAACC,~~MAAOL~~,~~GAAiBF~~,~~EAAW,~~GAAK,~~WAAWQ~~,~~SAC1DH~~,MAACI,aAAU,CACTC,KAAK,QACLC,~~KAAMT~~,~~GAAiBF~~,~~EAAW,~~cAAgB,~~aAClDY~~,~~QAAST~~,~~EACTU~~,OAAQC,EAAqBA,sBAACC,~~qBAC9BnB~~,UAAWA,~~EACXD~~,~~IAAKA~~,~~EAAIa,SAETH,~~EAAAA,IAACW,EAAcA,eAAA,OAIvB"}
1	+ {"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":["_ref","className","_useAppSettingsPanel","useAppSettingsPanel","isToggleActive","toggle","_jsx","Tooltip","title","children","ButtonIcon","size","type","onClick","testId","SettingsButtonTestIds","SettingsButtonTestId","SettingTwoIcon"],"mappings":"6yJAW8B,SAAwCA,GAAA,IAArCC,IAAAA,UAC/BC,EAAmCC,EAAAA,sBAA3BC,IAAAA,eAAgBC,IAAAA,OAExB,OACEC,EAAAA,IAACC,EAAAA,QAAO,CAACC,MAAOJ,EAAiB,GAAK,WAAWK,SAC/CH,MAACI,aAAU,CACTC,KAAK,QACLC,KAAMR,EAAiB,cAAgB,aACvCS,QAASR,EACTS,OAAQC,EAAqBA,sBAACC,qBAC9Bf,UAAWA,EAAUQ,SAErBH,EAAAA,IAACW,EAAcA,eAAA,OAIvB"}

package/cjs-bundle/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js CHANGED Viewed

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

package/cjs-bundle/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VersionSelect.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","_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","jsx","VersionSelectTestIds","ChangeAppVersionButtonTestId","ref","onClick","TextEndTruncated","button","nonLabelledVersion","testId","CurrentVersionLabelTestId","DownIcon","icon","Menu","anchorEl","placement","onClose","popover","LoaderLogo","MenuItems","onChange"],"mappings":"~~k1NAyBMA~~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"}
1	+ {"version":3,"file":"VersionSelect.js","sources":["../../../../../../src/componentsV2/AppHeader/V3/VersionSelect/VersionSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { Menu } from '../../../Menu';\nimport { PACKAGE_LABELS } from '../../../../constants/appPackages';\nimport { Text } from '../../../Text';\nimport { TextEndTruncated } from '../../../TextEndTruncated';\nimport { LoaderLogo } from '../../../LoaderLogo';\nimport { Tooltip } from '../../../Tooltip';\n\nimport {\n AppPackage,\n formatVersionText,\n getVersionText,\n isReact18Host,\n VersionSelectTestIds,\n} from './VersionSelect.constants';\nimport { MenuItems } from './MenuItems';\n\nimport styles from './VersionSelect.scss';\n\nimport { DownIcon } from '~/icons';\nimport { getAppPackages } from '~/clients/jsonApi';\nimport { useAppCommons } from '~/effects';\n\nconst LabelToClassMap: Record<string, string> = {\n [PACKAGE_LABELS.BETA]: styles.beta,\n [PACKAGE_LABELS.DEV]: styles.dev,\n [PACKAGE_LABELS.PROD]: styles.prod,\n};\n\nexport const VersionSelect = ({ className }: { className?: string }) => {\n const { app, appId, onSettingChange, onSettingsChange, isNonIsolatedApp } = useAppCommons();\n const [isOpen, setIsOpen] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [packages, setPackages] = useState<AppPackage[]>();\n const toggleRef = useRef<HTMLDivElement>(null);\n const loadingStartedRef = useRef(false);\n\n const open = useCallback(() => setIsOpen(true), []);\n const close = useCallback(() => setIsOpen(false), []);\n\n const { label = '', version, package_code_version: packageCodeVersion } = app?.package \|\| {};\n const versionText = formatVersionText(packageCodeVersion \|\| version \|\| '');\n const buttonText = getVersionText(versionText, label);\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: on a React-18 host an in-process app defaults to a\n // React-18 package, but React-17 packages stay selectable with a warning (not disabled).\n // isNonIsolatedApp carries the platform's actual isolation decision (DevCenterIsolatedApp);\n // isolated apps keep their React-17 iframe realm, so nothing is flagged there.\n const areReact17PackagesIncompatible = isReact18Host() && Boolean(isNonIsolatedApp);\n\n useEffect(() => {\n if (isOpen && !loadingStartedRef.current && !packages) {\n loadingStartedRef.current = true;\n const loader = async () => {\n try {\n const response = await getAppPackages(appId, {\n order: 'desc',\n sort: 'created_at',\n status: ['draft', 'published'],\n fields: ['attributes.label', 'attributes.package_json'],\n });\n\n setPackages(\n response.data.map(({ attributes }: { attributes: AppPackage }) => attributes)\n );\n } catch (e) {\n console.error(e);\n }\n\n setIsLoading(false);\n };\n\n loader();\n }\n }, [isOpen, packages, appId]);\n\n const onPackageChange = useCallback(\n (pkg: AppPackage) => {\n close();\n\n const packageValue = pkg.label \|\| pkg.version;\n\n // [REACT-18-MIGRATION-TAG] PLT-3099: an explicit user pick on a React-18 host opts the\n // app out of the auto-switch so their choice is honored (the fix is a default, not a lock).\n if (isReact18Host()) {\n onSettingsChange({ package: packageValue, react18AutoSwitchDisabled: true });\n return;\n }\n\n onSettingChange('package', packageValue);\n },\n [close, onSettingChange, onSettingsChange]\n );\n\n if (!versionText) {\n return null;\n }\n\n return (\n <Text className={classNames(styles.root, className)} size={14}>\n <Tooltip title=\"Change App Version\" disabled={buttonText.length > 15}>\n <div\n data-testid={VersionSelectTestIds.ChangeAppVersionButtonTestId}\n ref={toggleRef}\n onClick={open}\n >\n <TextEndTruncated\n className={classNames(\n styles.button,\n LabelToClassMap[label] \|\| styles.nonLabelledVersion\n )}\n testId={VersionSelectTestIds.CurrentVersionLabelTestId}\n >\n {buttonText}\n\n <DownIcon size={16} className={styles.icon} />\n </TextEndTruncated>\n </div>\n </Tooltip>\n\n <Menu\n open={isOpen}\n anchorEl={toggleRef.current}\n placement=\"bottom-start\"\n onClose={close}\n className={styles.popover}\n >\n {isLoading ? (\n <LoaderLogo size={40} />\n ) : (\n <MenuItems\n packages={packages}\n onChange={onPackageChange}\n areReact17PackagesIncompatible={areReact17PackagesIncompatible}\n />\n )}\n </Menu>\n </Text>\n );\n};\n"],"names":["LabelToClassMap","PACKAGE_LABELS","BETA","styles","beta","_defineProperty","_LabelToClassMap","DEV","dev","PROD","prod","_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","jsx","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/cjs-bundle/componentsV2/AppPanel/AppPanel.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../PopoverPanel/PopoverPanel.js"),r=require("./Header/Header.js"),o=require("react/jsx-runtime"),n=function(e){var r=e.children;return o.jsx(o.Fragment,{children:r})};n.Header=r.Header,n.Content=e.PopoverPanel.Content,n.Footer=e.PopoverPanel.Footer,n.Divider=e.PopoverPanel.Divider;var t=n;exports.AppPanel=t;
2	+ //# sourceMappingURL=AppPanel.js.map

package/cjs-bundle/componentsV2/AppPanel/AppPanel.js.map ADDED Viewed

@@ -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":"oLAUMA,EAAe,SAAHC,GAAA,IAAMC,IAAAA,SAAQ,OAAsBC,EAAAA,IAAAC,EAAAA,SAAA,CAAAF,SAAGA,GAAY,EASpEF,EAA8BK,OAASA,EAAAA,OACvCL,EAA8BM,QAAUC,EAAYA,aAACD,QACrDN,EAA8BQ,OAASD,EAAYA,aAACC,OACpDR,EAA8BS,QAAUF,EAAYA,aAACE,QAE/C,IAAMC,EAAWV"}

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("classnames"),s=require("../AppSizeProvider/AppSizeProvider.js");require("../../clients/subscriptions/constants.js"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/regenerator"),require("querystring"),require("uuid/v1"),require("lodash"),require("../../clients/subscriptions.v1.js"),require("../../clients/jsonApi/index.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var n=require("../../effects/useOutsideClick.js");require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppCommonsProvider/AppCommonsProvider.js"),require("../AppCommonsProvider/AppCommonsContext.js");var t=require("./AppPanelsContext.js"),i=require("../Paper/Paper.js"),o=require("../PopoverPanel/PopoverPanel.js"),a=require("./AppPanelIdContext.js"),u=require("../AppContainer/AppContainer.constants.scss.js"),p=require("./AppPanelDisplay.scss.js"),l=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=c(r),d=Number(u.sidePadding.replace(/[^.0-9]/g,""));exports.AppPanelDisplay=function(r){var u=r.anchorRef,c=r.id,m=t.useAppPanelInternal(c),j=m.isOpen,h=m.isPinned,v=m.close,P=m.isAnimated,b=m.width,A=m.component,C=m.opener,f=m.isExpanded,x=m.placement,y=e.useRef(null),g=s.useAppSize()\|\|{},S=g.height,w=g.width,D=e.useMemo((function(){return{maxHeight:S,maxWidth:w?w-2d:0,width:f&&w?w-2d:b}}),[w,S,f,b]);return n(y,v,[C,'[role="tooltip"]','[role="presentation"]']),A?l.jsxs(a.AppPanelIdProvider,{value:c,children:[u.current&&!h&&l.jsx(o.PopoverPanel,{ref:y,open:j,placement:"start"===x?"bottom-start":"bottom-end",anchorEl:u.current,onClose:v,className:p.popover,preventScroll:!1,backdrop:!1,animate:P,style:D,preventOverflow:!1,children:l.jsx(A,{})}),h&&l.jsx(i.Paper,{className:q.default(p.pinned,"start"===x?p.pinnedStart:p.pinnedEnd),style:D,children:l.jsx(A,{})})]}):null};
2	+ //# sourceMappingURL=AppPanelDisplay.js.map

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.js.map ADDED Viewed

@@ -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","_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","jsx","Paper","classNames","pinned","pinnedStart","pinnedEnd"],"mappings":"g1EAcMA,EAAcC,OAAOC,EAAeF,YAAYG,QAAQ,WAAY,6BAO3C,SAAmCC,GAAA,IAAhCC,IAAAA,UAAWC,IAAAA,GAWvCC,EAAAA,EAAmBA,oBAACD,GATtBE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,WACOC,IAAPC,MACWC,IAAXC,UACAC,IAAAA,OACAC,IAAAA,WACAC,IAAAA,UAEIC,EAAaC,SAAuB,MAE1CC,EAAoCC,EAAUA,cAAM,CAAE,EAA9CC,IAAAA,OAAeC,IAAPX,MAEVY,EAAeC,EAAAA,SACnB,WAAA,MAAO,CACLC,UAAWJ,EACXK,SAAUJ,EAAWA,EAAyB,EAAdxB,EAAkB,EAClDa,MAAOI,GAAcO,EAAWA,EAAyB,EAAdxB,EAAkBY,EAC7D,GACF,CAACY,EAAUD,EAAQN,EAAYL,IAUjC,OAPAiB,EAAgBV,EAAYT,EAAO,CACjCM,EAEA,mBACA,0BAGGF,EAKHgB,EAAAA,KAACC,EAAAA,mBAAkB,CAACC,MAAO1B,EAAG2B,SAC3B5B,CAAAA,EAAU6B,UAAYzB,GACrB0B,MAACC,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,EAAAA,IAACrB,EAAS,MAIbL,GACC0B,EAAAc,IAACC,QAAK,CACJT,UAAWU,EAAAA,QACTT,EAAOU,OACO,UAAdlC,EAAwBwB,EAAOW,YAAcX,EAAOY,WAEtDP,MAAOtB,EAAaQ,SAEpBE,EAAAA,IAACrB,EAAS,SA/BT,IAoCX"}

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".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}"),module.exports={spacing:"8",sidePadding:"12px",popover:"AppPanelDisplay_popover__04Nwb",pinned:"AppPanelDisplay_pinned__7YmEL",pinnedStart:"AppPanelDisplay_pinnedStart__RO2Ze",pinnedEnd:"AppPanelDisplay_pinnedEnd__zIdU3"};
2	+ //# sourceMappingURL=AppPanelDisplay.scss.js.map

package/cjs-bundle/componentsV2/AppPanel/AppPanelDisplay.scss.js.map ADDED Viewed

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

package/cjs-bundle/componentsV2/AppPanel/AppPanelIdContext.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),t=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}var u=r.createContext(void 0);exports.AppPanelIdProvider=function(e){return t.jsx(u.Provider,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?c(Object(t),!0).forEach((function(r){o.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}({},e))},exports.useAppPanelId=function(){return r.useContext(u)};
2	+ //# sourceMappingURL=AppPanelIdContext.js.map

package/cjs-bundle/componentsV2/AppPanel/AppPanelIdContext.js.map ADDED Viewed

@@ -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","props","_jsx","Provider","_objectSpread","useContext"],"mappings":"8dAEA,IAAMA,EAAoBC,EAAAA,mBAA2CC,8BAInC,SAACC,GAAuD,OACxFC,EAAAA,IAACJ,EAAkBK,gXAAQC,CAAA,CAAA,EAAKH,GAAS,wBAHd,WAAH,OAASI,EAAAA,WAAWP,EAAkB"}

package/cjs-bundle/componentsV2/AppPanel/AppPanelsContext.js ADDED Viewed

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

package/cjs-bundle/componentsV2/AppPanel/AppPanelsContext.js.map ADDED Viewed

@@ -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","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","_ref","panels","children","value","useInternalState","_jsx","jsx","Provider","id","getPublicState","useMemo","reduce","acc","push","start","end","SettingsIdSymbol"],"mappings":"+1BAqBA,IAAMA,EAAmBC,EAAAA,cAAoC,CAC3DC,cAAe,CAAE,EACjBC,iBAAkB,WAAO,IAcdC,EAAsB,SAACC,GAClC,IAA4CC,EAAAA,EAAUA,WAACN,GAA/CE,IAAAA,cAAeC,IAAAA,iBAEjBI,OAAyBC,IAAZH,EAAwBH,EAAcG,QAAWG,EAC9DC,IAAaF,EAcfA,EAAAA,GAAc,CAAE,EAAAG,EAAAC,EAZlBC,SAAAA,cAAgBF,EAAAG,EAAAF,EAChBG,kBAAAA,cAAyBD,EAAAE,EAAAJ,EACzBK,WAAAA,cAAkBD,EAAAE,EAAAN,EAClBO,OAAAA,cAAcD,EAAAE,EAAAR,EACdS,WAAAA,cAAkBD,EAAAE,EAAAV,EAClBW,MAAAA,aAAQ,EAACD,EACTE,IAAAA,UACAC,IAAAA,OAAMC,EAAAd,EACNe,aAAAA,cAAoBD,EAAAE,EAAAhB,EACpBiB,WAAAA,cAAkBD,EAClBE,IAAAA,mBACAC,IAAAA,UAGFC,EAAAA,WAAU,WACHtB,GAA+B,iBAAZJ,GACtB2B,QAAQC,MAAuC5B,iCAAAA,OAAAA,EAAW,KAE9D,GAAG,CAACI,EAAUJ,IAEd,IAAM6B,EAASC,eACb,SAACD,GACKzB,QAAwBD,IAAZH,GACdF,GAAiB,SAAAiC,GAAS,OACrBA,EAAAA,EAAAA,CAAAA,EAAAA,mBACF/B,EAAOgC,EAAAA,EAAA,CAAA,EAAQD,EAAU/B,IAAa6B,IAAM,GAGlD,GACD,CAAC7B,EAASI,EAAUN,IAGhBmC,EAAOH,eACX,SAACI,GACM3B,GACHsB,EAAO,CACLd,YAAY,EACZF,QAAQ,EACRM,OAAQe,aAAAA,EAAAA,EAAGC,cACXZ,YAAY,GAGlB,GACA,CAAChB,EAAUsB,IAGPO,EAAQN,EAAAA,aAAY,WACxBD,EAAO,CACLd,YAAY,EACZR,UAAU,EACVM,QAAQ,EACRM,YAAQhB,EACRoB,YAAY,GAEhB,GAAG,CAACM,IAEEQ,EAAaP,EAAAA,aAAY,WAC7BhC,GAAiB,SAAAiC,GAAS,OACxBO,OAAOC,YACLC,QAAQC,QAAQV,GAAWW,KAAI,SAAAC,GAAG,MAAI,CACpCA,EAAGX,EAAAA,EAAA,CAAA,EAEED,EAAUY,IAETA,IAAQ3C,EACR,CACEe,YAAY,EACZF,OAAQkB,EAAUY,GAAKpC,SACvBA,UAAWwB,EAAUY,GAAKpC,SAC1BgB,YAAY,GAEd,CACER,YAAY,EACZR,UAAU,EACVM,QAAQ,EACRM,YAAQhB,EACRoB,YAAY,IAGrB,OAGP,GAAG,CAACzB,EAAkBE,IAEhB4C,EAASd,eACb,SAAAI,GACMrB,EACFuB,IAEAH,EAAKC,EAER,GACD,CAACrB,EAAQuB,EAAOH,IAGZY,EAAgBf,EAAAA,aACpB,WAAA,OAAMD,EAAO,CAAEN,YAAaA,GAAa,GACzC,CAACA,EAAYM,IAKf,MAAO,CACLtB,SAAAA,EACAM,OAAAA,EACAE,WAAAA,EACAJ,WAAAA,EACAF,kBAAAA,EACAQ,MAAAA,EACAC,UAAAA,EACAC,OAAAA,EACA2B,eAXqBjC,GAAUN,EAY/Bc,aAAAA,EACAE,WAAAA,EACAU,KAAAA,EACAG,MAAAA,EACAQ,OAAAA,EACAP,WAAAA,EACAQ,cAAAA,EACArB,mBAAAA,EACAC,UAAAA,EAEJ,mCAtIwC,SAAyDsB,GAAA,IAAtDC,IAAAA,OAAQC,IAAAA,SAC3CC,EAAQC,mBAAiBH,GAE/B,OAAOI,EAAAC,IAAC1D,EAAiB2D,SAAQ,CAACJ,MAAOA,EAAMD,SAAEA,GACnD,sBAsJ2B,SAACM,GAAU,OAAKC,iBAAezD,EAAoBwD,GAAI,wDAlBnD,WAC7B,IAAQ1D,EAAkBI,EAAUA,WAACN,GAA7BE,cAER,OAAO4D,EAAOA,SACZ,WAAA,OACEjB,QAAQC,QAAQ5C,GAAe6D,QAG7B,SAACC,EAAKhB,GAEJ,OADAgB,EAAI9D,EAAc8C,GAAKlB,WAAWmC,KAAKjB,GAChCgB,CACT,GACA,CAAEE,MAAO,GAAIC,IAAK,OAEtB,CAACjE,GAEL,8BAGmC,WAAH,OAAS2D,iBAAezD,EAAoBgE,EAAgBA,kBAAE"}

package/cjs-bundle/componentsV2/AppPanel/Header/Header.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),e=require("../../PopoverPanel/PopoverPanel.js"),c=require("../AppPanelIdContext.js"),n=require("../AppPanelsContext.js"),i=require("../../Tooltip/Tooltip.js"),r=require("../../ButtonIcon/ButtonIcon.js"),u=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js");var t=require("../../../icons/customIcons/icons/PinOne.js"),l=require("../../../icons/customIcons/icons/PinOneCrossed.js");require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var j=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var a=m(s),I=m(o),q=["actions","elementsTestIds"];function p(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function d(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?p(Object(e),!0).forEach((function(o){a.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):p(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}exports.Header=function(s){var o=s.actions,m=s.elementsTestIds,a=I.default(s,q),p=c.useAppPanelId(),P=n.useAppPanelInternal(p),O=P.isPinned,C=P.isPinnable,b=P.onPinClick,h=P.close,x=P.isExpandable,f=P.onExpandClick,v=P.isExpanded,F=C&&j.jsx(i.Tooltip,{title:O?"Unpin":"Pin",children:j.jsx(r.ButtonIcon,{size:"small",onClick:b,testId:null==m?void 0:m.pinButton,children:O?j.jsx(l.PinOneCrossed,{}):j.jsx(t.PinOne,{})})}),y=x&&j.jsx(i.Tooltip,{title:v?"Collapse":"Expand",children:j.jsx(r.ButtonIcon,{size:"small",onClick:f,children:v?j.jsx(u.CollapseIcon,{}):j.jsx(u.ExpandIcon,{})})});return j.jsx(e.PopoverPanel.Header,d(d({},a),{},{elementsTestIds:m,actions:(o\|\|F\|\|y)&&j.jsxs(j.Fragment,{children:[o,F,y]}),onClose:h}))};
2	+ //# sourceMappingURL=Header.js.map

package/cjs-bundle/componentsV2/AppPanel/Header/Header.js.map ADDED Viewed

@@ -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":["_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","jsx","PopoverPanel","Header","_jsxs","_Fragment","onClose"],"mappings":"84KAgBsB,SAAwDA,GAAA,IAArDC,IAAAA,QAASC,IAAAA,gBAAoBC,EAAIC,EAAA,QAAAJ,EAAAK,GAClDC,EAAKC,EAAAA,gBAETC,EAAAA,EAAmBA,oBAACF,GADdG,IAAAA,SAAUC,IAAAA,WAAYC,IAAAA,WAAYC,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,WAGxEC,EAAYN,GAChBO,MAACC,UAAO,CAACC,MAAOV,EAAW,QAAU,MAAMW,SACzCH,MAACI,aAAU,CAACC,KAAK,QAAQC,QAASZ,EAAYa,OAAQtB,aAAAA,EAAAA,EAAiBc,UAAUI,SAC9EX,EAAWQ,EAAAA,IAACQ,EAAaA,cAAG,CAAA,GAAGR,MAACS,EAAMA,OAAA,QAKvCC,EAAed,GACnBI,MAACC,UAAO,CAACC,MAAOJ,EAAa,WAAa,SAASK,SACjDH,MAACI,aAAU,CAACC,KAAK,QAAQC,QAAST,EAAcM,SAC7CL,EAAaE,EAAAA,IAACW,EAAYA,aAAG,CAAA,GAAGX,MAACY,EAAUA,WAAA,QAKlD,OACEZ,EAACa,IAAAC,EAAYA,aAACC,cACR7B,GAAI,GAAA,CACRD,gBAAiBA,EACjBD,SACGA,GAAWe,GAAaW,IACvBM,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CACGnB,EACAe,EACAW,KAIPQ,QAASvB,IAGf"}

package/cjs-bundle/componentsV2/AppPanel/utils.js ADDED Viewed

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

package/cjs-bundle/componentsV2/AppPanel/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../src/componentsV2/AppPanel/utils.ts"],"sourcesContent":["import {\n ComponentType,\n Dispatch,\n ReactNode,\n SetStateAction,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { isEqual } from 'lodash';\n\nimport { useAppCommonsInternal } from '../AppCommonsProvider';\nimport { AppSettings } from '../../types';\n\nimport { useAppPanelInternal } from './AppPanelsContext';\n\nexport const SettingsIdSymbol = Symbol('appSettingsPanel');\n\nexport const defaultWidth = 334;\nexport const settingsWidth = 296;\n\nexport const SettingsPinnedConfigKey = 'CorvaUI.internal.SettingsPinned' as const;\nexport const PanelsConfigKey = 'CorvaUI.internal.PanelsConfig' as const;\n\ntype SettingsConfig = Partial<{\n isPinned: boolean;\n}>;\n\n// Boolean for backwards compatibility with old Settings\ntype RawSettingsConfig = boolean | SettingsConfig;\n\ntype RelevantAppSettings = {\n [SettingsPinnedConfigKey]?: RawSettingsConfig;\n [PanelsConfigKey]?: Record<string, SettingsConfig>;\n};\n\nexport type PanelConfig = {\n component: ComponentType;\n width?: number;\n isPinnable?: boolean;\n isInitiallyPinned?: boolean;\n isExpandable?: boolean;\n placement?: 'start' | 'end';\n};\n\nexport type AppPanelConfigInternal = Record<\n string | symbol,\n PanelConfig & { additionalControls?: ReactNode }\n>;\n\nexport type AppPanelConfig = Record<string, PanelConfig>;\n\nexport type InternalPanelConfig = Omit<PanelConfig, 'width' | 'placement'> & {\n id: string | symbol;\n\n width: number;\n isOpen: boolean;\n isAnimated: boolean;\n // HTML Element that triggered popover open. Needed to properly close on click outside\n opener?: HTMLElement;\n\n isExpanded: boolean;\n isPinned: boolean;\n additionalControls?: ReactNode;\n\n placement: Required<PanelConfig>['placement'];\n};\n\nexport type State = Record<string | symbol, InternalPanelConfig>;\n\nconst getSavedState = ({ isPinned }: InternalPanelConfig): Required<SettingsConfig> => ({\n isPinned,\n});\n\nconst normalizeSettingsConfig = (config?: RawSettingsConfig): SettingsConfig =>\n typeof config === 'boolean' ? { isPinned: config } : { ...config };\n\nconst getConfigFromSettings = (id: string | symbol, settings: RelevantAppSettings) => {\n if (id === SettingsIdSymbol) {\n return normalizeSettingsConfig(settings[SettingsPinnedConfigKey]);\n }\n\n if (typeof id === 'string' && settings[PanelsConfigKey] && id in settings[PanelsConfigKey]) {\n return settings[PanelsConfigKey][id];\n }\n\n return normalizeSettingsConfig(undefined);\n};\n\nexport const useSaveStateToSettings = (state: State) => {\n const { onSettingsChange } = useAppCommonsInternal();\n\n const prevSettingsConfigRef = useRef<RelevantAppSettings>();\n\n const newState = useMemo(\n () =>\n Reflect.ownKeys(state).reduce<RelevantAppSettings>(\n (acc, key) =>\n typeof key === 'string'\n ? {\n ...acc,\n [PanelsConfigKey]: {\n ...acc[PanelsConfigKey],\n [key]: getSavedState(state[key]),\n },\n }\n : { ...acc, [SettingsPinnedConfigKey]: getSavedState(state[key]) },\n {}\n ),\n [state]\n );\n\n useEffect(() => {\n // Skip first run, save only when state actually changes\n if (prevSettingsConfigRef.current) {\n const isDifferent = !isEqual(newState, prevSettingsConfigRef.current);\n\n if (isDifferent) {\n onSettingsChange(newState);\n }\n }\n\n prevSettingsConfigRef.current = newState;\n }, [onSettingsChange, newState]);\n};\n\nconst convertToInternalConfig = (\n id: string | symbol,\n panel: PanelConfig,\n appSettings?: AppSettings,\n isInsideNewMobileApp?: boolean\n): InternalPanelConfig => {\n const { isInitiallyPinned } = panel;\n\n const { isPinned: settingsPinned } = getConfigFromSettings(id, appSettings || {});\n\n const initiallyPinnedState = isInitiallyPinned && settingsPinned === undefined;\n const settingsIsPinned = initiallyPinnedState || !!settingsPinned;\n const isPinned = settingsIsPinned && !!panel.component && !isInsideNewMobileApp;\n\n const widthWithDefault = panel.width || defaultWidth;\n\n return {\n ...panel,\n placement: panel.placement || 'end',\n id,\n isPinned,\n isOpen: false,\n isAnimated: false,\n width: id === SettingsIdSymbol ? settingsWidth : widthWithDefault,\n isExpanded: false,\n };\n};\n\nconst useUpdateState = (\n panels: AppPanelConfigInternal,\n setState: Dispatch<SetStateAction<State>>,\n appSettings?: AppSettings,\n isInsideNewMobileApp?: boolean\n) => {\n const prevPanelsRef = useRef(panels);\n\n useEffect(() => {\n if (panels !== prevPanelsRef.current && !isEqual(panels, prevPanelsRef.current)) {\n setState(prevState => {\n const entries = Reflect.ownKeys(panels).map(id => {\n const newConfig = convertToInternalConfig(\n id,\n panels[id],\n appSettings,\n isInsideNewMobileApp\n );\n const { isPinnable } = newConfig;\n const oldConfig = prevState[id] || newConfig;\n\n const newStateConfig: InternalPanelConfig = {\n ...oldConfig,\n ...panels[id],\n isPinned: isPinnable ? oldConfig.isPinned : false,\n };\n\n return [id, newStateConfig];\n });\n\n return Object.fromEntries(entries);\n });\n }\n\n prevPanelsRef.current = panels;\n }, [appSettings, isInsideNewMobileApp, panels, setState]);\n};\n\nexport const useInternalState = (panels: AppPanelConfigInternal) => {\n const { appSettings, isInsideNewMobileApp } = useAppCommonsInternal();\n\n const [internalState, setInternalState] = useState<State>(() =>\n Object.fromEntries(\n Reflect.ownKeys(panels).map(id => {\n return [id, convertToInternalConfig(id, panels[id], appSettings, isInsideNewMobileApp)];\n })\n )\n );\n\n useSaveStateToSettings(internalState);\n useUpdateState(panels, setInternalState, appSettings, isInsideNewMobileApp);\n\n return { internalState, setInternalState };\n};\n\nexport const getPublicState = ({\n isExpanded,\n isExpandable,\n onExpandClick,\n onPinClick,\n isPinned,\n isInitiallyPinned,\n width,\n isOpen,\n open,\n close,\n toggle,\n isToggleActive,\n isPinnable,\n additionalControls,\n}: ReturnType<typeof useAppPanelInternal>) => ({\n isExpanded,\n isExpandable,\n onExpandClick,\n onPinClick,\n isPinned,\n isInitiallyPinned,\n width,\n isOpen,\n open,\n close,\n toggle,\n isToggleActive,\n isPinnable,\n additionalControls,\n});\n"],"names":["SettingsIdSymbol","Symbol","PanelsConfigKey","getSavedState","_ref","isPinned","normalizeSettingsConfig","config","_objectSpread","useSaveStateToSettings","state","onSettingsChange","useAppCommonsInternal","prevSettingsConfigRef","useRef","newState","useMemo","Reflect","ownKeys","reduce","acc","key","_defineProperty","SettingsPinnedConfigKey","useEffect","current","isEqual","convertToInternalConfig","id","panel","appSettings","isInsideNewMobileApp","isInitiallyPinned","getConfigFromSettings","settings","undefined","settingsPinned","component","widthWithDefault","width","placement","isOpen","isAnimated","isExpanded","_ref2","isExpandable","onExpandClick","onPinClick","open","close","toggle","isToggleActive","isPinnable","additionalControls","panels","_useAppCommonsInterna2","_useState","useState","Object","fromEntries","map","_useState2","_slicedToArray","internalState","setInternalState","setState","prevPanelsRef","prevState","entries","newConfig","oldConfig","useUpdateState"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppSettings/AppSettings.js CHANGED Viewed

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

package/cjs-bundle/componentsV2/AppSettings/AppSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AppSettings.js","sources":["../../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { ~~CSSProperties~~, ~~forwardRef~~, ~~useEffect,~~ useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport { ~~Text~~ } from '~~../Text~~';\nimport { ~~Tooltip~~ } from '../~~Tooltip~~';\nimport { ~~ButtonIcon~~ } from '../~~ButtonIcon';\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components~~/~~ErrorBoundary~~';\nimport { ~~useAppCommonsInternal~~ } from '../~~AppCommonsProvider/AppCommonsContext~~';\n\nimport { ~~useAppSettingPinning~~ } from './~~AppSettingsPinningContext~~';\n\nimport styles from './AppSettings.scss';\n\~~nimport { CloseSmallIcon, Pin } from '~/icons';\nimport { AppSettingsTestIds } from '~/componentsV2/AppSettings/AppSettings.constants';\n\~~nexport ~~type AppSettingsProps = {\n onClose?: () => void;\n rootStyles?: CSSProperties;\n};\n\nexport~~ const AppSettings = ~~forwardRef<HTMLDivElement, AppSettingsProps>~~(~~\n ({ rootStyles, onClose }, ref~~) => {\n const {\n appSettings,\n currentUser,\n onSettingChange,\n onSettingsChange,\n layoutEnvironment,\n app,\n appData,\n appSettingsComponent: AppSettingsComponent,\n } = useAppCommonsInternal();\n const [isScrollable, setIsScrollable] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { ~~isPinned~~, ~~onPinClick,~~ ~~showPinButton,~~ ~~additionalControls~~ } = ~~useAppSettingPinning~~();\n\n useEffect(() => {\n if (containerRef.current) {\n const onDimensionChange = debounce(\n () => {\n requestAnimationFrame(() => {\n const { clientHeight = 0, scrollHeight = 0 } = containerRef.current \|\| {};\n setIsScrollable(clientHeight < scrollHeight);\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionChange.cancel();\n };\n }\n\n return undefined;\n }, []);\n\n if (!AppSettingsComponent) {\n return null;\n }\n\n return (\n <div className={styles.root} ~~style={rootStyles} ref={ref}~~>\n <~~div className={styles~~.~~header}>\n <Text~~ ~~size~~={16} ~~weight=\"medium\" className~~={~~styles.title~~}>\n Settings\n </Text>\n\n {additionalControls}\n\n {showPinButton && (\n <Tooltip title={isPinned ? 'Unpin' : 'Pin'}>\n <ButtonIcon\n size=\"small\"\n className={isPinned ? styles.pinnedPinButton : undefined}\n onClick={onPinClick}\n testId={\n isPinned\n ? AppSettingsTestIds.UnpinButtonTestId\n : AppSettingsTestIds.PinButtonTestId\n }\n >\n ~~<Pin />\n </ButtonIcon>\n </Tooltip>\n )}~~\n\n <Tooltip title=\"Close Settings\">\n <ButtonIcon\n testId={AppSettingsTestIds.CloseSettingsButtonTestId}\n size=\"small\"\n onClick={onClose}\n >\n <CloseSmallIcon />\n </ButtonIcon>\n </Tooltip>\n </div~~>\n\n <div~~ className={classNames(styles.content, isScrollable && styles.scrollable)}>\n <div className={styles.contentInner} ref={containerRef}>\n <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n </ErrorBoundary>\n </div>\n </div>\n </div>\n );\n }~~\n)~~;\n"],"names":["~~AppSettings","forwardRef","_ref","ref","rootStyles","onClose","~~_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","~~_useAppSettingPinning~~","~~useAppSettingPinning~~","isPinned","~~onPinClick~~","~~showPinButton~~","~~additionalControls~~","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","~~_ref2~~","~~_ref2~~$clientHeight","clientHeight","~~_ref2~~$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","~~style","~~children","~~jsxs","header","~~_jsx","~~Text~~","~~size~~","~~weight~~","~~title~~","~~Tooltip","ButtonIcon","pinnedPinButton","undefined","onClick","testId","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","Pin","CloseSettingsButtonTestId","CloseSmallIcon","~~jsx","classNames","content","scrollable","contentInner","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"~~4jJAsBaA~~,~~EAAcC~~,~~EAAUA,YACnC,SAAAC,EAA0BC,GAAQ,IAA/BC,~~IAAAA,~~WAAYC,IAAAA,QACbC,~~EASIC,EAAAA,wBARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,SAAuB,MAE5CC,~~EAAoEC~~,EAAAA,~~uBAA5DC~~,IAAAA,~~SAAUC~~,IAAAA,~~WAAYC~~,~~IAAAA~~,~~cAAeC~~,~~IAAAA~~,~~mBA8B7C~~,~~OA5BAC~~,EAAAA,WAAU,WACR,~~GAAIR~~,~~EAAaS~~,QAAS,CACxB,IAAMC,EAAoBC,EAAAA,UACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+Cb,~~EAAaS~~,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,~~aAC1BlB~~,~~EAAgBgB~~,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,~~OAJIV~~,~~EAAaS~~,SACfU,EAAeE,~~QAAQrB~~,~~EAAaS~~,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,~~IAEE/B~~,~~EAKHgC~~,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,~~KAAMC~~,~~MAAO/C~~,~~EAAYD~~,~~IAAKA~~,~~EAAIiD~~,~~SACvD~~,~~CAAAL~~,~~EAAAM~~,~~KAAA,MAAA,CAAKL,UAAWC,EAAOK,OAAOF,SAAA,CAC5BG,MAACC,OAAI,~~CAACC,~~KAAM~~,~~GAAIC~~,~~OAAO~~,~~SAASV~~,~~UAAWC,EAAOU,MAAMP,~~SAAA,~~aAIvDtB~~,~~EAEAD~~,GACC0B,EAAAA,IAACK,EAAAA,QAAO,CAACD,MAAOhC,EAAW,QAAU,MAAMyB,SACzCG,MAACM,aAAU,CACTJ,KAAK,QACLT,UAAWrB,EAAWsB,EAAOa,qBAAkBC,EAC/CC,QAASpC,EACTqC,OACEtC,EACIuC,EAAAA,mBAAmBC,kBACnBD,EAAkBA,mBAACE,gBACxBhB,SAEDG,EAAAA,IAACc,EAAGA,IAAA,~~QAKVd,MAACK,UAAO,CAACD,MAAM,iBAAgBP,SAC7BG,MAACM,aAAU,CACTI,OAAQC,EAAkBA,mBAACI,0BAC3Bb,KAAK,QACLO,QAAS3D,EAAQ+C,SAEjBG,EAAAA,IAACgB,EAAcA,eAAA,WAKrBhB,EAAAiB,IAAA,~~MAAA,~~CAAKxB~~,~~UAAWyB~~,EAAU,~~QAACxB~~,~~EAAOyB~~,~~QAASrD~~,~~GAAgB4B~~,~~EAAO0B~~,~~YAAYvB~~,~~SAC5EG~~,~~EAAAiB~~,IAAA,MAAA,~~CAAKxB~~,UAAWC,~~EAAO2B~~,~~aAAczE~~,~~IAAKoB~~,~~EAAa6B~~,~~SACrDG~~,~~MAACsB~~,EAAa,CAACC,UAAWC,~~EAAsB3B~~,~~SAC9CG~~,~~MAACxC~~,EAAoB,CACnBF,IAAKA,EACLC,QAASA,~~EACTkE~~,~~SAAUxE~~,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,~~aAlDhB~~,~~IAyDX~~"}
1	+ {"version":3,"file":"AppSettings.js","sources":["../../../../src/componentsV2/AppSettings/AppSettings.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from 'lodash';\nimport classNames from 'classnames';\n\nimport ErrorBoundary, { DevCenterAppErrorView } from '../../components/ErrorBoundary';\nimport { useAppCommonsInternal } from '../AppCommonsProvider';\nimport { useAppSettingsPanel } from '../AppPanel/AppPanelsContext';\nimport { AppPanel } from '../AppPanel';\n\nimport { AppSettingsTestIds } from './AppSettings.constants';\n\nimport styles from './AppSettings.scss';\n\nexport const AppSettings = () => {\n const {\n appSettings,\n currentUser,\n onSettingChange,\n onSettingsChange,\n layoutEnvironment,\n app,\n appData,\n appSettingsComponent: AppSettingsComponent,\n } = useAppCommonsInternal();\n const [isScrollable, setIsScrollable] = useState(false);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { additionalControls, isPinned } = useAppSettingsPanel();\n\n const testIds = useMemo(\n () => ({\n pinButton: isPinned\n ? AppSettingsTestIds.UnpinButtonTestId\n : AppSettingsTestIds.PinButtonTestId,\n closeButton: AppSettingsTestIds.CloseSettingsButtonTestId,\n }),\n [isPinned]\n );\n\n useEffect(() => {\n if (containerRef.current) {\n const onDimensionChange = debounce(\n () => {\n requestAnimationFrame(() => {\n const { clientHeight = 0, scrollHeight = 0 } = containerRef.current \|\| {};\n setIsScrollable(clientHeight < scrollHeight);\n });\n },\n 200,\n { leading: true }\n );\n\n const resizeObserver = new ResizeObserver(onDimensionChange);\n\n if (containerRef.current) {\n resizeObserver.observe(containerRef.current);\n }\n\n return () => {\n resizeObserver.disconnect();\n onDimensionChange.cancel();\n };\n }\n\n return undefined;\n }, []);\n\n if (!AppSettingsComponent) {\n return null;\n }\n\n return (\n <div className={styles.root}>\n <AppPanel.Header actions={additionalControls} elementsTestIds={testIds}>\n Settings\n </AppPanel.Header>\n\n <div className={classNames(styles.content, isScrollable && styles.scrollable)}>\n <div className={styles.contentInner} ref={containerRef}>\n <ErrorBoundary ErrorView={DevCenterAppErrorView}>\n <AppSettingsComponent\n app={app}\n appData={appData}\n settings={appSettings}\n onSettingChange={onSettingChange}\n onSettingsChange={onSettingsChange}\n layoutEnvironment={layoutEnvironment}\n currentUser={currentUser}\n />\n </ErrorBoundary>\n </div>\n </div>\n </div>\n );\n};\n"],"names":["_useAppCommonsInterna","useAppCommonsInternal","appSettings","currentUser","onSettingChange","onSettingsChange","layoutEnvironment","app","appData","AppSettingsComponent","appSettingsComponent","useState","_useState2","_slicedToArray","_useState","isScrollable","setIsScrollable","containerRef","useRef","_useAppSettingsPanel","useAppSettingsPanel","additionalControls","isPinned","testIds","useMemo","pinButton","AppSettingsTestIds","UnpinButtonTestId","PinButtonTestId","closeButton","CloseSettingsButtonTestId","useEffect","current","onDimensionChange","debounce","requestAnimationFrame","_ref","_ref$clientHeight","clientHeight","_ref$scrollHeight","scrollHeight","leading","resizeObserver","ResizeObserver","observe","disconnect","cancel","_jsxs","className","styles","root","children","_jsx","AppPanel","Header","actions","elementsTestIds","jsx","classNames","content","scrollable","contentInner","ref","ErrorBoundary","ErrorView","DevCenterAppErrorView","settings"],"mappings":"8uBAa2B,WACzB,IAAAA,EASIC,EAAAA,wBARFC,IAAAA,YACAC,IAAAA,YACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,kBACAC,IAAAA,IACAC,IAAAA,QACsBC,IAAtBC,qBAEsCC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAAhDC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GAE9BK,EAAeC,SAAuB,MAE5CC,EAAyCC,EAAAA,sBAAjCC,IAAAA,mBAAoBC,IAAAA,SAEtBC,EAAUC,EAAAA,SACd,WAAA,MAAO,CACLC,UAAWH,EACPI,EAAAA,mBAAmBC,kBACnBD,EAAkBA,mBAACE,gBACvBC,YAAaH,EAAkBA,mBAACI,0BACjC,GACD,CAACR,IA+BH,OA5BAS,EAAAA,WAAU,WACR,GAAId,EAAae,QAAS,CACxB,IAAMC,EAAoBC,EAAAA,UACxB,WACEC,uBAAsB,WACpB,IAAAC,EAA+CnB,EAAae,SAAW,CAAE,EAAAK,EAAAD,EAAjEE,aAAAA,aAAe,EAACD,EAAAE,EAAAH,EAAEI,aAC1BxB,EAAgBsB,cADyB,EAACC,GAE5C,GACD,GACD,IACA,CAAEE,SAAS,IAGPC,EAAiB,IAAIC,eAAeV,GAM1C,OAJIhB,EAAae,SACfU,EAAeE,QAAQ3B,EAAae,SAG/B,WACLU,EAAeG,aACfZ,EAAkBa,SAEtB,CAGD,GAAE,IAEErC,EAKHsC,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOC,KAAKC,SAC1B,CAAAC,EAAAA,IAACC,EAAQA,SAACC,OAAM,CAACC,QAASlC,EAAoBmC,gBAAiBjC,EAAQ4B,SAAA,aAIvEC,EAAAK,IAAA,MAAA,CAAKT,UAAWU,EAAU,QAACT,EAAOU,QAAS5C,GAAgBkC,EAAOW,YAAYT,SAC5EC,EAAAK,IAAA,MAAA,CAAKT,UAAWC,EAAOY,aAAcC,IAAK7C,EAAakC,SACrDC,MAACW,EAAa,CAACC,UAAWC,EAAsBd,SAC9CC,MAAC3C,EAAoB,CACnBF,IAAKA,EACLC,QAASA,EACT0D,SAAUhE,EACVE,gBAAiBA,EACjBC,iBAAkBA,EAClBC,kBAAmBA,EACnBH,YAAaA,aAnBhB,IA0BX"}

package/cjs-bundle/componentsV2/AppSettings/AppSettings.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.AppSettings_root__qDp-p{display:flex;flex-flow:column nowrap}.AppSettings_root__qDp-p:hover .AppSettings_pinnedPinButton__hsGmE{opacity:1}.AppSettings_header__Dd4JA{align-items:center;display:flex;flex-flow:row nowrap;gap:8px;padding:8px 16px}.AppSettings_title__qIMiP{margin-right:auto}.AppSettings_content__BJqk5{border-top:2px solid var(--palette-background-b-4);display:flex;flex-flow:column;overflow:hidden;position:relative}.AppSettings_scrollable__0TBNI{position:relative}.AppSettings_scrollable__0TBNI:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.AppSettings_scrollable__0TBNI:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.AppSettings_contentInner__W7UOM{height:100%;overflow:auto;padding:0 16px}.AppSettings_pinnedPinButton__hsGmE{opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}'),module.exports={spacing:"8",root:"AppSettings_root__qDp-p",pinnedPinButton:"AppSettings_pinnedPinButton__hsGmE",header:"AppSettings_header__Dd4JA",title:"AppSettings_title__qIMiP",content:"AppSettings_content__BJqk5",scrollable:"AppSettings_scrollable__0TBNI",contentInner:"AppSettings_contentInner__W7UOM"};
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')('.AppSettings_root__qDp-p{display:contents}.AppSettings_content__BJqk5{display:flex;flex:1 1;flex-flow:column;overflow:hidden;position:relative}.AppSettings_scrollable__0TBNI{position:relative}.AppSettings_scrollable__0TBNI:before{background:linear-gradient(180deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:0 10px auto 0;position:absolute;z-index:1}.AppSettings_scrollable__0TBNI:after{background:linear-gradient(0deg,rgb(from var(--corvaui-background) r g b/1) 0,rgb(from var(--corvaui-background) r g b/0) 100%);content:"";height:16px;inset:auto 10px 0 0;position:absolute;z-index:1}.AppSettings_contentInner__W7UOM{height:100%;overflow:auto;padding:0 16px}'),module.exports={spacing:"8",root:"AppSettings_root__qDp-p",content:"AppSettings_content__BJqk5",scrollable:"AppSettings_scrollable__0TBNI",contentInner:"AppSettings_contentInner__W7UOM"};
 //# sourceMappingURL=AppSettings.scss.js.map