npm - @corva/ui - Versions diffs - 3.40.0-9 → 3.40.0-rc.1 - Mend

@corva/ui 3.40.0-9 → 3.40.0-rc.1

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 (484) hide show

package/cjs-bundle/components/Casing/CasingTableV2/components/DrillPipe/Editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("lodash"),s=require("prop-types"),t=require("@material-ui/core"),n=require("../constants.js"),o=require("../../../../../utils/mobileDetect.js"),i=require("react/jsx-runtime");require("../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.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/Lasso.js"),require("../../../../IconButton/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js");var u=require("../../../../../constants/casing.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("../../../../GradientManager/configuration/constants.js"),require("../../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../../IconMenu/index.js"),require("../../../../StyledMenuItem/index.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../DevCenter/AppHeader/AppHeader.js"),require("../../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/slicedToArray"),require("@material-ui/icons"),require("../../../../DevCenter/AppContext.js"),require("../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../utils/index.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js"),require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../types/shared/Completions.js"),require("../../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../../Icons/AnnotationIcon.js"),require("../../../../Annotations/components/AnnotationsList/index.js"),require("../../../../Annotations/components/LastAnnotation/index.js"),require("../../../../Annotations/AnnotationsContext.js"),require("../../../../Toaster/Toaster.js"),require("../../../../HelpCenter/HelpCenterIcon.js"),require("../../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../../DevCenter/SideBar/SideBar.js"),require("../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../../AssetEditor/index.js"),require("../../../../AssetEditorV2/index.js"),require("../../../../AppVersionsSelect/AppVersionsSelect.js"),require("../../../../LoadingIndicator/LoadingIndicator.js"),require("../../../../Typography.js"),require("../../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../../CollapsableSidebar.js"),require("../../../../DateTimePicker/index.js"),require("../../../../DatePicker/index.js"),require("../../../../ErrorBoundary/ErrorBoundary.js"),require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../../SlateFormattedText/SlateFormattedText.js"),require("../../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../../EmptyState/EmptyState.js"),require("../../../../ParameterCharts/ParameterCharts.js"),require("../../../../ParameterCharts/AddEditTrack.js"),require("../../../../ChartActionsList/ChartActionsList.js"),require("../../../../CopyToClipboard/CopyToClipboard.js"),require("../../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../../SettingEditors/ColorEditor/style.css.js"),require("../../../../SettingEditors/DropdownEditor/index.js"),require("../../../../SwitchControl/index.js"),require("../../../../ColorPicker/ColorPicker.js"),require("../../../../Chart/components/ChartButton.js"),require("../../../../Chart/components/ChartButtons.js"),require("../../../../Chart/components/ChartWrapper.js"),require("../../../../Chart/components/AxisDropdown.js"),require("../../../../Chart/components/ChartSelect.js"),require("../../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../../Chart/components/buttons/ZoomInButton.js"),require("../../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../../Chart/components/buttons/PanButton.js"),require("../../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../../Chart/components/buttons/HideAxesButton.js"),require("../../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../../TruncatedText/index.js"),require("../../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../../RangeSlider/constants.js"),require("../../../../RangeSlider/Input.css.js"),require("../../../../RangeSlider/RangeSlider.css.js"),require("../../../../AdvancedSlider/AdvancedSlider.js"),require("../../../../Breadcrumbs/index.js"),require("../../../../VirtualizedTable/index.js"),require("../../../../EmptyView/EmptyView.js"),require("../../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("../../../../ContextMenuItem/index.js"),require("../../../../FolderMenuItem/index.js"),require("../../../../EditableItem/EditableItem/index.js"),require("../../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../../Checkbox/index.js"),require("../../../../FolderMenuItemWithLinks/index.js"),require("../../../../TextField/index.js"),require("../../../../Chip/index.js"),require("../../../../Counter/index.js"),require("../../../../AnchorsList/AnchorsList.js"),require("../../../../Select/index.js"),require("../../../../Select/SelectFilterBy.js"),require("../../../../CustomSelect/index.js"),require("../../../../Tabs/Tabs.js"),require("../../../../Tabs/Tab.js"),require("../../../../ResizableTable/ResizableTable.js"),require("../../../../GradientPicker/GradientPicker.js"),require("../../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../../GradientManager/GradientSelect.styles.js"),require("../../../../GradientManager/GradientManager.styles.js"),require("../../../../Drillstring/BHASchematic.js"),require("../../../../Drillstring/BHATable/index.js"),require("../../../../Drillstring/BHAComponentIcon.js"),require("../../../../Drillstring/BHAComponentDetail/index.js"),require("../../../../Drillstring/BHATileIcon.js"),require("../../../../Drillstring/BHATile/BHATile.js"),require("../../../../Drillstring/BHAList/BHAList.js"),require("../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../CasingTable/index.js");var c=require("../../../CasingComponentIcon.js");require("../../../CasingTileIcon.js"),require("../../CasingTableV2.js"),require("../../../CasingTile/CasingTile.js"),require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../../WellSummary/WellSummaryItemLabel.js"),require("../../../../WellSummary/WellSummaryItemTitle.js"),require("../../../../WellSummary/WellSummaryItemValue.js"),require("../../../../WellSummary/ActivitySummaryChart.js"),require("../../../../WellSummary/FracWirelineTimeChart.js"),require("../../../../BICOffsetPickerDialog/index.js"),require("../../../../OffsetWellButton/OffsetWellButton.js"),require("../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../../OffsetWellPickerV3/index.js"),require("../../../../OffsetWellChips/Chip.js"),require("../../../../OffsetWellChips/ChipsContainer.js"),require("../../../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js"),require("../../../../OffsetWellPickerV4/utils/apiCalls.js"),require("../../../../OffsetWellPickerV4/effects/useAdvancedWells.js"),require("../../../../OffsetWellPickerV4/constants.js"),require("react-virtualized"),require("../../../../OffsetWellPickerV4/effects/useAssetsData.js"),require("../../../../../permissions/PermissionsContext.js"),require("../../../../../permissions/constants/index.js"),require("../../../../../permissions/withPermissionsHOC.js"),require("../../../../../permissions/ProvidePermissions.js"),require("../../../../OffsetWellPickerV4/components/AppHeader/AppHeader.js"),require("../../../../OffsetWellPickerV4/components/Toolbar/Toolbar.js"),require("../../../../OffsetWellPickerV4/components/Filter/Filter.js"),require("../../../../OffsetWellPickerV4/components/Map/WellsMap.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/OffsetWellsTable.js"),require("../../../../OffsetWellPickerV4/components/OffsetWellsTable/AdvancedSearch/constants.js"),require("../../../../OffsetWellPickerV4/utils/index.js"),require("../../../../OffsetWellPickerV4/OffsetWellPickerV4.module.css.js"),require("@material-ui/core/Snackbar"),require("../../../../Notifications/Toast.js"),require("../../../../Notifications/Notifications.scss.js"),require("../../../../../styles/typography/index.js"),require("../../../../../styles/counter/counter.module.scss.js"),require("../../../../OffsetWellMap/OffsetWellMap.js"),require("../../../../ConfirmationDialog.js"),require("../../../../TextLink/index.js"),require("../../../../Avatar/index.js"),require("../../../../Template/TemplatePopover/index.js"),require("../../../../Template/TemplateSharingDialog/index.js"),require("../../../../MenuItem/index.js"),require("../../../../MiddleTruncate/MiddleTruncate.js"),require("../../../../PinnableFilters/PinnableFilters.js"),require("../../../../HeaderLayout/HeaderLayout.js"),require("../../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../../PadOffsetsPicker/StagesSelector.js"),require("../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../../Table/TableToolbar/TableToolbar.js"),require("../../../../Table/TableContainer/TableContainer.js"),require("../../../../Table/TableCell/TableCell.js"),require("../../../../Table/TablePagination/TablePagination.js"),require("../../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../../Tooltip/ScrollableTooltip.js"),require("../../../../PriceInput/PriceInput.js"),require("../../../../LabelsCounter/LabelsCounter.js"),require("../../../../Stepper/Stepper.js"),require("../../../../Stepper/Step/Step.js"),require("../../../../Stepper/StepsWrapper.js"),require("../../../../Comment/CommentIcon/index.js"),require("../../../../FilesLoader/FilesLoader.js"),require("../../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../../SearchInput/index.js"),require("../../../../FeedItem/FeedItem.js"),require("../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../../PostInput/PostInput.js"),require("../../../../KeyboardDateTimePicker.js"),require("../../../../AddComment/Popover.js"),require("../../../../AddComment/Popup.js"),require("../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../../StageDesignVActual/ComparisonHeader.js"),require("../../../../StageDesignVActual/ComparisonRow.js"),require("../../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../../EmbeddedApp/EmbeddedApp.js"),require("../../../../Autocomplete/Autocomplete.js"),require("../../../../DocumentViewer/DocumentViewer.js"),require("../../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../../Search/Search.js"),require("../../../../Search/components/Listbox.js"),require("../../../../Search/components/Paper.js"),require("../../../../Search/components/RecentSearches.js"),require("../../../../Search/components/Groups.js"),require("../../../../Search/components/SelectAllListItem.js"),require("../../../../StatusBadge/index.js"),require("../../../../Attachment/index.js"),require("../../../../EmojiIconButton.js"),require("../../../../FileUploadIconButton.js"),require("../../../../FilePreview/index.js"),require("../../../../FailedFileUploading.js"),require("../../../../UserMention/index.js"),require("../../../../CommentsInfo/index.js"),require("../../../../CommentInput/index.js"),require("../../../../Comment/index.js"),require("../../../../CommentLoader.js"),require("../../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SelectItem.js"),require("../../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../../EChartsWrapper/EChartsWrapper.js"),require("../../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../../GoogleDocsViewer/index.js"),require("../../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../../NewDocumentViewer/styles.js"),require("../../../../FilesLoaderV2/styles.js"),require("../../../../FilesDropzone/styles.js"),require("../../../../FilesProcessor/styles.js"),require("../../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../../Formula/useFormulaStyles.js"),require("../../../../Formula/RootXIcon.js"),require("../../../../Formula/FormulaTextEditor.js"),require("../../../../Formula/CloseSuggestion.js"),require("../../../../Formula/SuggestionsMenu.js");var a=require("../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js"),require("../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js");var l=require("../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js");var p=require("../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js"),m=require("../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js");var q=require("../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js");var d=require("../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js"),j=require("../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=C(s);function g(s){var C=s.component,A=s.error,g=s.onChange,S=s.onCancel,V=s.onSave,h=s.onUseSuggestion,I=s.columns,b=j.useStyles({isMobile:o.isMobileDetected}),D=o.isMobileDetected?n.CONTAINER_XS/2:n.CONTAINER_XS/I,v=function(e){return A&&A[e]},T=e.useMemo((function(){var e=u.OD_ID_DEP_LIST;return C.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(C.outer_diameter)})):[]}),[C.outer_diameter]);return i.jsxs(t.Grid,{container:!0,spacing:0,className:b.editorContainer,children:[!o.isMobileDetected&&i.jsx(t.Grid,{item:!0,className:b.editorComponentSize,children:i.jsx(c,{component:C})}),i.jsx(t.Grid,{item:!0,className:b.eidtorContentContainer,children:i.jsxs(t.Grid,{container:!0,spacing:2,children:[i.jsx(q.SharedEditorElements,{component:C,getError:v,onChange:g,isCasing:!0}),T.length>0&&i.jsx(d,{data:T,allData:u.OD_ID_DEP_LIST,columns:n.OD_ID_DEP_COLUMNS,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:h,isCasing:!0}),i.jsx(l.InputText,{type:"name",label:"Name",value:C.name,error:v("name"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"number_of_joints",label:"# of Joints",value:C.number_of_joints,error:v("number_of_joints"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"component_length",label:"Component Length",unit:"length",value:C.component_length,error:v("component_length"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"weight",label:"T.Weight",unit:"mass",value:C.weight,error:v("weight"),disabled:!0,xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"grade",options:u.COMPONENT_GRADES,label:"Grade",value:C.grade,error:v("grade"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:C.outer_diameter_tooljoint,error:v("outer_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:C.inner_diameter_tooljoint,error:v("inner_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:C.length_tooljoint,error:v("length_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"connection_type",label:"Connection Type",value:C.connection_type,error:v("connection_type"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"class",options:u.COMPONENT_CLASSES,label:"Class",value:C.class,error:v("class"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"material",options:u.COMPONENT_MATERIALS,label:"Material",value:C.material,error:v("material"),xs:D,onChangeField:g})]})}),!o.isMobileDetected&&i.jsxs(t.Grid,{item:!0,className:b.eidtorActionGroup,children:[i.jsx(a.CancelButton,{handleCancel:S}),i.jsx(p.SaveButton,{handleSave:V,disabled:!r.isEmpty(A)})]})]})}g.propTypes={component:A.default.shape({outer_diameter:A.default.number,component_length:A.default.number,name:A.default.string,number_of_joints:A.default.number,weight:A.default.number,connection_type:A.default.string,grade:A.default.string,class:A.default.string,material:A.default.string,outer_diameter_tooljoint:A.default.number,inner_diameter_tooljoint:A.default.number,length_tooljoint:A.default.number}).isRequired,error:A.default.shape({}),onChange:A.default.func.isRequired,onCancel:A.default.func.isRequired,onSave:A.default.func.isRequired,onUseSuggestion:A.default.func.isRequired,columns:A.default.number.isRequired},g.defaultProps={error:null};var S=e.memo(g);module.exports=S;
+"use strict";var e=require("react"),r=require("lodash"),s=require("prop-types"),n=require("@material-ui/core"),t=require("../constants.js"),o=require("../../../../../utils/mobileDetect.js"),i=require("react/jsx-runtime");require("../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("classnames"),require("@icon-park/react/es/all"),require("../../../../../icons/IconParkProvider.js"),require("../../../../../icons/customIcons/icons/AddMessage.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/Lasso.js"),require("../../../../IconButton/index.js"),require("../../../../../constants/goals.js"),require("../../../../../constants/segment.js"),require("../../../../../constants/alerts.js"),require("../../../../../constants/apps.js");var u=require("../../../../../constants/casing.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("../../../../GradientManager/configuration/constants.js"),require("../../../../Modal/CorvaModal.css.js"),require("uuid"),require("../../../../IconMenu/index.js"),require("../../../../StyledMenuItem/index.js"),require("../../../../AppIcon/AppIcon.js"),require("../../../../DevCenter/AppHeader/AppHeader.js"),require("../../../../DevCenter/AppSideBar/AppSideBar.js"),require("../../../../DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/slicedToArray"),require("@material-ui/icons"),require("../../../../DevCenter/AppContext.js"),require("../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../../../utils/index.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../../../../../componentsV2/Text/Text.js"),require("../../../../../componentsV2/Grid/Grid.js"),require("../../../../../componentsV2/Grid/Cell.js"),require("../../../../../componentsV2/Header/Header.scss.js"),require("../../../../../componentsV2/Button/Button.js"),require("../../../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("../../../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../../../componentsV2/Popover/Popover.js"),require("../../../../../componentsV2/Radio/Radio.js"),require("../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../../../componentsV2/Checkbox/Checkbox.js"),require("../../../../../componentsV2/TextInput/TextInput.js"),require("../../../../../componentsV2/Label/Label.js"),require("../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../../../componentsV2/TextLink/TextLink.js"),require("../../../../../componentsV2/Chip/Chip.js"),require("../../../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../../../componentsV2/Avatar/Avatar.js"),require("../../../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../../../componentsV2/Paper/Paper.js"),require("../../../../../componentsV2/ModalWindow/ModalWindow.scss.js"),require("../../../../../componentsV2/Modal/Modal.scss.js"),require("../../../../../componentsV2/Menu/Menu.js"),require("../../../../../componentsV2/utils.js"),require("../../../../../componentsV2/Hint/Hint.scss.js"),require("../../../../../componentsV2/Counter/Counter.js"),require("../../../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../../../componentsV2/Switch/Switch.js"),require("../../../../../componentsV2/Tabs/Tabs.js"),require("../../../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../../../componentsV2/FileIcon/FileIcon.js"),require("../../../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../../../utils/main.js"),require("../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../../../componentsV2/ButtonText/ButtonText.js"),require("../../../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../../../componentsV2/AppContainer/AppContainer.js"),require("../../../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../../../componentsV2/AppFooter/AppFooter.js"),require("../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../../../PadModeSelect/PadModeSelect.js"),require("../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../../../constants/streamSourceType.js"),require("../../../../../types/shared/Completions.js"),require("../../../../PadModeSelect/types.js"),require("lodash/flatten"),require("lodash/partition"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js"),require("../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js"),require("../../../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../../../../clients/subscriptions/constants.js"),require("../../../../../clients/subscriptions.v1.js"),require("../../../../../clients/subscriptions/subscriptions-client.factory.js"),require("../../../../../clients/api/apiCore.js"),require("../../../../../clients/constants.js"),require("../../../../../clients/sso/auth0.js"),require("../../../../../clients/sso/oauth2.js"),require("../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js"),require("querystring"),require("uuid/v1"),require("jsona"),require("../../../../../utils/env.js"),require("../../../../StatusBadge/constants.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../../../../utils/getSingleAsset.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../../../componentsV2/AppContainer/headerCommon.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettings.js"),require("../../../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../../../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../../../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../../../componentsV2/DatePicker/DatePicker.js"),require("../../../../../componentsV2/DragHandle/DragHandle.js"),require("../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js"),require("../../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("rollbar"),require("@rollbar/react"),require("../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js"),require("../../../../Icons/AnnotationIcon.js"),require("../../../../Annotations/components/AnnotationsList/index.js"),require("../../../../Annotations/components/LastAnnotation/index.js"),require("../../../../Annotations/AnnotationsContext.js"),require("../../../../Toaster/Toaster.js"),require("../../../../HelpCenter/HelpCenterIcon.js"),require("../../../../DevCenter/NavigationBar/NavigationBar.js"),require("../../../../DevCenter/SideBar/SideBar.js"),require("../../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"),require("../../../../AssetEditor/index.js"),require("../../../../AssetEditorV2/index.js"),require("../../../../AppVersionsSelect/AppVersionsSelect.js"),require("../../../../LoadingIndicator/LoadingIndicator.js"),require("../../../../Typography.js"),require("../../../../RealTimeValuesSidebar/RealTimeSidebar.js"),require("../../../../CollapsableSidebar.js"),require("../../../../DateTimePicker/index.js"),require("../../../../DatePicker/index.js"),require("../../../../ErrorBoundary/ErrorBoundary.js"),require("../../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../../../SlateFormattedText/SlateFormattedText.js"),require("../../../../SlateFormattedText/RenderElements.js"),require("slate"),require("../../../../EmptyState/EmptyState.js"),require("../../../../ParameterCharts/ParameterCharts.js"),require("../../../../ParameterCharts/AddEditTrack.js"),require("../../../../ChartActionsList/ChartActionsList.js"),require("../../../../CopyToClipboard/CopyToClipboard.js"),require("../../../../AssetEditor/AssetEditorAutocomplete.js"),require("../../../../AssetEditor/SingleAssetEditor.js"),require("react-color"),require("../../../../SettingEditors/ColorEditor/style.css.js"),require("../../../../SettingEditors/DropdownEditor/index.js"),require("../../../../SwitchControl/index.js"),require("../../../../ColorPicker/ColorPicker.js"),require("../../../../Chart/components/ChartButton.js"),require("../../../../Chart/components/ChartButtons.js"),require("../../../../Chart/components/ChartWrapper.js"),require("../../../../Chart/components/AxisDropdown.js"),require("../../../../Chart/components/ChartSelect.js"),require("../../../../Chart/components/buttons/DragToZoomButton.js"),require("../../../../Chart/components/buttons/ZoomInButton.js"),require("../../../../Chart/components/buttons/ZoomOutButton.js"),require("../../../../Chart/components/buttons/PanButton.js"),require("../../../../Chart/components/buttons/ResetZoomButton.js"),require("../../../../Chart/components/buttons/HideAxesButton.js"),require("../../../../Chart/components/buttons/ChartTypeButton.js"),require("../../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js"),require("../../../../TruncatedText/index.js"),require("../../../../MiddleTruncatedText/MiddleTruncatedText.js"),require("../../../../RangeSlider/constants.js"),require("../../../../RangeSlider/Input.css.js"),require("../../../../RangeSlider/RangeSlider.css.js"),require("../../../../AdvancedSlider/AdvancedSlider.js"),require("../../../../Breadcrumbs/index.js"),require("../../../../VirtualizedTable/index.js"),require("../../../../EmptyView/EmptyView.js"),require("../../../../EmptyView/EmptyAppView/EmptyAppView.js"),require("../../../../Button/components/Button/index.js"),require("moment-timezone"),require("../../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../../../Button/components/LiveButton/styles.js"),require("../../../../ContextMenuItem/index.js"),require("../../../../FolderMenuItem/index.js"),require("../../../../EditableItem/EditableItem/index.js"),require("../../../../EditableItem/EditableItemWithBadge/index.js"),require("../../../../Checkbox/index.js"),require("../../../../FolderMenuItemWithLinks/index.js"),require("../../../../TextField/index.js"),require("../../../../Chip/index.js"),require("../../../../Counter/index.js"),require("../../../../AnchorsList/AnchorsList.js"),require("../../../../Select/index.js"),require("../../../../Select/SelectFilterBy.js"),require("../../../../CustomSelect/index.js"),require("../../../../Tabs/Tabs.js"),require("../../../../Tabs/Tab.js"),require("../../../../ResizableTable/ResizableTable.js"),require("../../../../GradientPicker/GradientPicker.js"),require("../../../../GradientManager/GradientList.js"),require("@material-ui/icons/AddCircle"),require("../../../../GradientManager/GradientPreview/GradientPreview.js"),require("../../../../GradientManager/GradientSelect.styles.js"),require("../../../../GradientManager/GradientManager.styles.js"),require("../../../../Drillstring/BHASchematic.js"),require("../../../../Drillstring/BHATable/index.js"),require("../../../../Drillstring/BHAComponentIcon.js"),require("../../../../Drillstring/BHAComponentDetail/index.js"),require("../../../../Drillstring/BHATileIcon.js"),require("../../../../Drillstring/BHATile/BHATile.js"),require("../../../../Drillstring/BHAList/BHAList.js"),require("../../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js"),require("../../../CasingTable/index.js");var c=require("../../../CasingComponentIcon.js");require("../../../CasingTileIcon.js"),require("../../CasingTableV2.js"),require("../../../CasingTile/CasingTile.js"),require("../../../../DisabledSettingsMessage/DisabledSettingsMessage.js"),require("../../../../WellSummary/WellSummaryItemLabel.js"),require("../../../../WellSummary/WellSummaryItemTitle.js"),require("../../../../WellSummary/WellSummaryItemValue.js"),require("../../../../WellSummary/ActivitySummaryChart.js"),require("../../../../WellSummary/FracWirelineTimeChart.js"),require("../../../../BICOffsetPickerDialog/index.js"),require("../../../../OffsetWellButton/OffsetWellButton.js"),require("../../../../OffsetWellPickerV2/OffsetWellPickerDialog.js"),require("../../../../OffsetWellPickerV3/index.js"),require("../../../../OffsetWellChips/Chip.js"),require("../../../../OffsetWellChips/ChipsContainer.js"),require("../../../../OffsetWellPickerV5/OffsetWellPickerV5WithStore.js"),require("../../../../OffsetWellMap/OffsetWellMap.js"),require("@material-ui/core/Snackbar"),require("../../../../Notifications/Toast.js"),require("../../../../Notifications/Notifications.scss.js"),require("../../../../ConfirmationDialog.js"),require("../../../../TextLink/index.js"),require("../../../../Avatar/index.js"),require("../../../../Template/TemplatePopover/index.js"),require("../../../../Template/TemplateSharingDialog/index.js"),require("../../../../MenuItem/index.js"),require("../../../../MiddleTruncate/MiddleTruncate.js"),require("../../../../PinnableFilters/PinnableFilters.js"),require("../../../../HeaderLayout/HeaderLayout.js"),require("../../../../PadOffsetsPicker/PadOffsetsPicker.js"),require("../../../../PadOffsetsPicker/OffsetAssetChip.js"),require("../../../../PadOffsetsPicker/OffsetAssetsListExpander.js"),require("../../../../PadOffsetsPicker/StagesSelector.js"),require("../../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js"),require("../../../../Table/TableToolbar/TableToolbar.js"),require("../../../../Table/TableContainer/TableContainer.js"),require("../../../../Table/TableCell/TableCell.js"),require("../../../../Table/TablePagination/TablePagination.js"),require("../../../../Table/TablePaginationActions/TablePaginationActions.js"),require("../../../../Tooltip/ScrollableTooltip.js"),require("../../../../PriceInput/PriceInput.js"),require("../../../../LabelsCounter/LabelsCounter.js"),require("../../../../Stepper/Stepper.js"),require("../../../../Stepper/Step/Step.js"),require("../../../../Stepper/StepsWrapper.js"),require("../../../../Comment/CommentIcon/index.js"),require("../../../../FilesLoader/FilesLoader.js"),require("../../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/CSVFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/DocFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/EDMFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/ImageFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/JsonFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/LasFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/OtherFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PdfFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/TxtFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/VideoFileIcon.js"),require("../../../../../componentsV2/FileIcon/icons/XmlFileIcon.js"),require("../../../../SearchInput/index.js"),require("../../../../FeedItem/FeedItem.js"),require("../../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js"),require("../../../../PostInput/PostInput.js"),require("../../../../KeyboardDateTimePicker.js"),require("../../../../AddComment/Popover.js"),require("../../../../AddComment/Popup.js"),require("../../../../StageDesignVActual/ComparisonBar/ComparisonBar.js"),require("../../../../StageDesignVActual/ElementsComparison/ElementsComparison.js"),require("../../../../StageDesignVActual/ComparisonHeader.js"),require("../../../../StageDesignVActual/ComparisonRow.js"),require("../../../../EmbeddedApp/DevCenterEmbeddedApp.js"),require("../../../../EmbeddedApp/EmbeddedApp.js"),require("../../../../Autocomplete/Autocomplete.js"),require("../../../../DocumentViewer/DocumentViewer.js"),require("../../../../ColorPickerPalette/ColorPickerPalette.js"),require("../../../../Search/Search.js"),require("../../../../Search/components/Listbox.js"),require("../../../../Search/components/Paper.js"),require("../../../../Search/components/RecentSearches.js"),require("../../../../Search/components/Groups.js"),require("../../../../Search/components/SelectAllListItem.js"),require("../../../../StatusBadge/index.js"),require("../../../../Attachment/index.js"),require("../../../../EmojiIconButton.js"),require("../../../../FileUploadIconButton.js"),require("../../../../FilePreview/index.js"),require("../../../../FailedFileUploading.js"),require("../../../../UserMention/index.js"),require("../../../../CommentsInfo/index.js"),require("../../../../CommentInput/index.js"),require("../../../../Comment/index.js"),require("../../../../CommentLoader.js"),require("../../../../AssetNameLabel/AssetStatusBadge.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SecondaryAssetSelect.js"),require("../../../../AssetEditorV2/components/SelectItem.js"),require("../../../../AssetEditorV2/components/MultipleAssetsToggle.js"),require("../../../../AssetEditorV2/components/PrimaryAssetSelectV2.js"),require("../../../../EChartsWrapper/EChartsWrapper.js"),require("../../../../AssetsMultipleSelector/AssetsMultipleSelector.js"),require("@material-ui/icons/Close"),require("@material-ui/icons/GetApp"),require("../../../../GoogleDocsViewer/index.js"),require("../../../../NewDocumentViewer/effects/useFileContent.js"),require("../../../../NewDocumentViewer/styles.js"),require("../../../../FilesLoaderV2/styles.js"),require("../../../../FilesDropzone/styles.js"),require("../../../../FilesProcessor/styles.js"),require("../../../../Hint/styles.js"),require("@babel/runtime/helpers/taggedTemplateLiteral"),require("fparser"),require("../../../../Formula/useFormulaStyles.js"),require("../../../../Formula/RootXIcon.js"),require("../../../../Formula/FormulaTextEditor.js"),require("../../../../Formula/CloseSuggestion.js"),require("../../../../Formula/SuggestionsMenu.js");var a=require("../../../../Drillstring/BHAComponentsTable/components/shared/CancelButton.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ExpandCollapseButton.js"),require("../../../../Drillstring/BHAComponentsTable/components/shared/FormatedNumber.js");var l=require("../../../../Drillstring/BHAComponentsTable/components/shared/InputText.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/MoreButton.js");var p=require("../../../../Drillstring/BHAComponentsTable/components/shared/SaveButton.js"),m=require("../../../../Drillstring/BHAComponentsTable/components/shared/SelectField.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/StaticField.js");var d=require("../../../../Drillstring/BHAComponentsTable/components/shared/SharedEditorElements.js");require("../../../../Drillstring/BHAComponentsTable/components/shared/ConfirmationPopup.js");var q=require("../../../../Drillstring/BHAComponentsTable/components/Suggestions/Suggestions.js"),j=require("../../../../Drillstring/BHAComponentsTable/components/sharedStyles.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=C(s);function g(s){var C=s.component,A=s.error,g=s.onChange,S=s.onCancel,V=s.onSave,h=s.onUseSuggestion,I=s.columns,b=j.useStyles({isMobile:o.isMobileDetected}),D=o.isMobileDetected?t.CONTAINER_XS/2:t.CONTAINER_XS/I,v=function(e){return A&&A[e]},T=e.useMemo((function(){var e=u.OD_ID_DEP_LIST;return C.outer_diameter?e.filter((function(e){return e.outer_diameter===parseFloat(C.outer_diameter)})):[]}),[C.outer_diameter]);return i.jsxs(n.Grid,{container:!0,spacing:0,className:b.editorContainer,children:[!o.isMobileDetected&&i.jsx(n.Grid,{item:!0,className:b.editorComponentSize,children:i.jsx(c,{component:C})}),i.jsx(n.Grid,{item:!0,className:b.eidtorContentContainer,children:i.jsxs(n.Grid,{container:!0,spacing:2,children:[i.jsx(d.SharedEditorElements,{component:C,getError:v,onChange:g,isCasing:!0}),T.length>0&&i.jsx(q,{data:T,allData:u.OD_ID_DEP_LIST,columns:t.OD_ID_DEP_COLUMNS,displayKeys:["outer_diameter","inner_diameter"],descriptionKeys:["outer_diameter","inner_diameter","linear_weight","number_of_joints","component_length"],onSelect:h,isCasing:!0}),i.jsx(l.InputText,{type:"name",label:"Name",value:C.name,error:v("name"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"number_of_joints",label:"# of Joints",value:C.number_of_joints,error:v("number_of_joints"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"component_length",label:"Component Length",unit:"length",value:C.component_length,error:v("component_length"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"weight",label:"T.Weight",unit:"mass",value:C.weight,error:v("weight"),disabled:!0,xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"grade",options:u.COMPONENT_GRADES,label:"Grade",value:C.grade,error:v("grade"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"outer_diameter_tooljoint",label:"TJ OD",unit:"shortLength",value:C.outer_diameter_tooljoint,error:v("outer_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"inner_diameter_tooljoint",label:"TJ ID",unit:"shortLength",value:C.inner_diameter_tooljoint,error:v("inner_diameter_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"length_tooljoint",label:"TJ Length Per Joint",unit:"length",value:C.length_tooljoint,error:v("length_tooljoint"),xs:D,onChangeField:g}),i.jsx(l.InputText,{type:"connection_type",label:"Connection Type",value:C.connection_type,error:v("connection_type"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"class",options:u.COMPONENT_CLASSES,label:"Class",value:C.class,error:v("class"),xs:D,onChangeField:g}),i.jsx(m.SelectField,{type:"material",options:u.COMPONENT_MATERIALS,label:"Material",value:C.material,error:v("material"),xs:D,onChangeField:g})]})}),!o.isMobileDetected&&i.jsxs(n.Grid,{item:!0,className:b.eidtorActionGroup,children:[i.jsx(a.CancelButton,{handleCancel:S}),i.jsx(p.SaveButton,{handleSave:V,disabled:!r.isEmpty(A)})]})]})}g.propTypes={component:A.default.shape({outer_diameter:A.default.number,component_length:A.default.number,name:A.default.string,number_of_joints:A.default.number,weight:A.default.number,connection_type:A.default.string,grade:A.default.string,class:A.default.string,material:A.default.string,outer_diameter_tooljoint:A.default.number,inner_diameter_tooljoint:A.default.number,length_tooljoint:A.default.number}).isRequired,error:A.default.shape({}),onChange:A.default.func.isRequired,onCancel:A.default.func.isRequired,onSave:A.default.func.isRequired,onUseSuggestion:A.default.func.isRequired,columns:A.default.number.isRequired},g.defaultProps={error:null};var S=e.memo(g);module.exports=S;
 //# sourceMappingURL=Editor.js.map

package/cjs-bundle/components/Casing/CasingTableV2/components/DrillPipe/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editor.js","sources":["../../../../../../../src/components/Casing/CasingTableV2/components/DrillPipe/Editor.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { CONTAINER_XS, OD_ID_DEP_COLUMNS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n COMPONENT_GRADES,\n COMPONENT_CLASSES,\n COMPONENT_MATERIALS,\n OD_ID_DEP_LIST,\n} from '~/constants/casing';\nimport {\n InputText,\n SelectField,\n CancelButton,\n SaveButton,\n SharedEditorElements,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { Suggestions } from '~/components/Drillstring/BHAComponentsTable/components/Suggestions';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction DrillPipe({ component, error, onChange, onCancel, onSave, onUseSuggestion, columns }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n const xs = isMobileDetected ? CONTAINER_XS / 2 : CONTAINER_XS / columns;\n\n const getError = key => error && error[key];\n\n const filteredSuggestions = useMemo(() => {\n const suggestionsToUse = OD_ID_DEP_LIST;\n return !component.outer_diameter\n ? []\n : suggestionsToUse.filter(\n item => item.outer_diameter === parseFloat(component.outer_diameter)\n );\n }, [component.outer_diameter]);\n\n return (\n <Grid container spacing={0} className={classes.editorContainer}>\n {!isMobileDetected && (\n <Grid item className={classes.editorComponentSize}>\n <ComponentIcon component={component} />\n </Grid>\n )}\n <Grid item className={classes.eidtorContentContainer}>\n <Grid container spacing={2}>\n <SharedEditorElements\n component={component}\n getError={getError}\n onChange={onChange}\n isCasing\n />\n\n {filteredSuggestions.length > 0 && (\n <Suggestions\n data={filteredSuggestions}\n allData={OD_ID_DEP_LIST}\n columns={OD_ID_DEP_COLUMNS}\n displayKeys={['outer_diameter', 'inner_diameter']}\n descriptionKeys={[\n 'outer_diameter',\n 'inner_diameter',\n 'linear_weight',\n 'number_of_joints',\n 'component_length',\n ]}\n onSelect={onUseSuggestion}\n isCasing\n />\n )}\n\n <InputText\n type=\"name\"\n label=\"Name\"\n value={component.name}\n error={getError('name')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"number_of_joints\"\n label=\"# of Joints\"\n value={component.number_of_joints}\n error={getError('number_of_joints')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"component_length\"\n label=\"Component Length\"\n unit=\"length\"\n value={component.component_length}\n error={getError('component_length')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"weight\"\n label=\"T.Weight\"\n unit=\"mass\"\n value={component.weight}\n error={getError('weight')}\n disabled\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"grade\"\n options={COMPONENT_GRADES}\n label=\"Grade\"\n value={component.grade}\n error={getError('grade')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"outer_diameter_tooljoint\"\n label=\"TJ OD\"\n unit=\"shortLength\"\n value={component.outer_diameter_tooljoint}\n error={getError('outer_diameter_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"inner_diameter_tooljoint\"\n label=\"TJ ID\"\n unit=\"shortLength\"\n value={component.inner_diameter_tooljoint}\n error={getError('inner_diameter_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"length_tooljoint\"\n label=\"TJ Length Per Joint\"\n unit=\"length\"\n value={component.length_tooljoint}\n error={getError('length_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"connection_type\"\n label=\"Connection Type\"\n value={component.connection_type}\n error={getError('connection_type')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"class\"\n options={COMPONENT_CLASSES}\n label=\"Class\"\n value={component.class}\n error={getError('class')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"material\"\n options={COMPONENT_MATERIALS}\n label=\"Material\"\n value={component.material}\n error={getError('material')}\n xs={xs}\n onChangeField={onChange}\n />\n </Grid>\n </Grid>\n {!isMobileDetected && (\n <Grid item className={classes.eidtorActionGroup}>\n <CancelButton handleCancel={onCancel} />\n <SaveButton handleSave={onSave} disabled={!isEmpty(error)} />\n </Grid>\n )}\n </Grid>\n );\n}\n\nDrillPipe.propTypes = {\n component: PropTypes.shape({\n outer_diameter: PropTypes.number,\n component_length: PropTypes.number,\n name: PropTypes.string,\n number_of_joints: PropTypes.number,\n weight: PropTypes.number,\n connection_type: PropTypes.string,\n grade: PropTypes.string,\n class: PropTypes.string,\n material: PropTypes.string,\n outer_diameter_tooljoint: PropTypes.number,\n inner_diameter_tooljoint: PropTypes.number,\n length_tooljoint: PropTypes.number,\n }).isRequired,\n error: PropTypes.shape({}),\n onChange: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n onUseSuggestion: PropTypes.func.isRequired,\n columns: PropTypes.number.isRequired,\n};\n\nDrillPipe.defaultProps = {\n error: null,\n};\n\nexport default memo(DrillPipe);\n"],"names":["DrillPipe","_ref","component","error","onChange","onCancel","onSave","onUseSuggestion","columns","classes","useStyles","isMobile","isMobileDetected","xs","CONTAINER_XS","getError","key","filteredSuggestions","useMemo","suggestionsToUse","OD_ID_DEP_LIST","outer_diameter","filter","item","parseFloat","_jsxs","Grid","container","spacing","className","editorContainer","children","_jsx","editorComponentSize","ComponentIcon","eidtorContentContainer","SharedEditorElements","isCasing","length","Suggestions","data","allData","OD_ID_DEP_COLUMNS","displayKeys","descriptionKeys","onSelect","InputText","type","label","value","name","onChangeField","number_of_joints","unit","component_length","weight","disabled","SelectField","options","COMPONENT_GRADES","grade","outer_diameter_tooljoint","inner_diameter_tooljoint","length_tooljoint","connection_type","COMPONENT_CLASSES","class","COMPONENT_MATERIALS","material","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}
1	+ {"version":3,"file":"Editor.js","sources":["../../../../../../../src/components/Casing/CasingTableV2/components/DrillPipe/Editor.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { isEmpty } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@material-ui/core';\n\nimport { CONTAINER_XS, OD_ID_DEP_COLUMNS } from '../constants';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { CasingComponentIcon as ComponentIcon } from '~/components';\nimport {\n COMPONENT_GRADES,\n COMPONENT_CLASSES,\n COMPONENT_MATERIALS,\n OD_ID_DEP_LIST,\n} from '~/constants/casing';\nimport {\n InputText,\n SelectField,\n CancelButton,\n SaveButton,\n SharedEditorElements,\n} from '~/components/Drillstring/BHAComponentsTable/components/shared';\nimport { Suggestions } from '~/components/Drillstring/BHAComponentsTable/components/Suggestions';\nimport { useStyles } from '~/components/Drillstring/BHAComponentsTable/components/sharedStyles';\n\nfunction DrillPipe({ component, error, onChange, onCancel, onSave, onUseSuggestion, columns }) {\n const classes = useStyles({ isMobile: isMobileDetected });\n const xs = isMobileDetected ? CONTAINER_XS / 2 : CONTAINER_XS / columns;\n\n const getError = key => error && error[key];\n\n const filteredSuggestions = useMemo(() => {\n const suggestionsToUse = OD_ID_DEP_LIST;\n return !component.outer_diameter\n ? []\n : suggestionsToUse.filter(\n item => item.outer_diameter === parseFloat(component.outer_diameter)\n );\n }, [component.outer_diameter]);\n\n return (\n <Grid container spacing={0} className={classes.editorContainer}>\n {!isMobileDetected && (\n <Grid item className={classes.editorComponentSize}>\n <ComponentIcon component={component} />\n </Grid>\n )}\n <Grid item className={classes.eidtorContentContainer}>\n <Grid container spacing={2}>\n <SharedEditorElements\n component={component}\n getError={getError}\n onChange={onChange}\n isCasing\n />\n\n {filteredSuggestions.length > 0 && (\n <Suggestions\n data={filteredSuggestions}\n allData={OD_ID_DEP_LIST}\n columns={OD_ID_DEP_COLUMNS}\n displayKeys={['outer_diameter', 'inner_diameter']}\n descriptionKeys={[\n 'outer_diameter',\n 'inner_diameter',\n 'linear_weight',\n 'number_of_joints',\n 'component_length',\n ]}\n onSelect={onUseSuggestion}\n isCasing\n />\n )}\n\n <InputText\n type=\"name\"\n label=\"Name\"\n value={component.name}\n error={getError('name')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"number_of_joints\"\n label=\"# of Joints\"\n value={component.number_of_joints}\n error={getError('number_of_joints')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"component_length\"\n label=\"Component Length\"\n unit=\"length\"\n value={component.component_length}\n error={getError('component_length')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"weight\"\n label=\"T.Weight\"\n unit=\"mass\"\n value={component.weight}\n error={getError('weight')}\n disabled\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"grade\"\n options={COMPONENT_GRADES}\n label=\"Grade\"\n value={component.grade}\n error={getError('grade')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"outer_diameter_tooljoint\"\n label=\"TJ OD\"\n unit=\"shortLength\"\n value={component.outer_diameter_tooljoint}\n error={getError('outer_diameter_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"inner_diameter_tooljoint\"\n label=\"TJ ID\"\n unit=\"shortLength\"\n value={component.inner_diameter_tooljoint}\n error={getError('inner_diameter_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"length_tooljoint\"\n label=\"TJ Length Per Joint\"\n unit=\"length\"\n value={component.length_tooljoint}\n error={getError('length_tooljoint')}\n xs={xs}\n onChangeField={onChange}\n />\n <InputText\n type=\"connection_type\"\n label=\"Connection Type\"\n value={component.connection_type}\n error={getError('connection_type')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"class\"\n options={COMPONENT_CLASSES}\n label=\"Class\"\n value={component.class}\n error={getError('class')}\n xs={xs}\n onChangeField={onChange}\n />\n <SelectField\n type=\"material\"\n options={COMPONENT_MATERIALS}\n label=\"Material\"\n value={component.material}\n error={getError('material')}\n xs={xs}\n onChangeField={onChange}\n />\n </Grid>\n </Grid>\n {!isMobileDetected && (\n <Grid item className={classes.eidtorActionGroup}>\n <CancelButton handleCancel={onCancel} />\n <SaveButton handleSave={onSave} disabled={!isEmpty(error)} />\n </Grid>\n )}\n </Grid>\n );\n}\n\nDrillPipe.propTypes = {\n component: PropTypes.shape({\n outer_diameter: PropTypes.number,\n component_length: PropTypes.number,\n name: PropTypes.string,\n number_of_joints: PropTypes.number,\n weight: PropTypes.number,\n connection_type: PropTypes.string,\n grade: PropTypes.string,\n class: PropTypes.string,\n material: PropTypes.string,\n outer_diameter_tooljoint: PropTypes.number,\n inner_diameter_tooljoint: PropTypes.number,\n length_tooljoint: PropTypes.number,\n }).isRequired,\n error: PropTypes.shape({}),\n onChange: PropTypes.func.isRequired,\n onCancel: PropTypes.func.isRequired,\n onSave: PropTypes.func.isRequired,\n onUseSuggestion: PropTypes.func.isRequired,\n columns: PropTypes.number.isRequired,\n};\n\nDrillPipe.defaultProps = {\n error: null,\n};\n\nexport default memo(DrillPipe);\n"],"names":["DrillPipe","_ref","component","error","onChange","onCancel","onSave","onUseSuggestion","columns","classes","useStyles","isMobile","isMobileDetected","xs","CONTAINER_XS","getError","key","filteredSuggestions","useMemo","suggestionsToUse","OD_ID_DEP_LIST","outer_diameter","filter","item","parseFloat","_jsxs","Grid","container","spacing","className","editorContainer","children","_jsx","editorComponentSize","ComponentIcon","eidtorContentContainer","SharedEditorElements","isCasing","length","Suggestions","data","allData","OD_ID_DEP_COLUMNS","displayKeys","descriptionKeys","onSelect","InputText","type","label","value","name","onChangeField","number_of_joints","unit","component_length","weight","disabled","SelectField","options","COMPONENT_GRADES","grade","outer_diameter_tooljoint","inner_diameter_tooljoint","length_tooljoint","connection_type","COMPONENT_CLASSES","class","COMPONENT_MATERIALS","material","eidtorActionGroup","CancelButton","handleCancel","SaveButton","handleSave","isEmpty","propTypes","PropTypes","shape","number","string","isRequired","func","defaultProps","memo"],"mappings":"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"}

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("classnames"),i=require("react-router"),a=require("lodash"),s=require("prop-types"),u=require("./IsolatedPage.js"),p=require("./constants.js"),l=require("./DevCenterIsolatedApp.module.css.js"),d=require("../AppContext.js"),c=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var f=require("../../../utils/index.js");require("../AppHeader/AppHeader.js"),require("../AppSideBar/AppSideBar.js"),require("../AppsDataProvider/AppsDataProvider.js");var v=require("../DevCenterAppContainer/DevCenterAppContainer.js");require("../NavigationBar/NavigationBar.js"),require("../SideBar/SideBar.js"),require("../AppSettingsPopover/AppSettingsPopover.js"),require("../AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenterRouterContext/UniversalLink/UniversalLink.js");var C=require("react/jsx-runtime");require("./DevCenterIsolatedAppPage.js");var b=require("../../../utils/mobileDetect.js"),m=require("../../../utils/devcenter.js");function A(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=A(e),g=A(n),I=A(r),q=A(o),M=A(s),h=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function x(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function y(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?x(Object(r),!0).forEach((function(n){j.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function P(e){var n,r,o,i,a,s=e.isIsolationFeatureEnabled,A=e.onAppFullscreenTransparentMode,j=e.onIsMaximizedChange,M=e.onInnerContainerMouseEnter,x=e.onInnerContainerMouseLeave,P=e.onAppContainerClick,E=e.setInnerContainerRefFn,R=I.default(e,h),w=t.useMemo((function(){return m.createDevCenterRouter(R.router)}),[null===(n=R.router)||void 0===n?void 0:n.location]),D=m.isCorvaApp(null==R||null===(r=R.app)||void 0===r?void 0:r.app)&&!m.isIsolationEnabledInPackageManifest(null==R||null===(o=R.app)||void 0===o?void 0:o.package)||!s,O=D?v:u.IsolatedPage,S=t.useRef(),T=t.useRef(),F=t.useRef(),L=t.useRef(!1),_=t.useRef(!1),k=m.isAppMaximized(null===(i=R.router)||void 0===i||null===(a=i.location)||void 0===a?void 0:a.query,R.app.id),z=t.useRef(k);z.current=k;var U=t.useState(f.getUserUnits()),B=g.default(U,2),N=B[0],W=B[1];t.useEffect((function(){var e=f.subscribeForUserUnitsUpdates((function(e){return W(e)}));return function(){return e()}}),[]);var H=t.useContext(d),G=c.default();function V(){A({appId:R.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",l.compensateScroll)}var J=t.useCallback((function(e){var n,r,t,o,i,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!s||D||z.current&&!L.current||L.current===e){var d;a&&_.current!==a&&(_.current=a,null===(d=T.current)||void 0===d||d.classList.add(l.containerMaximizedTransparentModal))}else{var c,f=e?"add":"remove";if(null===(n=T.current)||void 0===n||n.classList[f](l.containerMaximizedTransparent),a||"remove"===f)null===(c=T.current)||void 0===c||c.classList[f](l.containerMaximizedTransparentModal);S.current=null===(r=T.current)||void 0===r||null===(t=r.querySelector("[".concat(u.APP_IFRAME_ATTRIBUTE,"]")))||void 0===t||null===(o=t.contentWindow)||void 0===o?void 0:o.document;var v=null===(i=S.current)||void 0===i?void 0:i.getElementById(p.ISOLATED_PAGE_APP_CONTAINER_ID);if(v){if(e){var C=F.current.getBoundingClientRect(),b=C.top,m=C.left,j=C.width,g=C.height;v.setAttribute("style","\n        top: ".concat(b,"px;\n        left: ").concat(m,"px;\n        width: ").concat(j,"px;\n        height: ").concat(g,"px;\n        position: absolute;\n      ")),A({appId:R.app.id,isModeEnabled:!0});var I=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",I&&l.compensateScroll)}else v.setAttribute("style",""),V();L.current=e,_.current=a}}}),[s,D,z]);t.useEffect((function(){return V}),[]),t.useEffect((function(){k&&L.current&&J(!1)}),[k]);var K=t.useCallback((function(e){T.current=e,E(e)}),[]);return C.jsx("div",{className:q.default("dc-isolated-app",l.fixedSizeContainer),ref:F,children:C.jsx("div",{ref:K,onMouseEnter:M,onMouseLeave:x,"data-testid":"".concat("DevCenter_AppContainer","_").concat(R.app.app.name),className:q.default(l.container,b.isInsideNewMobileApp&&l.newMobileAppContainer,k&&l.containerMaximized),children:C.jsx(O,y(y({},R),{},{appContextValue:H,devCenterRouter:w,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:P,onIsMaximizedChange:j,permissionsContextValue:G,setIsFullscreenModalMode:J,userUnits:N}))})})}P.propTypes={app:M.default.shape({id:M.default.number,app:M.default.shape({name:M.default.string})}).isRequired,currentUser:M.default.shape({}).isRequired,isIsolationFeatureEnabled:M.default.bool,onAppContainerClick:M.default.func,onAppFullscreenTransparentMode:M.default.func,onAppRemove:M.default.func,onInnerContainerMouseEnter:M.default.func,onInnerContainerMouseLeave:M.default.func,onIsMaximizedChange:M.default.func,onSettingChange:M.default.func,onSettingsChange:M.default.func,setInnerContainerRefFn:M.default.func,updateCurrentDashboardAppLastAnnotation:M.default.func},P.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:a.noop,onAppFullscreenTransparentMode:a.noop,onAppRemove:a.noop,onInnerContainerMouseEnter:a.noop,onInnerContainerMouseLeave:a.noop,onIsMaximizedChange:a.noop,onSettingChange:a.noop,onSettingsChange:a.noop,setInnerContainerRefFn:a.noop,updateCurrentDashboardAppLastAnnotation:a.noop};var E=i.withRouter(P);exports.DevCenterIsolatedApp=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("react"),o=require("classnames"),i=require("react-router"),a=require("lodash"),s=require("prop-types"),u=require("./IsolatedPage.js"),p=require("./constants.js"),l=require("./DevCenterIsolatedApp.module.css.js"),d=require("../AppContext.js"),c=require("../../../permissions/PermissionsContext.js");require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../permissions/ProvidePermissions.js");var f=require("../../../utils/index.js");require("../AppHeader/AppHeader.js"),require("../AppSideBar/AppSideBar.js"),require("../AppsDataProvider/AppsDataProvider.js");var v=require("../DevCenterAppContainer/DevCenterAppContainer.js");require("../NavigationBar/NavigationBar.js"),require("../SideBar/SideBar.js"),require("../AppSettingsPopover/AppSettingsPopover.js"),require("../AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenterRouterContext/UniversalLink/UniversalLink.js");var C=require("react/jsx-runtime");require("./DevCenterIsolatedAppPage.js");var b=require("../DevCenterAppContainer/utils.js"),m=require("../../../utils/mobileDetect.js"),A=require("../../../utils/devcenter.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=j(e),q=j(n),I=j(r),M=j(o),h=j(s),x=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function y(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function P(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach((function(n){g.default(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function E(e){var n,r,o,i,a,s,j,g=e.isIsolationFeatureEnabled,h=e.onAppFullscreenTransparentMode,y=e.onIsMaximizedChange,E=e.onInnerContainerMouseEnter,R=e.onInnerContainerMouseLeave,D=e.onAppContainerClick,w=e.setInnerContainerRefFn,O=I.default(e,x),S=t.useMemo((function(){return A.createDevCenterRouter(O.router)}),[null===(n=O.router)||void 0===n?void 0:n.location]),T=A.isCorvaApp(null==O||null===(r=O.app)||void 0===r?void 0:r.app)&&!A.isIsolationEnabledInPackageManifest(null==O||null===(o=O.app)||void 0===o?void 0:o.package)||!g,F=T?v:u.IsolatedPage,L=null===(i=O.app)||void 0===i||null===(a=i.app)||void 0===a?void 0:a.app_key,_=b.getAppVersion(O.app),k="".concat(L,"-").concat(_),z=t.useRef(),U=t.useRef(),B=t.useRef(),N=t.useRef(!1),W=t.useRef(!1),H=A.isAppMaximized(null===(s=O.router)||void 0===s||null===(j=s.location)||void 0===j?void 0:j.query,O.app.id),V=t.useRef(H);V.current=H;var G=t.useState(f.getUserUnits()),J=q.default(G,2),K=J[0],Q=J[1];t.useEffect((function(){var e=f.subscribeForUserUnitsUpdates((function(e){return Q(e)}));return function(){return e()}}),[]);var X=t.useContext(d),Y=c.default();function Z(){h({appId:O.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",l.compensateScroll)}var $=t.useCallback((function(e){var n,r,t,o,i,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!g||T||V.current&&!N.current||N.current===e){var s;a&&W.current!==a&&(W.current=a,null===(s=U.current)||void 0===s||s.classList.add(l.containerMaximizedTransparentModal))}else{var d,c=e?"add":"remove";if(null===(n=U.current)||void 0===n||n.classList[c](l.containerMaximizedTransparent),a||"remove"===c)null===(d=U.current)||void 0===d||d.classList[c](l.containerMaximizedTransparentModal);z.current=null===(r=U.current)||void 0===r||null===(t=r.querySelector("[".concat(u.APP_IFRAME_ATTRIBUTE,"]")))||void 0===t||null===(o=t.contentWindow)||void 0===o?void 0:o.document;var f=null===(i=z.current)||void 0===i?void 0:i.getElementById(p.ISOLATED_PAGE_APP_CONTAINER_ID);if(f){if(e){var v=B.current.getBoundingClientRect(),C=v.top,b=v.left,m=v.width,A=v.height;f.setAttribute("style","\n        top: ".concat(C,"px;\n        left: ").concat(b,"px;\n        width: ").concat(m,"px;\n        height: ").concat(A,"px;\n        position: absolute;\n      ")),h({appId:O.app.id,isModeEnabled:!0});var j=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",j&&l.compensateScroll)}else f.setAttribute("style",""),Z();N.current=e,W.current=a}}}),[g,T,V]);t.useEffect((function(){return Z}),[]),t.useEffect((function(){H&&N.current&&$(!1)}),[H]);var ee=t.useCallback((function(e){U.current=e,w(e)}),[]);return C.jsx("div",{className:M.default("dc-isolated-app",l.fixedSizeContainer),ref:B,children:C.jsx("div",{ref:ee,onMouseEnter:E,onMouseLeave:R,"data-testid":"".concat("DevCenter_AppContainer","_").concat(O.app.app.name),className:M.default(l.container,m.isInsideNewMobileApp&&l.newMobileAppContainer,H&&l.containerMaximized),children:C.jsx(F,P(P({},O),{},{appContextValue:X,devCenterRouter:S,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:D,onIsMaximizedChange:y,permissionsContextValue:Y,setIsFullscreenModalMode:$,userUnits:K}),k)})})}E.propTypes={app:h.default.shape({id:h.default.number,app:h.default.shape({name:h.default.string})}).isRequired,currentUser:h.default.shape({}).isRequired,isIsolationFeatureEnabled:h.default.bool,onAppContainerClick:h.default.func,onAppFullscreenTransparentMode:h.default.func,onAppRemove:h.default.func,onInnerContainerMouseEnter:h.default.func,onInnerContainerMouseLeave:h.default.func,onIsMaximizedChange:h.default.func,onSettingChange:h.default.func,onSettingsChange:h.default.func,setInnerContainerRefFn:h.default.func,updateCurrentDashboardAppLastAnnotation:h.default.func},E.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:a.noop,onAppFullscreenTransparentMode:a.noop,onAppRemove:a.noop,onInnerContainerMouseEnter:a.noop,onInnerContainerMouseLeave:a.noop,onIsMaximizedChange:a.noop,onSettingChange:a.noop,onSettingsChange:a.noop,setInnerContainerRefFn:a.noop,updateCurrentDashboardAppLastAnnotation:a.noop};var R=i.withRouter(E);exports.DevCenterIsolatedApp=R;
 //# sourceMappingURL=DevCenterIsolatedApp.js.map

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { IsolatedPage, APP_IFRAME_ATTRIBUTE } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.css';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n isIsolationFeatureEnabled,\n onAppFullscreenTransparentMode,\n onIsMaximizedChange,\n onInnerContainerMouseEnter,\n onInnerContainerMouseLeave,\n onAppContainerClick,\n setInnerContainerRefFn,\n ...props\n}) {\n const devCenterRouter = useMemo(\n () => devCenterUtils.createDevCenterRouter(props.router),\n [props.router?.location]\n );\n\n const isNonIsolatedApp =\n (devCenterUtils.isCorvaApp(props?.app?.app) &&\n !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) \|\|\n !isIsolationFeatureEnabled;\n\n const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n const appIframeDocument = useRef();\n const containerRef = useRef();\n const fixedSizeContainerRef = useRef();\n const fullscreenModeRef = useRef(false);\n const fullscreenModalModeRef = useRef(false);\n\n const isAppMaximized = devCenterUtils.isAppMaximized(props.router?.location?.query, props.app.id);\n\n // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n const isAppMaximizedRef = useRef(isAppMaximized);\n isAppMaximizedRef.current = isAppMaximized;\n\n const [userUnits, setUserUnits] = useState(getUserUnits());\n\n useEffect(() => {\n const unsubscribeFn = subscribeForUserUnitsUpdates(newUserUnits => setUserUnits(newUserUnits));\n\n return () => unsubscribeFn();\n }, []);\n\n const appContextValue = useContext(AppContext);\n const permissionsContextValue = usePermissionsContext();\n\n /\n What is fullscreen modal mode?\n\n Our apps, are shown in isolated iFrames. Because of it, when an app has some modal\n and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.\n\n To make app modals & other elements be opened at the center of the screen, as if they are not inside of an iframe,\n we use some hacks.\n\n When the app wants to open a fullscreen element, we make its iframe fullscreen, but with transparent background,\n and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.\n So when iframe's fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, looks like\n usual, not in fullscreen\n\n So the platform provides this setIsFullscreenModalMode function to DC apps.\n When DC app wants to open a modal that should be opened at the center of the screen - it needs to\n call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)\n\n Two things are important about this\n - all these styles that make this invisible background work should be applied at once\n - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact\n some elements inside the DC app\n\n There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n (Modal, for instance) that should cover everything on screen.\n\n What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\n /\n\n function handleAppFullscreenTransparentModeExit() {\n onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n }\n\n const setIsFullscreenModalMode = useCallback(\n function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\n // When an app is already in fullscreen mode, no need to use this\n // invisible fullscreen mode to make elements take the whole screen\n\n if (\n !isIsolationFeatureEnabled \|\|\n isNonIsolatedApp \|\|\n (isAppMaximizedRef.current && !fullscreenModeRef.current) \|\|\n fullscreenModeRef.current === nextIsFullscreenModalModeValue\n ) {\n // Adding modal class if modal is opened when non-modal is already open\n if (isModal && fullscreenModalModeRef.current !== isModal) {\n fullscreenModalModeRef.current = isModal;\n containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n }\n\n return;\n }\n\n const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n if (isModal \|\| classesEditMethod === 'remove') {\n containerRef.current?.classList[classesEditMethod](\n styles.containerMaximizedTransparentModal\n );\n }\n\n appIframeDocument.current = containerRef.current?.querySelector(\n `[${APP_IFRAME_ATTRIBUTE}]`\n )?.contentWindow?.document;\n\n const isolatedPageAppContainer = appIframeDocument.current?.getElementById(\n ISOLATED_PAGE_APP_CONTAINER_ID\n );\n\n if (!isolatedPageAppContainer) {\n return;\n }\n\n if (nextIsFullscreenModalModeValue) {\n const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n\n // We need to directly set inner iFrame container sizes together with DC platform styles\n // as passing this as props and using some effect inside of an iframe\n // results in a slight delay, which looks like a quick layout jump\n isolatedPageAppContainer.setAttribute(\n 'style',\n `\n top: ${top}px;\n left: ${left}px;\n width: ${width}px;\n height: ${height}px;\n position: absolute;\n `\n );\n onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n document.body.classList.add(\n 'dc-isolated-app__body-overflow',\n isBodyScrollVisible && styles.compensateScroll\n );\n } else {\n isolatedPageAppContainer.setAttribute('style', '');\n handleAppFullscreenTransparentModeExit();\n }\n fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n fullscreenModalModeRef.current = isModal;\n },\n [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n );\n\n useEffect(() => {\n return handleAppFullscreenTransparentModeExit;\n }, []);\n\n useEffect(() => {\n if (isAppMaximized && fullscreenModeRef.current) {\n setIsFullscreenModalMode(false);\n }\n }, [isAppMaximized]);\n\n /*\n This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.\n * Which in its turn causes infinite re-render loop.\n */\n const setContainerRefs = useCallback(node => {\n containerRef.current = node;\n setInnerContainerRefFn(node);\n }, []);\n\n return (\n <div\n className={classNames('dc-isolated-app', styles.fixedSizeContainer)}\n ref={fixedSizeContainerRef}\n >\n <div\n ref={setContainerRefs}\n onMouseEnter={onInnerContainerMouseEnter}\n onMouseLeave={onInnerContainerMouseLeave}\n data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n className={classNames(\n styles.container,\n isInsideNewMobileApp && styles.newMobileAppContainer,\n isAppMaximized && styles.containerMaximized\n )}\n >\n <DCAppComponent\n {...props}\n appContextValue={appContextValue}\n devCenterRouter={devCenterRouter}\n globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n onAppContainerClick={onAppContainerClick}\n onIsMaximizedChange={onIsMaximizedChange}\n permissionsContextValue={permissionsContextValue}\n setIsFullscreenModalMode={setIsFullscreenModalMode}\n userUnits={userUnits}\n />\n </div>\n </div>\n );\n}\n\nDevCenterIsolatedAppComponent.propTypes = {\n app: PropTypes.shape({\n id: PropTypes.number,\n app: PropTypes.shape({\n name: PropTypes.string,\n }),\n }).isRequired,\n currentUser: PropTypes.shape({}).isRequired,\n isIsolationFeatureEnabled: PropTypes.bool,\n onAppContainerClick: PropTypes.func,\n onAppFullscreenTransparentMode: PropTypes.func,\n onAppRemove: PropTypes.func,\n onInnerContainerMouseEnter: PropTypes.func,\n onInnerContainerMouseLeave: PropTypes.func,\n onIsMaximizedChange: PropTypes.func,\n onSettingChange: PropTypes.func,\n onSettingsChange: PropTypes.func,\n setInnerContainerRefFn: PropTypes.func,\n updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n isIsolationFeatureEnabled: false,\n onAppContainerClick: noop,\n onAppFullscreenTransparentMode: noop,\n onAppRemove: noop,\n onInnerContainerMouseEnter: noop,\n onInnerContainerMouseLeave: noop,\n onIsMaximizedChange: noop,\n onSettingChange: noop,\n onSettingsChange: noop,\n setInnerContainerRefFn: noop,\n updateCurrentDashboardAppLastAnnotation: noop,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$router","_props$app","_props$app2","_props$router2","_props$router2$locati","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","createDevCenterRouter","router","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","query","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","concat","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","setAttribute","isBodyScrollVisible","window","innerWidth","clientWidth","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","defaultProps","noop","DevCenterIsolatedApp","withRouter"],"mappings":"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"}
1	+ {"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport { IsolatedPage, APP_IFRAME_ATTRIBUTE } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.css';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { getAppVersion } from '~/components/DevCenter/DevCenterAppContainer/utils';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n isIsolationFeatureEnabled,\n onAppFullscreenTransparentMode,\n onIsMaximizedChange,\n onInnerContainerMouseEnter,\n onInnerContainerMouseLeave,\n onAppContainerClick,\n setInnerContainerRefFn,\n ...props\n}) {\n const devCenterRouter = useMemo(\n () => devCenterUtils.createDevCenterRouter(props.router),\n [props.router?.location]\n );\n\n const isNonIsolatedApp =\n (devCenterUtils.isCorvaApp(props?.app?.app) &&\n !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) \|\|\n !isIsolationFeatureEnabled;\n\n const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n // Key to force iframe recreation when app version changes.\n // This ensures global dependencies are re-initialized for the new version.\n const appKey = props.app?.app?.app_key;\n const appVersion = getAppVersion(props.app);\n const iframeKey = `${appKey}-${appVersion}`;\n\n const appIframeDocument = useRef();\n const containerRef = useRef();\n const fixedSizeContainerRef = useRef();\n const fullscreenModeRef = useRef(false);\n const fullscreenModalModeRef = useRef(false);\n\n const isAppMaximized = devCenterUtils.isAppMaximized(props.router?.location?.query, props.app.id);\n\n // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n const isAppMaximizedRef = useRef(isAppMaximized);\n isAppMaximizedRef.current = isAppMaximized;\n\n const [userUnits, setUserUnits] = useState(getUserUnits());\n\n useEffect(() => {\n const unsubscribeFn = subscribeForUserUnitsUpdates(newUserUnits => setUserUnits(newUserUnits));\n\n return () => unsubscribeFn();\n }, []);\n\n const appContextValue = useContext(AppContext);\n const permissionsContextValue = usePermissionsContext();\n\n /\n What is fullscreen modal mode?\n\n Our apps, are shown in isolated iFrames. Because of it, when an app has some modal\n and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.\n\n To make app modals & other elements be opened at the center of the screen, as if they are not inside of an iframe,\n we use some hacks.\n\n When the app wants to open a fullscreen element, we make its iframe fullscreen, but with transparent background,\n and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.\n So when iframe's fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, looks like\n usual, not in fullscreen\n\n So the platform provides this setIsFullscreenModalMode function to DC apps.\n When DC app wants to open a modal that should be opened at the center of the screen - it needs to\n call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)\n\n Two things are important about this\n - all these styles that make this invisible background work should be applied at once\n - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact\n some elements inside the DC app\n\n There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n (Modal, for instance) that should cover everything on screen.\n\n What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\n /\n\n function handleAppFullscreenTransparentModeExit() {\n onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n }\n\n const setIsFullscreenModalMode = useCallback(\n function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\n // When an app is already in fullscreen mode, no need to use this\n // invisible fullscreen mode to make elements take the whole screen\n\n if (\n !isIsolationFeatureEnabled \|\|\n isNonIsolatedApp \|\|\n (isAppMaximizedRef.current && !fullscreenModeRef.current) \|\|\n fullscreenModeRef.current === nextIsFullscreenModalModeValue\n ) {\n // Adding modal class if modal is opened when non-modal is already open\n if (isModal && fullscreenModalModeRef.current !== isModal) {\n fullscreenModalModeRef.current = isModal;\n containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n }\n\n return;\n }\n\n const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n if (isModal \|\| classesEditMethod === 'remove') {\n containerRef.current?.classList[classesEditMethod](\n styles.containerMaximizedTransparentModal\n );\n }\n\n appIframeDocument.current = containerRef.current?.querySelector(\n `[${APP_IFRAME_ATTRIBUTE}]`\n )?.contentWindow?.document;\n\n const isolatedPageAppContainer = appIframeDocument.current?.getElementById(\n ISOLATED_PAGE_APP_CONTAINER_ID\n );\n\n if (!isolatedPageAppContainer) {\n return;\n }\n\n if (nextIsFullscreenModalModeValue) {\n const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n\n // We need to directly set inner iFrame container sizes together with DC platform styles\n // as passing this as props and using some effect inside of an iframe\n // results in a slight delay, which looks like a quick layout jump\n isolatedPageAppContainer.setAttribute(\n 'style',\n `\n top: ${top}px;\n left: ${left}px;\n width: ${width}px;\n height: ${height}px;\n position: absolute;\n `\n );\n onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n document.body.classList.add(\n 'dc-isolated-app__body-overflow',\n isBodyScrollVisible && styles.compensateScroll\n );\n } else {\n isolatedPageAppContainer.setAttribute('style', '');\n handleAppFullscreenTransparentModeExit();\n }\n fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n fullscreenModalModeRef.current = isModal;\n },\n [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n );\n\n useEffect(() => {\n return handleAppFullscreenTransparentModeExit;\n }, []);\n\n useEffect(() => {\n if (isAppMaximized && fullscreenModeRef.current) {\n setIsFullscreenModalMode(false);\n }\n }, [isAppMaximized]);\n\n /*\n This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.\n * Which in its turn causes infinite re-render loop.\n */\n const setContainerRefs = useCallback(node => {\n containerRef.current = node;\n setInnerContainerRefFn(node);\n }, []);\n\n return (\n <div\n className={classNames('dc-isolated-app', styles.fixedSizeContainer)}\n ref={fixedSizeContainerRef}\n >\n <div\n ref={setContainerRefs}\n onMouseEnter={onInnerContainerMouseEnter}\n onMouseLeave={onInnerContainerMouseLeave}\n data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n className={classNames(\n styles.container,\n isInsideNewMobileApp && styles.newMobileAppContainer,\n isAppMaximized && styles.containerMaximized\n )}\n >\n <DCAppComponent\n key={iframeKey}\n {...props}\n appContextValue={appContextValue}\n devCenterRouter={devCenterRouter}\n globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n onAppContainerClick={onAppContainerClick}\n onIsMaximizedChange={onIsMaximizedChange}\n permissionsContextValue={permissionsContextValue}\n setIsFullscreenModalMode={setIsFullscreenModalMode}\n userUnits={userUnits}\n />\n </div>\n </div>\n );\n}\n\nDevCenterIsolatedAppComponent.propTypes = {\n app: PropTypes.shape({\n id: PropTypes.number,\n app: PropTypes.shape({\n name: PropTypes.string,\n }),\n }).isRequired,\n currentUser: PropTypes.shape({}).isRequired,\n isIsolationFeatureEnabled: PropTypes.bool,\n onAppContainerClick: PropTypes.func,\n onAppFullscreenTransparentMode: PropTypes.func,\n onAppRemove: PropTypes.func,\n onInnerContainerMouseEnter: PropTypes.func,\n onInnerContainerMouseLeave: PropTypes.func,\n onIsMaximizedChange: PropTypes.func,\n onSettingChange: PropTypes.func,\n onSettingsChange: PropTypes.func,\n setInnerContainerRefFn: PropTypes.func,\n updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n isIsolationFeatureEnabled: false,\n onAppContainerClick: noop,\n onAppFullscreenTransparentMode: noop,\n onAppRemove: noop,\n onInnerContainerMouseEnter: noop,\n onInnerContainerMouseLeave: noop,\n onIsMaximizedChange: noop,\n onSettingChange: noop,\n onSettingsChange: noop,\n setInnerContainerRefFn: noop,\n updateCurrentDashboardAppLastAnnotation: noop,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$router","_props$app","_props$app2","_props$app3","_props$app3$app","_props$router2","_props$router2$locati","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","createDevCenterRouter","router","location","isNonIsolatedApp","isCorvaApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","query","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","setAttribute","isBodyScrollVisible","window","innerWidth","clientWidth","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","jsx","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","defaultProps","noop","DevCenterIsolatedApp","withRouter"],"mappings":"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"}

package/cjs-bundle/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\n\nimport { useXProps } from './effects/useXProps';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\n\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IconParkProvider } from '~/icons';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { THEMES } from '~/constants/theme';\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { setThemeVariables } from '~/utils/themeVariables';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport { updateUserUnits } from '~/utils';\nimport '~/styles/globalStyles';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/*\n It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n /\nconst useStyles = makeStyles(() => ({\n '@global': {\n body: {\n backgroundColor: 'transparent',\n overflow: 'hidden',\n },\n },\n}));\n\n/\n Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n CLIAppComponent,\n CLIAppSettings,\n containerReportClassName,\n}) {\n useStyles();\n\n const {\n appContextValue,\n globalMixpanelEventTracker,\n globalNotificationToastsAPI,\n onSettingChange,\n onSettingsChange,\n permissionsContextValue,\n timezone,\n userUnits,\n ...xProps\n } = useXProps();\n const isReportsPage = xProps.location.pathname.startsWith('/reports/') \|\| isPDFReportView;\n const appId = xProps?.app?.id;\n\n // Force light theme for PDF reports view\n const selectedTheme =\n localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) \|\|\n xProps.currentUser?.settings?.uiSettings?.theme \|\|\n THEMES.DARK;\n const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n useEffect(() => {\n setThemeVariables(isDarkTheme);\n }, [isDarkTheme]);\n\n useEffect(() => {\n window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n }, [globalNotificationToastsAPI, globalMixpanelEventTracker]);\n\n const isFirstRenderRef = useRef(true);\n if (isFirstRenderRef.current \|\| isReportsPage) {\n isFirstRenderRef.current = false;\n updateUserUnits({ userUnits });\n }\n\n useEffect(() => {\n if (timezone) moment.tz.setDefault(timezone);\n return () => moment.tz.setDefault(null);\n }, [timezone]);\n\n useEffect(() => {\n const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n window.addEventListener('message', dashboardCapturingHandler);\n return () => window.removeEventListener('message', dashboardCapturingHandler);\n }, [appId]);\n\n return (\n <PermissionsContext.Provider value={permissionsContextValue}>\n <AppContext.Provider value={appContextValue}>\n <IsInsideIsolatedDcAppProvider value>\n <IconParkProvider>\n <div\n id={ISOLATED_PAGE_APP_CONTAINER_ID}\n className={classNames(isReportsPage && containerReportClassName)}\n >\n <DevCenterAppContainerWithMUI\n {...xProps}\n theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n // zoid serializes passed arguments using JSON.stringify.\n // All undefined values are removed as they are not valid JSON values\n // so we replace undefined values with null to not drop them\n // Any future cb function that passes arbitrary objects as args\n // also should be wrapped in this mapper\n onSettingsChange={nextSettings =>\n onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n }\n onSettingChange={(key, value) =>\n onSettingChange(key, replaceUndefinedValuesWithNull(value))\n }\n CLIAppComponent={CLIAppComponent}\n CLIAppSettings={CLIAppSettings}\n />\n </div>\n </IconParkProvider>\n </IsInsideIsolatedDcAppProvider>\n </AppContext.Provider>\n </PermissionsContext.Provider>\n );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n CLIAppComponent: PropTypes.func,\n CLIAppSettings: PropTypes.func,\n containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n CLIAppComponent: null,\n CLIAppSettings: null,\n containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useEffect","setThemeVariables","window","Symbol","for","isFirstRenderRef","useRef","current","updateUserUnits","moment","tz","setDefault","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","jsx","PermissionsContext","Provider","value","children","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"itJAwBA,IAAMA,EAA+BC,EAAoBC,GAOnDC,EAAYC,EAAUA,YAAC,WAAA,MAAO,CAClC,UAAW,CACTC,KAAM,CACJC,gBAAiB,cACjBC,SAAU,WAGf,IAOM,SAASC,EAIbC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAHDC,IAAAA,gBACAC,IAAAA,eACAC,IAAAA,yBAEAb,IAEA,IAAAc,EAUIC,EAAAA,YATFC,IAAAA,gBACAC,IAAAA,2BACAC,IAAAA,4BACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,UACGC,EAAMC,EAAA,QAAAX,EAAAY,GAELC,EAAgBH,EAAOI,SAASC,SAASC,WAAW,cAAgBC,kBACpEC,EAAQR,SAAA,QAAAA,EAAAA,EAAQS,WAAR,IAAA1B,OAAAiB,EAAAjB,EAAa2B,GAGrBC,EACJC,aAAaC,QAAQC,EAA2BA,uCAChDd,EAAAA,EAAOe,0BAAP,UAAA/B,EAAoBgC,gBAApB,IAAA/B,GAAwC,QAAxCC,EAAAD,EAA8BgC,kBAAU,IAAA/B,SAAxCA,EAA0CgC,QAC1CC,EAAMA,OAACC,KACHC,GAAelB,GAAiBQ,IAAkBQ,EAAAA,OAAOG,MAE/DC,EAAAA,WAAU,WACRC,EAAiBA,kBAACH,EACpB,GAAG,CAACA,IAEJE,EAAAA,WAAU,WACRE,OAAOC,OAAOC,IAAI,uBAAyBjC,EAC3C+B,OAAOC,OAAOC,IAAI,kBAAoBlC,CACxC,GAAG,CAACC,EAA6BD,IAEjC,IAAMmC,EAAmBC,UAAO,GAiBhC,OAhBID,EAAiBE,SAAW3B,KAC9ByB,EAAiBE,SAAU,EAC3BC,kBAAgB,CAAEhC,UAAAA,KAGpBwB,EAAAA,WAAU,WAER,OADIzB,GAAUkC,EAAM,QAACC,GAAGC,WAAWpC,GAC5B,WAAA,OAAMkC,UAAOC,GAAGC,WAAW,KAAK,CACzC,GAAG,CAACpC,IAEJyB,EAAAA,WAAU,WACR,IAAMY,EAA4BC,+BAA6B5B,GAE/D,OADAiB,OAAOY,iBAAiB,UAAWF,GAC5B,WAAA,OAAMV,OAAOa,oBAAoB,UAAWH,EAA0B,CAC/E,GAAG,CAAC3B,IAGF+B,EAAAC,IAACC,EAAkBA,mBAACC,SAAQ,CAACC,MAAO9C,EAAwB+C,SAC1DL,EAAAA,IAACM,EAAWH,SAAQ,CAACC,MAAOnD,EAAgBoD,SAC1CL,MAACO,gCAA6B,CAACH,OAAK,EAAAC,SAClCL,MAACQ,mBAAgB,CAAAH,SACfL,EAAAC,IAAA,MAAA,CACE9B,GAAIsC,EAA+BA,+BACnCC,UAAWC,EAAAA,QAAW/C,GAAiBd,GAA0BuD,SAEjEL,EAAAA,IAAClE,EAA4B8E,EAAAA,EAAA,GACvBnD,GAAM,GAAA,CACVkB,MAAOG,EAAcF,EAAAA,OAAOC,KAAOD,EAAMA,OAACG,~~MAM1C1B~~,iBAAkB,SAAAwD,GAAY,OAC5BxD,EAAiByD,EAAAA,+BAA+BD,GACjD,EACDzD,gBAAiB,SAAC2D,EAAKX,GAAK,OAC1BhD,EAAgB2D,EAAKD,iCAA+BV,GACrD,EACDxD,gBAAiBA,EACjBC,eAAgBA,cAQhC,CAEAP,EAAyB0E,UAAY,CACnCpE,gBAAiBqE,EAAS,QAACC,KAC3BrE,eAAgBoE,EAAS,QAACC,KAC1BpE,yBAA0BmE,EAAS,QAACE,QAGtC7E,EAAyB8E,aAAe,CACtCxE,gBAAiB,KACjBC,eAAgB,KAChBC,yBAA0B"}
1	+ {"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\n\nimport { useXProps } from './effects/useXProps';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\n\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IconParkProvider } from '~/icons';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { THEMES } from '~/constants/theme';\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { setThemeVariables } from '~/utils/themeVariables';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport { updateUserUnits } from '~/utils';\nimport '~/styles/globalStyles';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/*\n It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n /\nconst useStyles = makeStyles(() => ({\n '@global': {\n body: {\n backgroundColor: 'transparent',\n overflow: 'hidden',\n },\n },\n}));\n\n/\n Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n CLIAppComponent,\n CLIAppSettings,\n containerReportClassName,\n}) {\n useStyles();\n\n const {\n appContextValue,\n globalMixpanelEventTracker,\n globalNotificationToastsAPI,\n onSettingChange,\n onSettingsChange,\n permissionsContextValue,\n timezone,\n userUnits,\n ...xProps\n } = useXProps();\n const isReportsPage = xProps.location.pathname.startsWith('/reports/') \|\| isPDFReportView;\n const appId = xProps?.app?.id;\n\n // Force light theme for PDF reports view\n const selectedTheme =\n localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) \|\|\n xProps.currentUser?.settings?.uiSettings?.theme \|\|\n THEMES.DARK;\n const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n useEffect(() => {\n setThemeVariables(isDarkTheme);\n }, [isDarkTheme]);\n\n useEffect(() => {\n window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n }, [globalNotificationToastsAPI, globalMixpanelEventTracker]);\n\n const isFirstRenderRef = useRef(true);\n if (isFirstRenderRef.current \|\| isReportsPage) {\n isFirstRenderRef.current = false;\n updateUserUnits({ userUnits });\n }\n\n useEffect(() => {\n if (timezone) moment.tz.setDefault(timezone);\n return () => moment.tz.setDefault(null);\n }, [timezone]);\n\n useEffect(() => {\n const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n window.addEventListener('message', dashboardCapturingHandler);\n return () => window.removeEventListener('message', dashboardCapturingHandler);\n }, [appId]);\n\n return (\n <PermissionsContext.Provider value={permissionsContextValue}>\n <AppContext.Provider value={appContextValue}>\n <IsInsideIsolatedDcAppProvider value>\n <IconParkProvider>\n <div\n id={ISOLATED_PAGE_APP_CONTAINER_ID}\n className={classNames(isReportsPage && containerReportClassName)}\n >\n <DevCenterAppContainerWithMUI\n {...xProps}\n theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n // zoid serializes passed arguments using JSON.stringify.\n // All undefined values are removed as they are not valid JSON values\n // so we replace undefined values with null to not drop them\n // Any future cb function that passes arbitrary objects as args\n // also should be wrapped in this mapper\n // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n onSettingsChange={nextSettings =>\n onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n }\n onSettingChange={(key, value) =>\n onSettingChange(key, replaceUndefinedValuesWithNull(value))\n }\n CLIAppComponent={CLIAppComponent}\n CLIAppSettings={CLIAppSettings}\n />\n </div>\n </IconParkProvider>\n </IsInsideIsolatedDcAppProvider>\n </AppContext.Provider>\n </PermissionsContext.Provider>\n );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n CLIAppComponent: PropTypes.func,\n CLIAppSettings: PropTypes.func,\n containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n CLIAppComponent: null,\n CLIAppSettings: null,\n containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useEffect","setThemeVariables","window","Symbol","for","isFirstRenderRef","useRef","current","updateUserUnits","moment","tz","setDefault","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","jsx","PermissionsContext","Provider","value","children","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"itJAwBA,IAAMA,EAA+BC,EAAoBC,GAOnDC,EAAYC,EAAUA,YAAC,WAAA,MAAO,CAClC,UAAW,CACTC,KAAM,CACJC,gBAAiB,cACjBC,SAAU,WAGf,IAOM,SAASC,EAIbC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAHDC,IAAAA,gBACAC,IAAAA,eACAC,IAAAA,yBAEAb,IAEA,IAAAc,EAUIC,EAAAA,YATFC,IAAAA,gBACAC,IAAAA,2BACAC,IAAAA,4BACAC,IAAAA,gBACAC,IAAAA,iBACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,UACGC,EAAMC,EAAA,QAAAX,EAAAY,GAELC,EAAgBH,EAAOI,SAASC,SAASC,WAAW,cAAgBC,kBACpEC,EAAQR,SAAA,QAAAA,EAAAA,EAAQS,WAAR,IAAA1B,OAAAiB,EAAAjB,EAAa2B,GAGrBC,EACJC,aAAaC,QAAQC,EAA2BA,uCAChDd,EAAAA,EAAOe,0BAAP,UAAA/B,EAAoBgC,gBAApB,IAAA/B,GAAwC,QAAxCC,EAAAD,EAA8BgC,kBAAU,IAAA/B,SAAxCA,EAA0CgC,QAC1CC,EAAMA,OAACC,KACHC,GAAelB,GAAiBQ,IAAkBQ,EAAAA,OAAOG,MAE/DC,EAAAA,WAAU,WACRC,EAAiBA,kBAACH,EACpB,GAAG,CAACA,IAEJE,EAAAA,WAAU,WACRE,OAAOC,OAAOC,IAAI,uBAAyBjC,EAC3C+B,OAAOC,OAAOC,IAAI,kBAAoBlC,CACxC,GAAG,CAACC,EAA6BD,IAEjC,IAAMmC,EAAmBC,UAAO,GAiBhC,OAhBID,EAAiBE,SAAW3B,KAC9ByB,EAAiBE,SAAU,EAC3BC,kBAAgB,CAAEhC,UAAAA,KAGpBwB,EAAAA,WAAU,WAER,OADIzB,GAAUkC,EAAM,QAACC,GAAGC,WAAWpC,GAC5B,WAAA,OAAMkC,UAAOC,GAAGC,WAAW,KAAK,CACzC,GAAG,CAACpC,IAEJyB,EAAAA,WAAU,WACR,IAAMY,EAA4BC,+BAA6B5B,GAE/D,OADAiB,OAAOY,iBAAiB,UAAWF,GAC5B,WAAA,OAAMV,OAAOa,oBAAoB,UAAWH,EAA0B,CAC/E,GAAG,CAAC3B,IAGF+B,EAAAC,IAACC,EAAkBA,mBAACC,SAAQ,CAACC,MAAO9C,EAAwB+C,SAC1DL,EAAAA,IAACM,EAAWH,SAAQ,CAACC,MAAOnD,EAAgBoD,SAC1CL,MAACO,gCAA6B,CAACH,OAAK,EAAAC,SAClCL,MAACQ,mBAAgB,CAAAH,SACfL,EAAAC,IAAA,MAAA,CACE9B,GAAIsC,EAA+BA,+BACnCC,UAAWC,EAAAA,QAAW/C,GAAiBd,GAA0BuD,SAEjEL,EAAAA,IAAClE,EAA4B8E,EAAAA,EAAA,GACvBnD,GAAM,GAAA,CACVkB,MAAOG,EAAcF,EAAAA,OAAOC,KAAOD,EAAMA,OAACG,MAQ1C1B,iBAAkB,SAAAwD,GAAY,OAC5BxD,EAAiByD,EAAAA,+BAA+BD,GACjD,EACDzD,gBAAiB,SAAC2D,EAAKX,GAAK,OAC1BhD,EAAgB2D,EAAKD,iCAA+BV,GACrD,EACDxD,gBAAiBA,EACjBC,eAAgBA,cAQhC,CAEAP,EAAyB0E,UAAY,CACnCpE,gBAAiBqE,EAAS,QAACC,KAC3BrE,eAAgBoE,EAAS,QAACC,KAC1BpE,yBAA0BmE,EAAS,QAACE,QAGtC7E,EAAyB8E,aAAe,CACtCxE,gBAAiB,KACjBC,eAAgB,KAChBC,yBAA0B"}