npm - @corva/ui - Versions diffs - 3.79.0-0 → 3.79.0-10 - Mend

@corva/ui 3.79.0-0 → 3.79.0-10

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

package/components/AddComment/components/Content.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as e}from"react";import{node as o,number as t,func as s,bool as i,shape as n}from"prop-types";import{makeStyles as r}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"../../DevCenter/AppContext.js";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{isSuggestionsListOpened as c}from"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"@babel/runtime/helpers/toConsumableArray";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"@material-ui/icons";import"../../EmptyState/EmptyState.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../../config/theme/index.js";import"../../../hocs/withAssetEditorLockHOC.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../Button/components/Button/index.js";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../ConfirmationDialog.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../Icons/AnnotationIcon.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../CopyToClipboard/CopyToClipboard.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"../../SettingEditors/ColorEditor/style.css.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../Chart/components/ChartButton.js";import"../../Chart/components/ChartButtons.js";import"../../Chart/components/ChartWrapper.js";import"../../Chart/components/AxisDropdown.js";import"../../Chart/components/ChartSelect.js";import"../../Chart/ChartWrapperContext.js";import"../../Chart/effects/useChartModifier.js";import"../../Chart/components/buttons/HideAxesButton.js";import"../../Chart/components/buttons/ChartTypeButton.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../RangeSlider/constants.js";import"../../RangeSlider/Input.css.js";import"../../RangeSlider/RangeSlider.css.js";import"../../AdvancedSlider/AdvancedSlider.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.scss.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../OffsetWellMap/WellTooltip.module.css.js";import"../../OffsetWellMap/OffsetWellMap.module.css.js";import"../../../config/mapboxGl/index.js";import"../../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Table/TablePagination/TablePagination.js";import"../../Table/TablePaginationActions/TablePaginationActions.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Stepper.js";import"../../Stepper/Step/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import"../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../GoogleDocsViewer/index.js";import"../../NewDocumentViewer/effects/useFileContent.js";import"../../NewDocumentViewer/styles.js";import"../../FilesLoaderV2/styles.js";import"../../FilesDropzone/styles.js";import"../../FilesProcessor/styles.js";import"../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../Formula/useFormulaStyles.js";import"../../Formula/RootXIcon.js";import"../../Formula/FormulaTextEditor.js";import"../../Formula/CloseSuggestion.js";import"../../Formula/SuggestionsMenu.js";import"../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../AttachFileButton/AttachFileButton.scss.js";import"../../CommentInputNext/CommentInputNext.js";import"../../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../../CommentComposer/CommentMetaLine.scss.js";import"../../CommentComposer/ChatChannelSelector.scss.js";import"../../CommentComposer/ShareToChatRow.scss.js";import"../../CommentComposer/CommentComposer.scss.js";import"../../AttachmentPreview/AttachmentPreview.js";import"../../AttachmentPreview/AttachmentImage.js";import"../../AttachmentPreview/AttachmentPreview.scss.js";import"../../CommentPin/CommentPin.js";import"../../FeedCard/FeedCard.js";import"../../FeedItemCard/FeedItemCard.js";import"../../NewCommentCursor/NewCommentCursor.js";import"../../LinkedText/LinkedText.js";import"../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function d(o){var t=o.userCompanyId,s=o.startAdornment,i=void 0===s?null:s,n=o.endAdornment,r=void 0===n?null:n,d=o.customContent,C=void 0===d?null:d,I=o.setComment,A=void 0===I?j:I,V=o.smallerView,S=void 0!==V&&V,F=o.onSave,h=void 0===F?u:F,v=o.comment,T=l({smallerView:S}),g=e();return p("div",{ref:g,children:[i,C||m(a,{userCompanyId:t,onChange:A,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,smallerView:S,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||c()||(e.preventDefault(),h(v))},suggestionsPortalHost:g.current,allowSuggestionsAboveCursor:!0}),r]})}d.propTypes={startAdornment:o,endAdornment:o,customContent:o,userCompanyId:t.isRequired,setComment:s,onSave:s,smallerView:i,comment:n()};var j=function(){},u=function(){};export{d as default};
+import{useRef as e}from"react";import{node as o,number as t,func as s,bool as i,shape as n}from"prop-types";import{makeStyles as r}from"@material-ui/core";import"@babel/runtime/helpers/defineProperty";import"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"lodash";import"../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/PinOne.js";import"../../../icons/customIcons/icons/PinOneCrossed.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import"../../../utils/mobileDetect.js";import"../../IconButton/index.js";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.js";import"@babel/runtime/helpers/slicedToArray";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../../DevCenter/AppHeader/AppHeader.js";import"../../DevCenter/AppSideBar/AppSideBar.js";import"../../DevCenter/AppContext.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../DevCenter/AppsDataProvider/effects/utils.js";import"@babel/runtime/helpers/toConsumableArray";import"query-string";import"../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import{isSuggestionsListOpened as c}from"../../UserMention/utils/index.js";import"../../../utils/convert.js";import"moment";import"../../../utils/casing/validation.js";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"../../../utils/drillstring/conversion.js";import"lodash/set";import"lodash/cloneDeep";import"lodash/isNumber";import"lodash/has";import"../../../utils/ga.js";import"../../../utils/goalsConfig/goalsConfig.js";import"../../../utils/lasParser.js";import"../../../utils/main.js";import"../../../utils/metrics/metricsConfig.js";import"../../../utils/feed.js";import"../../../utils/reports.js";import"moment-timezone";import"@babel/runtime/helpers/typeof";import"../../../utils/dashboardReports.js";import"../../../utils/env.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../utils/jsonaDataFormatter.js";import"../../../utils/bha.js";import"jsona";import"../../../clients/jsonApi/index.js";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import"@material-ui/icons/ArrowForward";import"../../EmptyState/EmptyState.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/styles.js";import"@material-ui/pickers";import"@date-io/moment";import"../../../config/theme/index.js";import"../../../hocs/withAssetEditorLockHOC.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../Button/components/Button/index.js";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"../../AssetEditorV2/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../ConfirmationDialog.js";import"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"../../../permissions/ProvidePermissions.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.constants.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../../componentsV2/AppContainer/AppContainer.js";import"../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../componentsV2/Chip/Chip.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../PadModeSelect/PadModeSelect.js";import"../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Accordion/Accordion.scss.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../componentsV2/TextInput/TextInput.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"querystring";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../StatusBadge/constants.js";import"lodash/unset";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../componentsV2/AppPanel/AppPanelsContext.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../componentsV2/AppHeader/V3/constants.scss.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"@material-ui/icons/BugReport";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";import"../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../componentsV2/Checkbox/Checkbox.js";import"../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../componentsV2/TextArea/TextArea.js";import"../../../componentsV2/Label/Label.js";import"../../../componentsV2/TextLink/TextLink.js";import"../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../componentsV2/Avatar/Avatar.js";import"../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../componentsV2/Paper/Paper.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../componentsV2/Switch/Switch.js";import"../../../componentsV2/Tabs/Tabs.js";import"../../../componentsV2/FileIcon/FileIcon.js";import"../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../componentsV2/Stepper/Stepper.scss.js";import"../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../componentsV2/ButtonText/ButtonText.js";import"../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../componentsV2/AppFooter/AppFooter.js";import"../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.js";import"../../../componentsV2/AppPanel/AppPanel.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../componentsV2/Slider/constants.js";import"../../../componentsV2/Slider/components/SliderThumb.js";import"../../../componentsV2/Slider/Slider.scss.js";import"../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../componentsV2/Hotkey/Hotkey.js";import"@tanstack/react-query";import"../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js";import"../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js";import"@material-ui/icons/Launch";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css.js";import"../../Icons/AnnotationIcon.js";import"../../HelpCenter/HelpCenterIcon.js";import"../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css.js";import"../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../Toaster/Toaster.js";import"../../DevCenter/NavigationBar/NavigationBar.js";import"../../DevCenter/SideBar/SideBar.js";import"../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../AssetEditor/index.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../Typography.js";import"../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"slate";import"../../ParameterCharts/ParameterCharts.js";import"../../ParameterCharts/AddEditTrack.js";import"../../ChartActionsList/ChartActionsList.js";import"../../CopyToClipboard/CopyToClipboard.js";import"../../AssetEditor/AssetEditorAutocomplete.js";import"../../AssetEditor/SingleAssetEditor.js";import"../../SettingEditors/ColorEditor/style.css.js";import"../../SettingEditors/DropdownEditor/index.js";import"../../SwitchControl/index.js";import"../../ColorPicker/ColorPicker.js";import"../../Chart/components/ChartButton.js";import"../../Chart/components/ChartButtons.js";import"../../Chart/components/ChartWrapper.js";import"../../Chart/components/AxisDropdown.js";import"../../Chart/components/ChartSelect.js";import"../../Chart/ChartWrapperContext.js";import"../../Chart/effects/useChartModifier.js";import"../../Chart/components/buttons/HideAxesButton.js";import"../../Chart/components/buttons/ChartTypeButton.js";import"../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../TruncatedText/index.js";import"../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../RangeSlider/constants.js";import"../../RangeSlider/Input.css.js";import"../../RangeSlider/RangeSlider.css.js";import"../../AdvancedSlider/AdvancedSlider.js";import"../../Breadcrumbs/index.js";import"../../VirtualizedTable/index.js";import"../../EmptyView/EmptyView.js";import"../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../ContextMenuItem/index.js";import"../../FolderMenuItem/index.js";import"../../EditableItem/EditableItem/index.js";import"../../EditableItem/EditableItemWithBadge/index.js";import"../../Checkbox/index.js";import"../../FolderMenuItemWithLinks/index.js";import"../../TextField/index.js";import"../../Chip/index.js";import"../../Counter/index.js";import"../../AnchorsList/AnchorsList.js";import"../../Select/index.js";import"../../Select/SelectFilterBy.js";import"../../CustomSelect/index.js";import"../../Tabs/Tabs.js";import"../../Tabs/Tab.js";import"../../ResizableTable/ResizableTable.js";import"../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"../../GradientManager/GradientPreview/GradientPreview.js";import"../../GradientManager/GradientSelect.scss.js";import"../../GradientManager/GradientManager.styles.js";import"../../Drillstring/BHASchematic.js";import"../../Drillstring/BHATable/index.js";import"../../Drillstring/BHAComponentIcon.js";import"../../Drillstring/BHAComponentDetail/index.js";import"../../Drillstring/BHATileIcon.js";import"../../Drillstring/BHATile/BHATile.js";import"../../Drillstring/BHAList/BHAList.js";import"../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../Casing/CasingTable/index.js";import"../../Casing/CasingComponentIcon.js";import"../../Casing/CasingTileIcon.js";import"../../Casing/CasingTableV2/CasingTableV2.js";import"../../Casing/CasingTile/CasingTile.js";import"../../WellSummary/WellSummaryItemLabel.js";import"../../WellSummary/WellSummaryItemTitle.js";import"../../WellSummary/WellSummaryItemValue.js";import"../../WellSummary/ActivitySummaryChart.js";import"../../WellSummary/FracWirelineTimeChart.js";import"../../BICOffsetPickerDialog/index.js";import"../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../OffsetWellPickerV3/index.js";import"../../OffsetWellChips/Chip.js";import"../../OffsetWellChips/ChipsContainer.js";import"../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"@material-ui/icons/Add";import"@material-ui/icons/Remove";import"mapbox-gl/dist/mapbox-gl.css";import"@material-ui/icons/Info";import"@material-ui/icons/Block";import"../../OffsetWellMap/WellTooltip.module.css.js";import"../../OffsetWellMap/OffsetWellMap.module.css.js";import"../../../config/mapboxGl/index.js";import"../../../config/mapbox/index.js";import"react-dom";import"@material-ui/core/Snackbar";import"../../Notifications/Toast.js";import"../../Notifications/Notifications.scss.js";import"../../TextLink/index.js";import"../../Avatar/index.js";import"../../Template/TemplatePopover/index.js";import"../../Template/TemplateSharingDialog/index.js";import"../../MenuItem/index.js";import"../../MiddleTruncate/MiddleTruncate.js";import"../../PinnableFilters/PinnableFilters.js";import"../../HeaderLayout/HeaderLayout.js";import"../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../PadOffsetsPicker/OffsetAssetChip.js";import"../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../PadOffsetsPicker/StagesSelector.js";import"../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../Table/TableToolbar/TableToolbar.js";import"../../Table/TableContainer/TableContainer.js";import"../../Table/TableCell/TableCell.js";import"../../Table/TablePagination/TablePagination.js";import"../../Table/TablePaginationActions/TablePaginationActions.js";import"../../Tooltip/ScrollableTooltip.js";import"../../PriceInput/PriceInput.js";import"../../LabelsCounter/LabelsCounter.js";import"../../Stepper/Stepper.js";import"../../Stepper/Step/Step.js";import"../../Stepper/StepsWrapper.js";import"../../Comment/CommentIcon/index.js";import"../../FilesLoader/FilesLoader.js";import"../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../SearchInput/index.js";import"../../FeedItem/FeedItem.js";import"../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import a from"../../PostInput/PostInput.js";import"../../KeyboardDateTimePicker.js";import"../Popover.js";import"../Popup.js";import"../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../StageDesignVActual/ComparisonHeader.js";import"../../StageDesignVActual/ComparisonRow.js";import"../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../EmbeddedApp/EmbeddedApp.js";import"../../Autocomplete/Autocomplete.js";import"../../DocumentViewer/DocumentViewer.js";import"../../ColorPickerPalette/ColorPickerPalette.js";import"../../Search/Search.js";import"../../Search/components/Listbox.js";import"../../Search/components/Paper.js";import"../../Search/components/RecentSearches.js";import"../../Search/components/Groups.js";import"../../Search/components/SelectAllListItem.js";import"../../StatusBadge/index.js";import"../../Attachment/index.js";import"../../EmojiIconButton.js";import"../../FileUploadIconButton.js";import"../../FilePreview/index.js";import"../../FailedFileUploading.js";import"../../UserMention/index.js";import"../../CommentsInfo/index.js";import"../../CommentInput/index.js";import"../../Comment/index.js";import"../../CommentLoader.js";import"../../AssetNameLabel/AssetStatusBadge.js";import"../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../AssetEditorV2/components/SelectItem.js";import"../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../EChartsWrapper/EChartsWrapper.js";import"../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../GoogleDocsViewer/index.js";import"../../NewDocumentViewer/effects/useFileContent.js";import"../../NewDocumentViewer/styles.js";import"../../FilesLoaderV2/styles.js";import"../../FilesDropzone/styles.js";import"../../FilesProcessor/styles.js";import"../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../Formula/useFormulaStyles.js";import"../../Formula/RootXIcon.js";import"../../Formula/FormulaTextEditor.js";import"../../Formula/CloseSuggestion.js";import"../../Formula/SuggestionsMenu.js";import"../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../AttachFileButton/AttachFileButton.scss.js";import"../../CommentInputNext/CommentInputNext.js";import"../../WellhubFilePicker/components/WellhubFileCard/WellhubFileCard.scss.js";import"../../WellhubFilePicker/components/WellhubFilePickerView/WellhubFilePickerView.scss.js";import"react-s3-uploader/s3upload";import"../../CommentComposer/CommentMetaLine.scss.js";import"../../CommentComposer/ChatChannelSelector.scss.js";import"../../CommentComposer/ShareToChatRow.scss.js";import"../../CommentComposer/CommentComposer.scss.js";import"../../AttachmentPreview/AttachmentPreview.js";import"../../AttachmentPreview/AttachmentImage.js";import"../../AttachmentPreview/AttachmentPreview.scss.js";import"../../CommentPin/CommentPin.js";import"../../FeedCard/FeedCard.js";import"../../FeedItemCard/FeedItemCard.js";import"../../NewCommentCursor/NewCommentCursor.js";import"../../LinkedText/LinkedText.js";import"../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";var l=r({postInput:{paddingBottom:8},filePreviewWrapper:function(e){return{width:"100%",marginLeft:0,maxHeight:e.smallerView?127:251}}});function d(o){var t=o.userCompanyId,s=o.startAdornment,i=void 0===s?null:s,n=o.endAdornment,r=void 0===n?null:n,d=o.customContent,C=void 0===d?null:d,I=o.setComment,A=void 0===I?j:I,V=o.smallerView,S=void 0!==V&&V,F=o.onSave,h=void 0===F?u:F,v=o.comment,T=l({smallerView:S}),g=e();return p("div",{ref:g,children:[i,C||m(a,{userCompanyId:t,onChange:A,filePreviewWrapperClass:T.filePreviewWrapper,className:T.postInput,smallerView:S,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||c()||(e.preventDefault(),h(v))},suggestionsPortalHost:g.current,allowSuggestionsAboveCursor:!0}),r]})}d.propTypes={startAdornment:o,endAdornment:o,customContent:o,userCompanyId:t.isRequired,setComment:s,onSave:s,smallerView:i,comment:n()};var j=function(){},u=function(){};export{d as default};
 //# sourceMappingURL=Content.js.map

package/components/AddComment/components/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: ({ smallerView }) => ({\n width: '100%',\n marginLeft: 0,\n maxHeight: smallerView ? 127 : 251,\n }),\n});\nfunction Content({\n userCompanyId,\n startAdornment = null,\n endAdornment = null,\n customContent = null,\n setComment = DEFAULT_CONTENT_SET_COMMENT,\n smallerView = false,\n onSave = DEFAULT_CONTENT_ON_SAVE,\n comment,\n}) {\n const classes = useStyles({ smallerView });\n const wrapperRef = useRef();\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n onSave(comment);\n }\n };\n\n return (\n <div ref={wrapperRef}>\n {startAdornment}\n\n {customContent \|\| (\n <PostInput\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n smallerView={smallerView}\n onKeyDown={onKeyDown}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n )}\n\n {endAdornment}\n </div>\n );\n}\n\nContent.propTypes = {\n startAdornment: node,\n endAdornment: node,\n customContent: node,\n userCompanyId: number.isRequired,\n setComment: func,\n onSave: func,\n smallerView: bool,\n comment: shape(),\n};\n\nconst DEFAULT_CONTENT_SET_COMMENT = () => undefined;\nconst DEFAULT_CONTENT_ON_SAVE = () => undefined;\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","_ref2$startAdornment","startAdornment","_ref2$endAdornment","endAdornment","_ref2$customContent","customContent","_ref2$setComment","setComment","DEFAULT_CONTENT_SET_COMMENT","_ref2$smallerView","_ref2$onSave","onSave","DEFAULT_CONTENT_ON_SAVE","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape"],"mappings":"~~0h6BAOA~~,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cAAaC,EAAAF,EACbG,eAAAA,aAAiB,KAAID,EAAAE,EAAAJ,EACrBK,aAAAA,aAAe,KAAID,EAAAE,EAAAN,EACnBO,cAAAA,aAAgB,KAAID,EAAAE,EAAAR,EACpBS,WAAAA,aAAaC,EAA2BF,EAAAG,EAAAX,EACxCF,YAAAA,cAAmBa,EAAAC,EAAAZ,EACnBa,OAAAA,aAASC,EAAuBF,EAChCG,IAAAA,QAEMC,EAAU3B,EAAU,CAAES,YAAAA,IACtBmB,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBlB,EAEAI,GACCe,EAACC,EAAS,CACRtB,cAAeA,EACfuB,SAAUf,EACVgB,wBAAyBT,EAAQvB,mBACjCiC,UAAWV,EAAQzB,UACnBO,YAAaA,EACb6B,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFnB,EAAOE,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9B9B,IAGP,CAEAN,EAAQqC,UAAY,CAClBjC,eAAgBkC,EAChBhC,aAAcgC,EACd9B,cAAe8B,EACfpC,cAAeqC,EAAOC,WACtB9B,WAAY+B,EACZ3B,OAAQ2B,EACR1C,YAAa2C,EACb1B,QAAS2B,KAGX,IAAMhC,EAA8B,WAAe,EAC7CI,EAA0B,WAAe"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/components/AddComment/components/Content.js"],"sourcesContent":["import { useRef } from 'react';\nimport { node, number, func, bool, shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { PostInput } from '~/components';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\n\nconst useStyles = makeStyles({\n postInput: { paddingBottom: 8 },\n filePreviewWrapper: ({ smallerView }) => ({\n width: '100%',\n marginLeft: 0,\n maxHeight: smallerView ? 127 : 251,\n }),\n});\nfunction Content({\n userCompanyId,\n startAdornment = null,\n endAdornment = null,\n customContent = null,\n setComment = DEFAULT_CONTENT_SET_COMMENT,\n smallerView = false,\n onSave = DEFAULT_CONTENT_ON_SAVE,\n comment,\n}) {\n const classes = useStyles({ smallerView });\n const wrapperRef = useRef();\n\n const onKeyDown = e => {\n if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n e.preventDefault();\n onSave(comment);\n }\n };\n\n return (\n <div ref={wrapperRef}>\n {startAdornment}\n\n {customContent \|\| (\n <PostInput\n userCompanyId={userCompanyId}\n onChange={setComment}\n filePreviewWrapperClass={classes.filePreviewWrapper}\n className={classes.postInput}\n smallerView={smallerView}\n onKeyDown={onKeyDown}\n suggestionsPortalHost={wrapperRef.current}\n allowSuggestionsAboveCursor\n />\n )}\n\n {endAdornment}\n </div>\n );\n}\n\nContent.propTypes = {\n startAdornment: node,\n endAdornment: node,\n customContent: node,\n userCompanyId: number.isRequired,\n setComment: func,\n onSave: func,\n smallerView: bool,\n comment: shape(),\n};\n\nconst DEFAULT_CONTENT_SET_COMMENT = () => undefined;\nconst DEFAULT_CONTENT_ON_SAVE = () => undefined;\n\nexport default Content;\n"],"names":["useStyles","makeStyles","postInput","paddingBottom","filePreviewWrapper","_ref","width","marginLeft","maxHeight","smallerView","Content","_ref2","userCompanyId","_ref2$startAdornment","startAdornment","_ref2$endAdornment","endAdornment","_ref2$customContent","customContent","_ref2$setComment","setComment","DEFAULT_CONTENT_SET_COMMENT","_ref2$smallerView","_ref2$onSave","onSave","DEFAULT_CONTENT_ON_SAVE","comment","classes","wrapperRef","useRef","_jsxs","ref","children","_jsx","PostInput","onChange","filePreviewWrapperClass","className","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","suggestionsPortalHost","current","allowSuggestionsAboveCursor","propTypes","node","number","isRequired","func","bool","shape"],"mappings":"4q6BAOA,IAAMA,EAAYC,EAAW,CAC3BC,UAAW,CAAEC,cAAe,GAC5BC,mBAAoB,SAAAC,GAAc,MAAQ,CACxCC,MAAO,OACPC,WAAY,EACZC,YAHqBC,YAGI,IAAM,IAChC,IAEH,SAASC,EASNC,GAAA,IARDC,IAAAA,cAAaC,EAAAF,EACbG,eAAAA,aAAiB,KAAID,EAAAE,EAAAJ,EACrBK,aAAAA,aAAe,KAAID,EAAAE,EAAAN,EACnBO,cAAAA,aAAgB,KAAID,EAAAE,EAAAR,EACpBS,WAAAA,aAAaC,EAA2BF,EAAAG,EAAAX,EACxCF,YAAAA,cAAmBa,EAAAC,EAAAZ,EACnBa,OAAAA,aAASC,EAAuBF,EAChCG,IAAAA,QAEMC,EAAU3B,EAAU,CAAES,YAAAA,IACtBmB,EAAaC,IASnB,OACEC,EAAA,MAAA,CAAKC,IAAKH,EAAWI,SAAA,CAClBlB,EAEAI,GACCe,EAACC,EAAS,CACRtB,cAAeA,EACfuB,SAAUf,EACVgB,wBAAyBT,EAAQvB,mBACjCiC,UAAWV,EAAQzB,UACnBO,YAAaA,EACb6B,UAlBU,SAAAC,GACF,UAAVA,EAAEC,KAAoBD,EAAEE,UAAaC,MACvCH,EAAEI,iBACFnB,EAAOE,KAgBHkB,sBAAuBhB,EAAWiB,QAClCC,6BAA2B,IAI9B9B,IAGP,CAEAN,EAAQqC,UAAY,CAClBjC,eAAgBkC,EAChBhC,aAAcgC,EACd9B,cAAe8B,EACfpC,cAAeqC,EAAOC,WACtB9B,WAAY+B,EACZ3B,OAAQ2B,EACR1C,YAAa2C,EACb1B,QAAS2B,KAGX,IAAMhC,EAA8B,WAAe,EAC7CI,EAA0B,WAAe"}

package/components/AssetEditor/AssetEditorAutocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as n,useState as o,useEffect as i,useMemo as a}from"react";import l from"prop-types";import{debounce as s,identity as p}from"lodash";import{List as d,withStyles as u,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as y,FormHelperText as g,TextField as h,InputAdornment as v}from"@material-ui/core";import{Search as O}from"@material-ui/icons";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as P,SCROLL_THRESHOLD as I}from"./constants.js";import{useAssetAutoCompleteSelectData as C}from"./effects/index.js";import{jsxs as j,jsx as A}from"react/jsx-runtime";var S=["children","loading","hasMore"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?M(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w="DC_SingleAssetEditorAutocomplete",L={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},D=function(e){var t=e.text;return A("li",{style:L,children:A(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},N=n((function(e,t){var n=e.children,o=e.loading,i=e.hasMore,a=r(e,S);return j(d,q(q({},a),{},{ref:t,role:"listbox",children:[n,(i||o)&&A(D,{})]}))})),R=function(t){var r,n=t["data-testid"],l=t.appKey,d=t.assetType,u=t.classes,c=t.companyId,S=t.currentValue,M=t.disabled,L=t.disableClearable,R=t.errorText,V=t.isMultiple,E=t.isNullable,K=t.label,_=t.onChange,k=t.parentAssetId,z=t.parentAssetType,H=t.queryParams,B=t.autocompleteProps,F=void 0===B?{}:B,W=t.assetFields,G=o(V?[]:null),J=e(G,2),Q=J[0],U=J[1],X=o(""),Y=e(X,2),Z=Y[0],$=Y[1],ee=o(""),te=e(ee,2),re=te[0],ne=te[1],oe=o(!1),ie=e(oe,2),ae=ie[0],le=ie[1],se=o(1),pe=e(se,2),de=pe[0],ue=pe[1],ce=o(!0),me=e(ce,2),fe=me[0],be=me[1];i((function(){U(V?[]:null),ue(1),le(!1)}),[d]);var ye=C({appKey:l,assetType:d,companyId:c,currentValue:S,isMultiple:V,parentAssetId:k,parentAssetType:z,scrollPage:de,searchText:Z,setCurrentOption:U,queryParams:H,assetFields:W}),ge=ye.assets,he=ye.loading;i((function(){var e=ge.length>=P*de;be(e)}),[ge,de]);var ve=a((function(){return s((function(e){ue(1),$(e)}),200)}),[]),Oe=a((function(){return s((function(){return ue((function(e){return e+1}))}),250)}),[]),xe={endAdornment:u.endAdornment,inputRoot:u.inputRoot,listbox:u.listbox,noOptions:u.noOptions,option:u.option,popupIndicator:u.popupIndicator,root:u.root};return j(m,{disabled:M,error:!!R,className:u.formControl,children:[!E&&A(f,{shrink:!0,children:K}),A(b,{title:null!==(r=null==Q?void 0:Q.name)&&void 0!==r?r:"",children:A(x,q(q({disabled:M,blurOnSelect:!0,classes:xe,clearOnBlur:!0,clearOnEscape:!0,"data-testid":n,disableClearable:L,filterOptions:p,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:ae?re:(null==Q?void 0:Q.name)||"",ListboxComponent:N,ListboxProps:{onScroll:function(e){if(fe&&!he){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-I&&Oe()}},loading:he,hasMore:fe},options:ge,onChange:function(e,t){var r;U(t),_(V?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){ne(""),$(""),le(!1),ue(1)},onInputChange:function(e,t,r){"input"===r?(ne(t),le(!0),ve(t)):$("")},noOptionsText:A(D,{text:he?"Loading...":"No options"}),renderInput:function(e){return A(h,q(q({},e),{},{variant:"standard",placeholder:"Search for asset..."},!V&&{InputProps:q(q({},e.InputProps),{},{startAdornment:A(v,{children:A(O,{className:u.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return A(T,{"data-testid":"".concat(w,"_option_").concat(r,"MenuItem"),children:V&&S.includes(t)?"".concat(r," (already selected)"):r},t)},value:Q,multiple:V},V&&{renderTags:function(e,t){return e.map((function(e,r){return A(y,q({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return S.includes(e.id)}}),F))}),A(g,{children:R})]})};R.defaultProps={label:"Choose An Asset",currentValue:void 0,disableClearable:!0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(w,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null,queryParams:{}},R.propTypes={label:l.string,currentValue:l.oneOfType([l.number,l.arrayOf(l.number)]),isNullable:l.bool,onChange:l.func.isRequired,classes:l.shape({}).isRequired,disableClearable:l.bool,parentAssetId:l.number,parentAssetType:l.string,companyId:l.number,assetType:l.string.isRequired,errorText:l.string,"data-testid":l.string,disabled:l.bool,isMultiple:l.bool,appKey:l.string,queryParams:l.shape({})};var V=u((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(R);export{V as default};
+import e from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as n,useState as o,useEffect as i,useMemo as a}from"react";import l from"prop-types";import{debounce as s,identity as p}from"lodash";import{List as d,withStyles as u,Typography as c,FormControl as m,InputLabel as f,Tooltip as b,Chip as h,FormHelperText as y,TextField as g,InputAdornment as v}from"@material-ui/core";import O from"@material-ui/icons/Search";import{Autocomplete as x}from"@material-ui/lab";import T from"../TruncatedText/index.js";import{PER_PAGE as P,SCROLL_THRESHOLD as I}from"./constants.js";import{useAssetAutoCompleteSelectData as C}from"./effects/index.js";import{jsxs as j,jsx as A}from"react/jsx-runtime";var S=["children","loading","hasMore"];function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function q(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?M(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w="DC_SingleAssetEditorAutocomplete",L={paddingLeft:"16px",height:36,listStyleType:"none",display:"flex",alignItems:"center"},D=function(e){var t=e.text;return A("li",{style:L,children:A(c,{variant:"body2",color:"textSecondary",children:void 0===t?"Loading...":t})},"loading")},N=n((function(e,t){var n=e.children,o=e.loading,i=e.hasMore,a=r(e,S);return j(d,q(q({},a),{},{ref:t,role:"listbox",children:[n,(i||o)&&A(D,{})]}))})),R=function(t){var r,n=t["data-testid"],l=t.appKey,d=t.assetType,u=t.classes,c=t.companyId,S=t.currentValue,M=t.disabled,L=t.disableClearable,R=t.errorText,V=t.isMultiple,E=t.isNullable,K=t.label,_=t.onChange,k=t.parentAssetId,z=t.parentAssetType,H=t.queryParams,B=t.autocompleteProps,F=void 0===B?{}:B,W=t.assetFields,G=o(V?[]:null),J=e(G,2),Q=J[0],U=J[1],X=o(""),Y=e(X,2),Z=Y[0],$=Y[1],ee=o(""),te=e(ee,2),re=te[0],ne=te[1],oe=o(!1),ie=e(oe,2),ae=ie[0],le=ie[1],se=o(1),pe=e(se,2),de=pe[0],ue=pe[1],ce=o(!0),me=e(ce,2),fe=me[0],be=me[1];i((function(){U(V?[]:null),ue(1),le(!1)}),[d]);var he=C({appKey:l,assetType:d,companyId:c,currentValue:S,isMultiple:V,parentAssetId:k,parentAssetType:z,scrollPage:de,searchText:Z,setCurrentOption:U,queryParams:H,assetFields:W}),ye=he.assets,ge=he.loading;i((function(){var e=ye.length>=P*de;be(e)}),[ye,de]);var ve=a((function(){return s((function(e){ue(1),$(e)}),200)}),[]),Oe=a((function(){return s((function(){return ue((function(e){return e+1}))}),250)}),[]),xe={endAdornment:u.endAdornment,inputRoot:u.inputRoot,listbox:u.listbox,noOptions:u.noOptions,option:u.option,popupIndicator:u.popupIndicator,root:u.root};return j(m,{disabled:M,error:!!R,className:u.formControl,children:[!E&&A(f,{shrink:!0,children:K}),A(b,{title:null!==(r=null==Q?void 0:Q.name)&&void 0!==r?r:"",children:A(x,q(q({disabled:M,blurOnSelect:!0,classes:xe,clearOnBlur:!0,clearOnEscape:!0,"data-testid":n,disableClearable:L,filterOptions:p,getOptionLabel:function(e){return null==e?void 0:e.name},getOptionSelected:function(e,t){return e&&t&&e.id===t.id},inputValue:ae?re:(null==Q?void 0:Q.name)||"",ListboxComponent:N,ListboxProps:{onScroll:function(e){if(fe&&!ge){var t=e.currentTarget;t.scrollTop+t.clientHeight>t.scrollHeight-I&&Oe()}},loading:ge,hasMore:fe},options:ye,onChange:function(e,t){var r;U(t),_(V?t.map((function(e){return e.id})):null!==(r=null==t?void 0:t.id)&&void 0!==r?r:null,t)},onClose:function(){ne(""),$(""),le(!1),ue(1)},onInputChange:function(e,t,r){"input"===r?(ne(t),le(!0),ve(t)):$("")},noOptionsText:A(D,{text:ge?"Loading...":"No options"}),renderInput:function(e){return A(g,q(q({},e),{},{variant:"standard",placeholder:"Search for asset..."},!V&&{InputProps:q(q({},e.InputProps),{},{startAdornment:A(v,{children:A(O,{className:u.searchIcon})})})}))},renderOption:function(e){var t=e.id,r=e.name;return A(T,{"data-testid":"".concat(w,"_option_").concat(r,"MenuItem"),children:V&&S.includes(t)?"".concat(r," (already selected)"):r},t)},value:Q,multiple:V},V&&{renderTags:function(e,t){return e.map((function(e,r){return A(h,q({label:null==e?void 0:e.name},t({index:r})),e.id)}))},getOptionDisabled:function(e){return S.includes(e.id)}}),F))}),A(y,{children:R})]})};R.defaultProps={label:"Choose An Asset",currentValue:void 0,disableClearable:!0,isNullable:!1,parentAssetId:void 0,parentAssetType:void 0,companyId:void 0,errorText:"","data-testid":"".concat(w,"_autoComplete"),disabled:!1,isMultiple:!1,appKey:null,queryParams:{}},R.propTypes={label:l.string,currentValue:l.oneOfType([l.number,l.arrayOf(l.number)]),isNullable:l.bool,onChange:l.func.isRequired,classes:l.shape({}).isRequired,disableClearable:l.bool,parentAssetId:l.number,parentAssetType:l.string,companyId:l.number,assetType:l.string.isRequired,errorText:l.string,"data-testid":l.string,disabled:l.bool,isMultiple:l.bool,appKey:l.string,queryParams:l.shape({})};var V=u((function(e){return{formControl:{},listbox:{maxHeight:350},root:{fontSize:16},inputRoot:{paddingTop:16,padding:"8px 0",paddingBottom:0,width:350,fontSize:16},popupIndicator:{display:"none"},option:{paddingLeft:"16px !important",height:36,"&[aria-disabled=true]":{color:e.palette.primary.text9,opacity:1,backgroundColor:"unset"}},noOptions:{padding:0},searchIcon:{fontSize:"20px !important"}}}))(R);export{V as default};
 //# sourceMappingURL=AssetEditorAutocomplete.js.map

package/components/AssetEditor/AssetEditorAutocomplete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n FormControl,\n InputLabel,\n TextField,\n FormHelperText,\n withStyles,\n Typography,\n List,\n InputAdornment,\n Chip,\n Tooltip,\n} from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n formControl: {},\n listbox: { maxHeight: 350 },\n root: { fontSize: 16 },\n inputRoot: {\n paddingTop: 16,\n padding: '8px 0',\n paddingBottom: 0,\n width: 350,\n fontSize: 16,\n },\n popupIndicator: { display: 'none' },\n option: {\n paddingLeft: '16px !important',\n height: 36,\n '&[aria-disabled=true]': {\n color: theme.palette.primary.text9,\n opacity: 1,\n backgroundColor: 'unset',\n },\n },\n noOptions: { padding: 0 },\n searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n paddingLeft: '16px',\n height: 36,\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types /\nconst InfoListItem = ({ text = 'Loading...' }) => (\n <li key=\"loading\" style={infoListItemStyles}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {text}\n </Typography>\n </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n <List {...otherProps} ref={ref} role=\"listbox\">\n {children}\n {(hasMore \|\| loading) && <InfoListItem />}\n </List>\n));\n/ eslint-enable react/prop-types /\n\nconst AssetEditorAutocomplete = ({\n 'data-testid': dataTestId,\n appKey,\n assetType,\n classes,\n companyId,\n currentValue,\n disabled,\n disableClearable,\n errorText,\n isMultiple,\n isNullable,\n label,\n onChange,\n parentAssetId,\n parentAssetType,\n queryParams,\n autocompleteProps = {},\n assetFields,\n}) => {\n // NOTE: Store currently selected option\n const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n const [isSearchMode, setSearchMode] = useState(false);\n\n const [scrollPage, setScrollPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n\n useEffect(() => {\n // NOTE: Asset type has been changed. Clear currently selected option\n setCurrentOption(isMultiple ? [] : null);\n setScrollPage(1);\n setSearchMode(false);\n }, [assetType]);\n\n const { assets, loading } = useAssetAutoCompleteSelectData({\n appKey,\n assetType,\n companyId,\n currentValue,\n isMultiple,\n parentAssetId,\n parentAssetType,\n scrollPage,\n searchText,\n setCurrentOption,\n queryParams,\n assetFields,\n });\n\n useEffect(() => {\n const hasMoreAssets = assets.length >= PER_PAGE scrollPage;\n setHasMore(hasMoreAssets);\n }, [assets, scrollPage]);\n\n const onInputChange = useMemo(\n () =>\n debounce(value => {\n setScrollPage(1);\n setSearchText(value);\n }, 200),\n []\n );\n\n const handleInputChange = (event, value, reason) => {\n if (reason === 'input') {\n setSearchValue(value);\n setSearchMode(true);\n onInputChange(value); // NOTE: Trigger api call\n } else {\n // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n setSearchText('');\n }\n };\n\n const handleFetchNext = useMemo(\n () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n []\n );\n const onClose = () => {\n setSearchValue('');\n setSearchText('');\n setSearchMode(false);\n setScrollPage(1);\n };\n\n const onScrollListbox = event => {\n if (!hasMore \|\| loading) return;\n const listboxNode = event.currentTarget;\n if (\n listboxNode.scrollTop + listboxNode.clientHeight >\n listboxNode.scrollHeight - SCROLL_THRESHOLD\n ) {\n handleFetchNext();\n }\n };\n\n const renderInput = params => (\n <TextField\n {...params}\n variant=\"standard\"\n placeholder=\"Search for asset...\"\n {...(!isMultiple && {\n InputProps: {\n ...params.InputProps,\n startAdornment: (\n <InputAdornment>\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n },\n })}\n />\n );\n\n const renderOption = ({ id, name }) => (\n <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n </TruncatedText>\n );\n\n const autocompleteClasses = {\n endAdornment: classes.endAdornment,\n inputRoot: classes.inputRoot,\n listbox: classes.listbox,\n noOptions: classes.noOptions,\n option: classes.option,\n popupIndicator: classes.popupIndicator,\n root: classes.root,\n };\n\n return (\n <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n <Tooltip title={currentOption?.name ?? ''}>\n <Autocomplete\n disabled={disabled}\n blurOnSelect\n classes={autocompleteClasses}\n clearOnBlur\n clearOnEscape\n data-testid={dataTestId}\n disableClearable={disableClearable}\n filterOptions={identity}\n getOptionLabel={option => option?.name}\n getOptionSelected={(option, value) => option && value && option.id === value.id}\n inputValue={isSearchMode ? searchValue : currentOption?.name \|\| ''}\n ListboxComponent={ListboxComponent}\n ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n options={assets}\n onChange={(event, selected) => {\n setCurrentOption(selected);\n onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n }}\n onClose={onClose}\n onInputChange={handleInputChange}\n noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n renderInput={renderInput}\n renderOption={renderOption}\n value={currentOption}\n multiple={isMultiple}\n {...(isMultiple && {\n renderTags: (value, getTagProps) => {\n return value.map((option, index) => (\n <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n ));\n },\n getOptionDisabled: option => currentValue.includes(option.id),\n })}\n {...autocompleteProps}\n />\n </Tooltip>\n <FormHelperText>{errorText}</FormHelperText>\n </FormControl>\n );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n label: 'Choose An Asset',\n currentValue: undefined,\n disableClearable: true,\n isNullable: false,\n parentAssetId: undefined,\n parentAssetType: undefined,\n companyId: undefined,\n errorText: '',\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n disabled: false,\n isMultiple: false,\n appKey: null,\n queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n label: PropTypes.string,\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n isNullable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n disableClearable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n companyId: PropTypes.number,\n assetType: PropTypes.string.isRequired,\n errorText: PropTypes.string,\n 'data-testid': PropTypes.string,\n disabled: PropTypes.bool,\n isMultiple: PropTypes.bool,\n appKey: PropTypes.string,\n queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}
1	+ {"version":3,"file":"AssetEditorAutocomplete.js","sources":["../../../src/components/AssetEditor/AssetEditorAutocomplete.js"],"sourcesContent":["import { useMemo, useState, useEffect, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, identity } from 'lodash';\nimport {\n FormControl,\n InputLabel,\n TextField,\n FormHelperText,\n withStyles,\n Typography,\n List,\n InputAdornment,\n Chip,\n Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport { Autocomplete } from '@material-ui/lab';\n\nimport TruncatedText from '../TruncatedText';\n\nimport { PER_PAGE, SCROLL_THRESHOLD } from './constants';\nimport { useAssetAutoCompleteSelectData } from './effects';\n\nconst PAGE_NAME = 'DC_SingleAssetEditorAutocomplete';\n\nconst muiStyles = theme => ({\n formControl: {},\n listbox: { maxHeight: 350 },\n root: { fontSize: 16 },\n inputRoot: {\n paddingTop: 16,\n padding: '8px 0',\n paddingBottom: 0,\n width: 350,\n fontSize: 16,\n },\n popupIndicator: { display: 'none' },\n option: {\n paddingLeft: '16px !important',\n height: 36,\n '&[aria-disabled=true]': {\n color: theme.palette.primary.text9,\n opacity: 1,\n backgroundColor: 'unset',\n },\n },\n noOptions: { padding: 0 },\n searchIcon: { fontSize: '20px !important' },\n});\n\nconst infoListItemStyles = {\n paddingLeft: '16px',\n height: 36,\n listStyleType: 'none',\n display: 'flex',\n alignItems: 'center',\n};\n\n/* eslint-disable react/prop-types /\nconst InfoListItem = ({ text = 'Loading...' }) => (\n <li key=\"loading\" style={infoListItemStyles}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {text}\n </Typography>\n </li>\n);\n\nconst ListboxComponent = forwardRef(({ children, loading, hasMore, ...otherProps }, ref) => (\n <List {...otherProps} ref={ref} role=\"listbox\">\n {children}\n {(hasMore \|\| loading) && <InfoListItem />}\n </List>\n));\n/ eslint-enable react/prop-types /\n\nconst AssetEditorAutocomplete = ({\n 'data-testid': dataTestId,\n appKey,\n assetType,\n classes,\n companyId,\n currentValue,\n disabled,\n disableClearable,\n errorText,\n isMultiple,\n isNullable,\n label,\n onChange,\n parentAssetId,\n parentAssetType,\n queryParams,\n autocompleteProps = {},\n assetFields,\n}) => {\n // NOTE: Store currently selected option\n const [currentOption, setCurrentOption] = useState(isMultiple ? [] : null);\n\n const [searchText, setSearchText] = useState(''); // NOTE: For ui input\n const [searchValue, setSearchValue] = useState(''); // NOTE: Used for api filtering\n const [isSearchMode, setSearchMode] = useState(false);\n\n const [scrollPage, setScrollPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n\n useEffect(() => {\n // NOTE: Asset type has been changed. Clear currently selected option\n setCurrentOption(isMultiple ? [] : null);\n setScrollPage(1);\n setSearchMode(false);\n }, [assetType]);\n\n const { assets, loading } = useAssetAutoCompleteSelectData({\n appKey,\n assetType,\n companyId,\n currentValue,\n isMultiple,\n parentAssetId,\n parentAssetType,\n scrollPage,\n searchText,\n setCurrentOption,\n queryParams,\n assetFields,\n });\n\n useEffect(() => {\n const hasMoreAssets = assets.length >= PER_PAGE scrollPage;\n setHasMore(hasMoreAssets);\n }, [assets, scrollPage]);\n\n const onInputChange = useMemo(\n () =>\n debounce(value => {\n setScrollPage(1);\n setSearchText(value);\n }, 200),\n []\n );\n\n const handleInputChange = (event, value, reason) => {\n if (reason === 'input') {\n setSearchValue(value);\n setSearchMode(true);\n onInputChange(value); // NOTE: Trigger api call\n } else {\n // NOTE: Clean searchText for \"reset\" and \"clear\" reasons\n setSearchText('');\n }\n };\n\n const handleFetchNext = useMemo(\n () => debounce(() => setScrollPage(prevScrollPage => prevScrollPage + 1), 250),\n []\n );\n const onClose = () => {\n setSearchValue('');\n setSearchText('');\n setSearchMode(false);\n setScrollPage(1);\n };\n\n const onScrollListbox = event => {\n if (!hasMore \|\| loading) return;\n const listboxNode = event.currentTarget;\n if (\n listboxNode.scrollTop + listboxNode.clientHeight >\n listboxNode.scrollHeight - SCROLL_THRESHOLD\n ) {\n handleFetchNext();\n }\n };\n\n const renderInput = params => (\n <TextField\n {...params}\n variant=\"standard\"\n placeholder=\"Search for asset...\"\n {...(!isMultiple && {\n InputProps: {\n ...params.InputProps,\n startAdornment: (\n <InputAdornment>\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n },\n })}\n />\n );\n\n const renderOption = ({ id, name }) => (\n <TruncatedText key={id} data-testid={`${PAGE_NAME}_option_${name}MenuItem`}>\n {isMultiple && currentValue.includes(id) ? `${name} (already selected)` : name}\n </TruncatedText>\n );\n\n const autocompleteClasses = {\n endAdornment: classes.endAdornment,\n inputRoot: classes.inputRoot,\n listbox: classes.listbox,\n noOptions: classes.noOptions,\n option: classes.option,\n popupIndicator: classes.popupIndicator,\n root: classes.root,\n };\n\n return (\n <FormControl disabled={disabled} error={!!errorText} className={classes.formControl}>\n {!isNullable && <InputLabel shrink>{label}</InputLabel>}\n <Tooltip title={currentOption?.name ?? ''}>\n <Autocomplete\n disabled={disabled}\n blurOnSelect\n classes={autocompleteClasses}\n clearOnBlur\n clearOnEscape\n data-testid={dataTestId}\n disableClearable={disableClearable}\n filterOptions={identity}\n getOptionLabel={option => option?.name}\n getOptionSelected={(option, value) => option && value && option.id === value.id}\n inputValue={isSearchMode ? searchValue : currentOption?.name \|\| ''}\n ListboxComponent={ListboxComponent}\n ListboxProps={{ onScroll: onScrollListbox, loading, hasMore }}\n options={assets}\n onChange={(event, selected) => {\n setCurrentOption(selected);\n onChange(isMultiple ? selected.map(({ id }) => id) : selected?.id ?? null, selected);\n }}\n onClose={onClose}\n onInputChange={handleInputChange}\n noOptionsText={<InfoListItem text={loading ? 'Loading...' : 'No options'} />}\n renderInput={renderInput}\n renderOption={renderOption}\n value={currentOption}\n multiple={isMultiple}\n {...(isMultiple && {\n renderTags: (value, getTagProps) => {\n return value.map((option, index) => (\n <Chip key={option.id} label={option?.name} {...getTagProps({ index })} />\n ));\n },\n getOptionDisabled: option => currentValue.includes(option.id),\n })}\n {...autocompleteProps}\n />\n </Tooltip>\n <FormHelperText>{errorText}</FormHelperText>\n </FormControl>\n );\n};\n\nAssetEditorAutocomplete.defaultProps = {\n label: 'Choose An Asset',\n currentValue: undefined,\n disableClearable: true,\n isNullable: false,\n parentAssetId: undefined,\n parentAssetType: undefined,\n companyId: undefined,\n errorText: '',\n 'data-testid': `${PAGE_NAME}_autoComplete`,\n disabled: false,\n isMultiple: false,\n appKey: null,\n queryParams: {},\n};\n\nAssetEditorAutocomplete.propTypes = {\n label: PropTypes.string,\n currentValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n isNullable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.shape({}).isRequired,\n disableClearable: PropTypes.bool,\n parentAssetId: PropTypes.number,\n parentAssetType: PropTypes.string,\n companyId: PropTypes.number,\n assetType: PropTypes.string.isRequired,\n errorText: PropTypes.string,\n 'data-testid': PropTypes.string,\n disabled: PropTypes.bool,\n isMultiple: PropTypes.bool,\n appKey: PropTypes.string,\n queryParams: PropTypes.shape({}),\n};\n\nexport default withStyles(muiStyles)(AssetEditorAutocomplete);\n"],"names":["PAGE_NAME","infoListItemStyles","paddingLeft","height","listStyleType","display","alignItems","InfoListItem","_ref","_ref$text","text","_jsx","style","children","Typography","variant","color","ListboxComponent","forwardRef","ref","loading","hasMore","otherProps","_objectWithoutProperties","_ref2","_excluded","_jsxs","List","_objectSpread","role","AssetEditorAutocomplete","_ref3","_currentOption$name","dataTestId","appKey","assetType","classes","companyId","currentValue","disabled","disableClearable","errorText","isMultiple","isNullable","label","onChange","parentAssetId","parentAssetType","queryParams","_ref3$autocompletePro","autocompleteProps","assetFields","_useState","useState","_useState2","_slicedToArray","currentOption","setCurrentOption","_useState4","_useState3","searchText","setSearchText","_useState6","_useState5","searchValue","setSearchValue","_useState8","_useState7","isSearchMode","setSearchMode","_useState10","_useState9","scrollPage","setScrollPage","_useState12","_useState11","setHasMore","useEffect","_useAssetAutoComplete","useAssetAutoCompleteSelectData","assets","hasMoreAssets","length","PER_PAGE","onInputChange","useMemo","debounce","value","handleFetchNext","prevScrollPage","autocompleteClasses","endAdornment","inputRoot","listbox","noOptions","option","popupIndicator","root","FormControl","error","className","formControl","InputLabel","shrink","Tooltip","title","name","Autocomplete","blurOnSelect","clearOnBlur","clearOnEscape","filterOptions","identity","getOptionLabel","getOptionSelected","id","inputValue","ListboxProps","onScroll","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","SCROLL_THRESHOLD","options","selected","_selected$id","map","_ref5","onClose","reason","noOptionsText","renderInput","params","TextField","placeholder","InputProps","startAdornment","InputAdornment","SearchIcon","searchIcon","renderOption","_ref4","TruncatedText","includes","multiple","renderTags","getTagProps","index","Chip","getOptionDisabled","FormHelperText","defaultProps","undefined","concat","propTypes","PropTypes","string","oneOfType","number","arrayOf","bool","func","isRequired","shape","AssetEditorAutocomplete$1","withStyles","theme","maxHeight","fontSize","paddingTop","padding","paddingBottom","width","palette","primary","text9","opacity","backgroundColor"],"mappings":"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"}

package/components/AssetEditorV2/components/MultipleAssetsToggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as o,Tooltip as i}from"@material-ui/core";import{InfoOutlined as n}from"@material-ui/icons";import{Switch as a}from"../../../componentsV2/Switch/Switch.js";import{jsx as c,jsxs as s}from"react/jsx-runtime";var l=["isChecked","title","className"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}var m=o((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}})),f=function(o){var f=o.isChecked,b=o.title,u=void 0===b?"Multiple Assets":b,h=o.className,O=t(o,l),d=m();return c(a,function(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({className:r(d.root,h),size:"small",onLabel:s("span",{className:d.title,children:[u,c(i,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:c(n,{fontSize:"small",className:d.infoIcon})})]}),checked:f},O))};export{f as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"classnames";import{makeStyles as o,Tooltip as i}from"@material-ui/core";import n from"@material-ui/icons/InfoOutlined";import{Switch as a}from"../../../componentsV2/Switch/Switch.js";import{jsx as c,jsxs as s}from"react/jsx-runtime";var l=["isChecked","title","className"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}var m=o((function(e){var t=e.palette;return{root:{marginBottom:(0,e.spacing)(.75),width:"fit-content"},title:{display:"flex",alignItems:"center"},infoIcon:{marginLeft:4,color:t.primary.text6,"&:hover":{color:t.primary.contrastText}}}})),f=function(o){var f=o.isChecked,u=o.title,b=void 0===u?"Multiple Assets":u,h=o.className,O=t(o,l),d=m();return c(a,function(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}({className:r(d.root,h),size:"small",onLabel:s("span",{className:d.title,children:[b,c(i,{title:"A separate app will be placed on the dashboard for each asset chosen",placement:"bottom-start",children:c(n,{fontSize:"small",className:d.infoIcon})})]}),checked:f},O))};export{f as default};
 //# sourceMappingURL=MultipleAssetsToggle.js.map

package/components/AssetEditorV2/components/MultipleAssetsToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport ~~{ InfoOutlined as~~ InfoIcon } from '@material-ui/icons';\n\nimport { Switch, SwitchProps } from '../../../componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n root: { marginBottom: spacing(0.75), width: 'fit-content' },\n title: { display: 'flex', alignItems: 'center' },\n infoIcon: {\n marginLeft: 4,\n color: palette.primary.text6,\n\n '&:hover': {\n color: palette.primary.contrastText,\n },\n },\n}));\n\ntype MultipleAssetsToggleProps = {\n onLabel?: SwitchProps['onLabel'];\n offLabel?: SwitchProps['offLabel'];\n checked?: SwitchProps['checked'];\n disabled?: SwitchProps['disabled'];\n onChange?: SwitchProps['onChange'];\n size?: SwitchProps['size'];\n disableOffState?: SwitchProps['disableOffState'];\n inputRef?: SwitchProps['inputRef'];\n className?: SwitchProps['className'];\n testId?: SwitchProps['testId'];\n isChecked?: boolean;\n title?: ReactNode;\n};\n\nconst MultipleAssetsToggle: FC<MultipleAssetsToggleProps> = ({\n isChecked,\n title = 'Multiple Assets',\n className,\n ...props\n}) => {\n const styles = useStyles();\n\n return (\n <Switch\n className={classNames(styles.root, className)}\n size=\"small\"\n onLabel={\n <span className={styles.title}>\n {title}\n <Tooltip\n title=\"A separate app will be placed on the dashboard for each asset chosen\"\n placement=\"bottom-start\"\n >\n <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n </Tooltip>\n </span>\n }\n checked={isChecked}\n {...props}\n />\n );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","MultipleAssetsToggle","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","children","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"~~mnBAOA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,IAiBKC,EAAsD,SAKtDC,GAAA,IAJJC,IAAAA,UAASC,EAAAF,EACTV,MAAAA,aAAQ,kBAAiBY,EACzBC,IAAAA,UACGC,EAAKC,EAAAL,EAAAM,GAEFC,EAASzB,IAEf,OACE0B,EAACC,iWAAMC,CAAA,CACLP,UAAWQ,EAAWJ,EAAOrB,KAAMiB,GACnCS,KAAK,QACLC,QACEC,EAAA,OAAA,CAAMX,UAAWI,EAAOjB,MAAMyB,SAC3BzB,CAAAA,EACDkB,EAACQ,EAAO,CACN1B,MAAM,uEACN2B,UAAU,eAAcF,SAExBP,EAACU,EAAQ,CAACC,SAAS,QAAQhB,UAAWI,EAAOd,gBAInD2B,QAASnB,GACLG,GAGV"}
1	+ {"version":3,"file":"MultipleAssetsToggle.js","sources":["../../../../src/components/AssetEditorV2/components/MultipleAssetsToggle.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport InfoIcon from '@material-ui/icons/InfoOutlined';\n\nimport { Switch, SwitchProps } from '../../../componentsV2/Switch';\n\nconst useStyles = makeStyles(({ palette, spacing }) => ({\n root: { marginBottom: spacing(0.75), width: 'fit-content' },\n title: { display: 'flex', alignItems: 'center' },\n infoIcon: {\n marginLeft: 4,\n color: palette.primary.text6,\n\n '&:hover': {\n color: palette.primary.contrastText,\n },\n },\n}));\n\ntype MultipleAssetsToggleProps = {\n onLabel?: SwitchProps['onLabel'];\n offLabel?: SwitchProps['offLabel'];\n checked?: SwitchProps['checked'];\n disabled?: SwitchProps['disabled'];\n onChange?: SwitchProps['onChange'];\n size?: SwitchProps['size'];\n disableOffState?: SwitchProps['disableOffState'];\n inputRef?: SwitchProps['inputRef'];\n className?: SwitchProps['className'];\n testId?: SwitchProps['testId'];\n isChecked?: boolean;\n title?: ReactNode;\n};\n\nconst MultipleAssetsToggle: FC<MultipleAssetsToggleProps> = ({\n isChecked,\n title = 'Multiple Assets',\n className,\n ...props\n}) => {\n const styles = useStyles();\n\n return (\n <Switch\n className={classNames(styles.root, className)}\n size=\"small\"\n onLabel={\n <span className={styles.title}>\n {title}\n <Tooltip\n title=\"A separate app will be placed on the dashboard for each asset chosen\"\n placement=\"bottom-start\"\n >\n <InfoIcon fontSize=\"small\" className={styles.infoIcon} />\n </Tooltip>\n </span>\n }\n checked={isChecked}\n {...props}\n />\n );\n};\n\nexport default MultipleAssetsToggle;\n"],"names":["useStyles","makeStyles","_ref","palette","root","marginBottom","spacing","width","title","display","alignItems","infoIcon","marginLeft","color","primary","text6","contrastText","MultipleAssetsToggle","_ref2","isChecked","_ref2$title","className","props","_objectWithoutProperties","_excluded","styles","_jsx","Switch","_objectSpread","classNames","size","onLabel","_jsxs","children","Tooltip","placement","InfoIcon","fontSize","checked"],"mappings":"gnBAOA,IAAMA,EAAYC,GAAW,SAAAC,GAAA,IAAGC,IAAAA,QAAgB,MAAQ,CACtDC,KAAM,CAAEC,cAAcC,IADiBA,SACT,KAAOC,MAAO,eAC5CC,MAAO,CAAEC,QAAS,OAAQC,WAAY,UACtCC,SAAU,CACRC,WAAY,EACZC,MAAOV,EAAQW,QAAQC,MAEvB,UAAW,CACTF,MAAOV,EAAQW,QAAQE,eAG5B,IAiBKC,EAAsD,SAKtDC,GAAA,IAJJC,IAAAA,UAASC,EAAAF,EACTV,MAAAA,aAAQ,kBAAiBY,EACzBC,IAAAA,UACGC,EAAKC,EAAAL,EAAAM,GAEFC,EAASzB,IAEf,OACE0B,EAACC,iWAAMC,CAAA,CACLP,UAAWQ,EAAWJ,EAAOrB,KAAMiB,GACnCS,KAAK,QACLC,QACEC,EAAA,OAAA,CAAMX,UAAWI,EAAOjB,MAAMyB,SAC3BzB,CAAAA,EACDkB,EAACQ,EAAO,CACN1B,MAAM,uEACN2B,UAAU,eAAcF,SAExBP,EAACU,EAAQ,CAACC,SAAS,QAAQhB,UAAWI,EAAOd,gBAInD2B,QAASnB,GACLG,GAGV"}

package/components/AssetEditorV2/components/SelectItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAY,MAAM,OAAO,CAAC;~~AAS7D~~,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AA8CnC,QAAA,MAAM,UAAU;oBARE,MAAM;gBACV,MAAM;eACP,OAAO;eACP,OAAO;aACT,MAAM,GAAG,IAAI;YACd,OAAO;kDA0DhB,CAAC;eAEa,UAAU"}
1	+ {"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAY,MAAM,OAAO,CAAC;AAO7D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AA8CnC,QAAA,MAAM,UAAU;oBARE,MAAM;gBACV,MAAM;eACP,OAAO;eACP,OAAO;aACT,MAAM,GAAG,IAAI;YACd,OAAO;kDA0DhB,CAAC;eAEa,UAAU"}

package/components/AssetEditorV2/components/SelectItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as n}from"react";import o from"classnames";import{makeStyles as a,Chip as c,Tooltip as s,Checkbox as l}from"@material-ui/core";import{CheckBoxOutlineBlank as m,CheckBox as p}from"@material-ui/icons";import{ACTIVE_STATUS as d}from"../constants.js";import u from"../../MiddleTruncate/MiddleTruncate.js";import{jsxs as f,jsx as b}from"react/jsx-runtime";var h=["data-testid","value","className","assetName","status","multiple","selected"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function g(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?y(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var j=a({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),v=i((function(e,i){var a=e["data-testid"],y=void 0===a?"MenuItem":a,v=e.value,O=e.className,w=e.assetName,P=void 0===w?"":w,x=e.status,C=e.multiple,N=e.selected,T=r(e,h),I=n(null),S=t(I,2),D=S[0],k=S[1],z=!!D,M=j(),W=f("div",{className:M.itemContent,children:[b(u,{onTruncate:k,truncatedText:D,maxWidth:380,children:P}),x===d&&b(c,{"data-not-migrated-muichip":!0,className:M.activeChip,label:"Active"})]});return b(s,{title:z?P:"",children:C?f("div",{className:o(M.option),ref:i,children:[b(l,{disableRipple:!0,icon:b(m,{style:{fontSize:20}}),checkedIcon:b(p,{style:{fontSize:20}}),checked:N}),W]}):b("div",g(g({"data-testid":y,className:o(M.menuItem,O),ref:i,value:v},T),{},{children:W}))})}));export{v as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as i,useState as o}from"react";import n from"classnames";import{makeStyles as a,Chip as c,Tooltip as s,Checkbox as l}from"@material-ui/core";import m from"@material-ui/icons/CheckBox";import p from"@material-ui/icons/CheckBoxOutlineBlank";import{ACTIVE_STATUS as u}from"../constants.js";import d from"../../MiddleTruncate/MiddleTruncate.js";import{jsxs as f,jsx as h}from"react/jsx-runtime";var b=["data-testid","value","className","assetName","status","multiple","selected"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function g(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?y(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var j=a({menuItem:{display:"flex",justifyContent:"space-between",width:"100%",height:36,paddingBottom:0,paddingTop:0},option:{display:"flex",alignItems:"center",justifyContent:"space-between"},itemContent:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},activeChip:{fontWeight:500,backgroundColor:"#75DB29",color:"#212121",fontSize:10,cursor:"pointer",height:12,textTransform:"uppercase",marginRight:12,letterSpacing:1}}),v=i((function(e,i){var a=e["data-testid"],y=void 0===a?"MenuItem":a,v=e.value,O=e.className,w=e.assetName,x=void 0===w?"":w,C=e.status,P=e.multiple,N=e.selected,k=r(e,b),T=o(null),I=t(T,2),S=I[0],B=I[1],D=!!S,z=j(),M=f("div",{className:z.itemContent,children:[h(d,{onTruncate:B,truncatedText:S,maxWidth:380,children:x}),C===u&&h(c,{"data-not-migrated-muichip":!0,className:z.activeChip,label:"Active"})]});return h(s,{title:D?x:"",children:P?f("div",{className:n(z.option),ref:i,children:[h(l,{disableRipple:!0,icon:h(p,{style:{fontSize:20}}),checkedIcon:h(m,{style:{fontSize:20}}),checked:N}),M]}):h("div",g(g({"data-testid":y,className:n(z.menuItem,O),ref:i,value:v},k),{},{children:M}))})}));export{v as default};
 //# sourceMappingURL=SelectItem.js.map

package/components/AssetEditorV2/components/SelectItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectItem.js","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport ~~{\n CheckBox~~ as ~~CheckBoxIcon,\n CheckBoxOutlineBlank~~ as CheckBoxOutlineBlankIcon~~,\n}~~ from '@material-ui/icons';\n\nimport { ACTIVE_STATUS } from '../constants';\nimport { AssetId } from '../types';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n menuItem: {\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n height: 36,\n paddingBottom: 0,\n paddingTop: 0,\n },\n option: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n itemContent: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n activeChip: {\n fontWeight: 500,\n backgroundColor: '#75DB29',\n color: '#212121',\n fontSize: 10,\n cursor: 'pointer',\n height: 12,\n textTransform: 'uppercase',\n marginRight: 12,\n letterSpacing: 1,\n },\n});\n\ntype Props = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n 'data-testid'?: string;\n assetName?: string;\n multiple?: boolean;\n selected?: boolean;\n status?: string \| null;\n value?: AssetId;\n};\n\nconst SelectItem = forwardRef<HTMLDivElement, Props>(\n (\n {\n 'data-testid': pageName = 'MenuItem',\n value,\n className,\n assetName = '',\n status,\n multiple,\n selected,\n ...restProps\n },\n ref\n ) => {\n const [truncatedText, setTruncatedText] = useState<string \| null>(null);\n const isTruncated = !!truncatedText;\n const styles = useStyles();\n\n const itemContent = (\n <div className={styles.itemContent}>\n <MiddleTruncate onTruncate={setTruncatedText} truncatedText={truncatedText} maxWidth={380}>\n {assetName}\n </MiddleTruncate>\n {status === ACTIVE_STATUS && (\n <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n )}\n </div>\n );\n\n return (\n <Tooltip title={isTruncated ? assetName : ''}>\n {multiple ? (\n <div className={classNames(styles.option)} ref={ref}>\n <Checkbox\n disableRipple\n icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n checked={selected}\n />\n {itemContent}\n </div>\n ) : (\n <div\n data-testid={pageName}\n className={classNames(styles.menuItem, className)}\n ref={ref}\n {...{ value }}\n {...restProps}\n >\n {itemContent}\n </div>\n )}\n </Tooltip>\n );\n }\n);\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","ref","_ref$dataTestid","pageName","value","className","_ref$assetName","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkedIcon","CheckBoxIcon","checked","_objectSpread"],"mappings":"~~0rCAaA~~,IAAMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAabC,EAAaC,GACjB,SAAAC,EAWEC,GACG,IAAAC,EAAAF,EAVD,eAAeG,aAAW,WAAUD,EACpCE,IAAAA,MACAC,IAAAA,UAASC,EAAAN,EACTO,UAAAA,aAAY,GAAED,EACdE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAAZ,EAAAa,GAI4BC,EAAAA,EAAwB,MAAKC,EAAAC,EAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAA,MAAA,CAAKjB,UAAWgB,EAAOjC,YAAYmC,SAAA,CACjCC,EAACC,EAAc,CAACC,WAAYP,EAAkBD,cAAeA,EAAeS,SAAU,IAAIJ,SACvFhB,IAEFC,IAAWoB,GACVJ,EAACK,EAAI,CAAC,6BAAyB,EAACxB,UAAWgB,EAAOhC,WAAYyC,MAAM,cAK1E,OACEN,EAACO,EAAO,CAACC,MAAOZ,EAAcb,EAAY,GAAGgB,SAC1Cd,EACCa,EAAA,MAAA,CAAKjB,UAAW4B,EAAWZ,EAAOnC,QAASe,IAAKA,EAAIsB,SAAA,CAClDC,EAACU,EAAQ,CACPC,eAAa,EACbC,KAAMZ,EAACa,EAAwB,CAACC,MAAO,CAAE7C,SAAU,MACnD8C,YAAaf,EAACgB,EAAY,CAACF,MAAO,CAAE7C,SAAU,MAC9CgD,QAAS/B,IAEVtB,KAGHoC,EAAA,MAAAkB,EAAAA,EAAA,CACE,cAAavC,EACbE,UAAW4B,EAAWZ,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAY,SAEZnC,MAKX"}
1	+ {"version":3,"file":"SelectItem.js","sources":["../../../../src/components/AssetEditorV2/components/SelectItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Chip, Tooltip, Checkbox } from '@material-ui/core';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\n\nimport { ACTIVE_STATUS } from '../constants';\nimport { AssetId } from '../types';\n\nimport MiddleTruncate from '~/components/MiddleTruncate';\n\nconst useStyles = makeStyles({\n menuItem: {\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n height: 36,\n paddingBottom: 0,\n paddingTop: 0,\n },\n option: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n itemContent: {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n activeChip: {\n fontWeight: 500,\n backgroundColor: '#75DB29',\n color: '#212121',\n fontSize: 10,\n cursor: 'pointer',\n height: 12,\n textTransform: 'uppercase',\n marginRight: 12,\n letterSpacing: 1,\n },\n});\n\ntype Props = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n 'data-testid'?: string;\n assetName?: string;\n multiple?: boolean;\n selected?: boolean;\n status?: string \| null;\n value?: AssetId;\n};\n\nconst SelectItem = forwardRef<HTMLDivElement, Props>(\n (\n {\n 'data-testid': pageName = 'MenuItem',\n value,\n className,\n assetName = '',\n status,\n multiple,\n selected,\n ...restProps\n },\n ref\n ) => {\n const [truncatedText, setTruncatedText] = useState<string \| null>(null);\n const isTruncated = !!truncatedText;\n const styles = useStyles();\n\n const itemContent = (\n <div className={styles.itemContent}>\n <MiddleTruncate onTruncate={setTruncatedText} truncatedText={truncatedText} maxWidth={380}>\n {assetName}\n </MiddleTruncate>\n {status === ACTIVE_STATUS && (\n <Chip data-not-migrated-muichip className={styles.activeChip} label=\"Active\" />\n )}\n </div>\n );\n\n return (\n <Tooltip title={isTruncated ? assetName : ''}>\n {multiple ? (\n <div className={classNames(styles.option)} ref={ref}>\n <Checkbox\n disableRipple\n icon={<CheckBoxOutlineBlankIcon style={{ fontSize: 20 }} />}\n checkedIcon={<CheckBoxIcon style={{ fontSize: 20 }} />}\n checked={selected}\n />\n {itemContent}\n </div>\n ) : (\n <div\n data-testid={pageName}\n className={classNames(styles.menuItem, className)}\n ref={ref}\n {...{ value }}\n {...restProps}\n >\n {itemContent}\n </div>\n )}\n </Tooltip>\n );\n }\n);\n\nexport default SelectItem;\n"],"names":["useStyles","makeStyles","menuItem","display","justifyContent","width","height","paddingBottom","paddingTop","option","alignItems","itemContent","activeChip","fontWeight","backgroundColor","color","fontSize","cursor","textTransform","marginRight","letterSpacing","SelectItem","forwardRef","_ref","ref","_ref$dataTestid","pageName","value","className","_ref$assetName","assetName","status","multiple","selected","restProps","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","truncatedText","setTruncatedText","isTruncated","styles","_jsxs","children","_jsx","MiddleTruncate","onTruncate","maxWidth","ACTIVE_STATUS","Chip","label","Tooltip","title","classNames","Checkbox","disableRipple","icon","CheckBoxOutlineBlankIcon","style","checkedIcon","CheckBoxIcon","checked","_objectSpread"],"mappings":"otCAWA,IAAMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,QAAS,OACTC,eAAgB,gBAChBC,MAAO,OACPC,OAAQ,GACRC,cAAe,EACfC,WAAY,GAEdC,OAAQ,CACNN,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBO,YAAa,CACXN,MAAO,OACPF,QAAS,OACTO,WAAY,SACZN,eAAgB,iBAElBQ,WAAY,CACVC,WAAY,IACZC,gBAAiB,UACjBC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRX,OAAQ,GACRY,cAAe,YACfC,YAAa,GACbC,cAAe,KAabC,EAAaC,GACjB,SAAAC,EAWEC,GACG,IAAAC,EAAAF,EAVD,eAAeG,aAAW,WAAUD,EACpCE,IAAAA,MACAC,IAAAA,UAASC,EAAAN,EACTO,UAAAA,aAAY,GAAED,EACdE,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACGC,EAASC,EAAAZ,EAAAa,GAI4BC,EAAAA,EAAwB,MAAKC,EAAAC,EAAAC,EAAA,GAAhEC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAChCK,IAAgBF,EAChBG,EAAS5C,IAETW,EACJkC,EAAA,MAAA,CAAKjB,UAAWgB,EAAOjC,YAAYmC,SAAA,CACjCC,EAACC,EAAc,CAACC,WAAYP,EAAkBD,cAAeA,EAAeS,SAAU,IAAIJ,SACvFhB,IAEFC,IAAWoB,GACVJ,EAACK,EAAI,CAAC,6BAAyB,EAACxB,UAAWgB,EAAOhC,WAAYyC,MAAM,cAK1E,OACEN,EAACO,EAAO,CAACC,MAAOZ,EAAcb,EAAY,GAAGgB,SAC1Cd,EACCa,EAAA,MAAA,CAAKjB,UAAW4B,EAAWZ,EAAOnC,QAASe,IAAKA,EAAIsB,SAAA,CAClDC,EAACU,EAAQ,CACPC,eAAa,EACbC,KAAMZ,EAACa,EAAwB,CAACC,MAAO,CAAE7C,SAAU,MACnD8C,YAAaf,EAACgB,EAAY,CAACF,MAAO,CAAE7C,SAAU,MAC9CgD,QAAS/B,IAEVtB,KAGHoC,EAAA,MAAAkB,EAAAA,EAAA,CACE,cAAavC,EACbE,UAAW4B,EAAWZ,EAAO1C,SAAU0B,GACvCJ,IAAKA,EACCG,MAAAA,GACFO,GAAS,GAAA,CAAAY,SAEZnC,MAKX"}

package/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{memo as e,useState as r}from"react";import o from"prop-types";import{makeStyles as n,TextField as a,InputAdornment as i,Popover as c}from"@material-ui/core";import{Search as l}from"@material-ui/icons";import s from"./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js";import{jsxs as p,Fragment as m,jsx as u}from"react/jsx-runtime";var f=n((function(t){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(t.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(t.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(t.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function h(e){var o=e.company,n=e.onClickAsset,h=f(),d=r(null),A=t(d,2),x=A[0],y=A[1],v=function(){y(null)};return p(m,{children:[u(a,{"data-testid":"".concat("AssetSearch","_search"),id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:u(i,{position:"start",children:u(l,{className:h.searchIcon})}),className:h.searchInput},onClick:function(t){y(t.currentTarget)}}),u(c,{open:Boolean(x),anchorEl:x,onClose:v,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(s,{company:o,onClickAsset:function(t){var e=t.name,r=t.redirectAssetId;r&&(n(r,e),v())},onClose:v})})]})}h.propTypes={company:o.number.isRequired,onClickAsset:o.func.isRequired};var d=e(h);export{d as default};
+import t from"@babel/runtime/helpers/slicedToArray";import{memo as e,useState as r}from"react";import o from"prop-types";import{makeStyles as a,TextField as n,InputAdornment as i,Popover as c}from"@material-ui/core";import l from"@material-ui/icons/Search";import s from"./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js";import{jsxs as p,Fragment as m,jsx as h}from"react/jsx-runtime";var u=a((function(t){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(t.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(t.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(t.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function f(e){var o=e.company,a=e.onClickAsset,f=u(),d=r(null),A=t(d,2),x=A[0],y=A[1],v=function(){y(null)};return p(m,{children:[h(n,{"data-testid":"".concat("AssetSearch","_search"),id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:h(i,{position:"start",children:h(l,{className:f.searchIcon})}),className:f.searchInput},onClick:function(t){y(t.currentTarget)}}),h(c,{open:Boolean(x),anchorEl:x,onClose:v,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:h(s,{company:o,onClickAsset:function(t){var e=t.name,r=t.redirectAssetId;r&&(a(r,e),v())},onClose:v})})]})}f.propTypes={company:o.number.isRequired,onClickAsset:o.func.isRequired};var d=e(f);export{d as default};
 //# sourceMappingURL=AssetSearch.js.map

package/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetSearch.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Popover, TextField, InputAdornment } from '@material-ui/core';\nimport ~~{ Search as~~ SearchIcon } from '@material-ui/icons';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst PAGE_NAME = 'AssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n searchInput: {\n fontSize: '16px',\n width: '270px',\n '&:hover': {\n '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n },\n '&:hover $searchIcon': {\n fill: `${theme.palette.primary.text1} !important`,\n },\n },\n searchIcon: {\n fill: `${theme.palette.primary.text6} !important`,\n fontSize: '24px !important',\n },\n}));\n\nfunction AssetSearch({ company, onClickAsset }) {\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = useState(null);\n\n const handlePopupOpen = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handlePopupClose = () => {\n setAnchorEl(null);\n };\n\n const handleClickAsset = asset => {\n const { name, redirectAssetId } = asset;\n if (redirectAssetId) {\n onClickAsset(redirectAssetId, name);\n handlePopupClose();\n }\n };\n\n return (\n <>\n <TextField\n data-testid={`${PAGE_NAME}_search`}\n id=\"well-section-search-textfield\"\n placeholder=\"Add to List by Well/Rig Search\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n className: classes.searchInput,\n }}\n onClick={handlePopupOpen}\n />\n\n <Popover\n open={Boolean(anchorEl)}\n anchorEl={anchorEl}\n onClose={handlePopupClose}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <AutoCompleteAssetSearch\n company={company}\n onClickAsset={handleClickAsset}\n onClose={handlePopupClose}\n />\n </Popover>\n </>\n );\n}\n\nAssetSearch.propTypes = {\n company: PropTypes.number.isRequired,\n onClickAsset: PropTypes.func.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n// for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","concat","text6","AssetSearch","_ref","company","onClickAsset","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","className","onClick","event","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","asset","name","redirectAssetId","propTypes","PropTypes","number","isRequired","func","memo"],"mappings":"~~wYAOA~~,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,SAAU,OACVC,MAAO,QACP,UAAW,CACT,YAAa,CAAEC,iCAA2BJ,EAAMK,QAAQC,QAAQC,MAAK,iBAEvE,sBAAuB,CACrBC,eAASR,EAAMK,QAAQC,QAAQC,MAAK,iBAGxCE,WAAY,CACVD,KAAI,GAAAE,OAAKV,EAAMK,QAAQC,QAAQK,MAAkB,eACjDT,SAAU,mBAEb,IAED,SAASU,EAAuCC,GAAA,IAAzBC,IAAAA,QAASC,IAAAA,aACxBC,EAAUlB,IACgBmB,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GAMtBK,EAAmB,WACvBD,EAAY,OAWd,OACEE,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAS,CACR,cAAA,GAAAlB,OA1CU,cA0CyB,WACnCmB,GAAG,gCACHC,YAAY,iCACZC,WAAY,CACVC,eACEL,EAACM,EAAc,CAACC,SAAS,QAAOR,SAC9BC,EAACQ,EAAU,CAACC,UAAWpB,EAAQP,eAGnC2B,UAAWpB,EAAQf,aAErBoC,QA9BkB,SAAAC,GACtBhB,EAAYgB,EAAMC,kBAgChBZ,EAACa,EAAO,CACNC,KAAMC,QAAQrB,GACdA,SAAUA,EACVsB,QAASpB,EACTqB,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZpB,SAEFC,EAACqB,EAAuB,CACtBlC,QAASA,EACTC,aAxCiB,SAAAkC,GACvB,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACVA,IACFpC,EAAaoC,EAAiBD,GAC9B3B,MAqCIoB,QAASpB,QAKnB,CAEAX,EAAYwC,UAAY,CACtBtC,QAASuC,EAAUC,OAAOC,WAC1BxC,aAAcsC,EAAUG,KAAKD,YAK/B,IAAeE,EAAAA,EAAK7C"}
1	+ {"version":3,"file":"AssetSearch.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Popover, TextField, InputAdornment } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst PAGE_NAME = 'AssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n searchInput: {\n fontSize: '16px',\n width: '270px',\n '&:hover': {\n '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n },\n '&:hover $searchIcon': {\n fill: `${theme.palette.primary.text1} !important`,\n },\n },\n searchIcon: {\n fill: `${theme.palette.primary.text6} !important`,\n fontSize: '24px !important',\n },\n}));\n\nfunction AssetSearch({ company, onClickAsset }) {\n const classes = useStyles();\n const [anchorEl, setAnchorEl] = useState(null);\n\n const handlePopupOpen = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handlePopupClose = () => {\n setAnchorEl(null);\n };\n\n const handleClickAsset = asset => {\n const { name, redirectAssetId } = asset;\n if (redirectAssetId) {\n onClickAsset(redirectAssetId, name);\n handlePopupClose();\n }\n };\n\n return (\n <>\n <TextField\n data-testid={`${PAGE_NAME}_search`}\n id=\"well-section-search-textfield\"\n placeholder=\"Add to List by Well/Rig Search\"\n InputProps={{\n startAdornment: (\n <InputAdornment position=\"start\">\n <SearchIcon className={classes.searchIcon} />\n </InputAdornment>\n ),\n className: classes.searchInput,\n }}\n onClick={handlePopupOpen}\n />\n\n <Popover\n open={Boolean(anchorEl)}\n anchorEl={anchorEl}\n onClose={handlePopupClose}\n anchorOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <AutoCompleteAssetSearch\n company={company}\n onClickAsset={handleClickAsset}\n onClose={handlePopupClose}\n />\n </Popover>\n </>\n );\n}\n\nAssetSearch.propTypes = {\n company: PropTypes.number.isRequired,\n onClickAsset: PropTypes.func.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n// for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","concat","text6","AssetSearch","_ref","company","onClickAsset","classes","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","className","onClick","event","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","asset","name","redirectAssetId","propTypes","PropTypes","number","isRequired","func","memo"],"mappings":"qYAOA,IAEMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,YAAa,CACXC,SAAU,OACVC,MAAO,QACP,UAAW,CACT,YAAa,CAAEC,iCAA2BJ,EAAMK,QAAQC,QAAQC,MAAK,iBAEvE,sBAAuB,CACrBC,eAASR,EAAMK,QAAQC,QAAQC,MAAK,iBAGxCE,WAAY,CACVD,KAAI,GAAAE,OAAKV,EAAMK,QAAQC,QAAQK,MAAkB,eACjDT,SAAU,mBAEb,IAED,SAASU,EAAuCC,GAAA,IAAzBC,IAAAA,QAASC,IAAAA,aACxBC,EAAUlB,IACgBmB,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GAMtBK,EAAmB,WACvBD,EAAY,OAWd,OACEE,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAS,CACR,cAAA,GAAAlB,OA1CU,cA0CyB,WACnCmB,GAAG,gCACHC,YAAY,iCACZC,WAAY,CACVC,eACEL,EAACM,EAAc,CAACC,SAAS,QAAOR,SAC9BC,EAACQ,EAAU,CAACC,UAAWpB,EAAQP,eAGnC2B,UAAWpB,EAAQf,aAErBoC,QA9BkB,SAAAC,GACtBhB,EAAYgB,EAAMC,kBAgChBZ,EAACa,EAAO,CACNC,KAAMC,QAAQrB,GACdA,SAAUA,EACVsB,QAASpB,EACTqB,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZpB,SAEFC,EAACqB,EAAuB,CACtBlC,QAASA,EACTC,aAxCiB,SAAAkC,GACvB,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACVA,IACFpC,EAAaoC,EAAiBD,GAC9B3B,MAqCIoB,QAASpB,QAKnB,CAEAX,EAAYwC,UAAY,CACtBtC,QAASuC,EAAUC,OAAOC,WAC1BxC,aAAcsC,EAAUG,KAAKD,YAK/B,IAAeE,EAAAA,EAAK7C"}

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import{shape as t,bool as n,string as i,arrayOf as l,func as c}from"prop-types";import{makeStyles as o,useTheme as a,Tooltip as r,Checkbox as s}from"@material-ui/core";import{ExpandMore as d}from"@material-ui/icons";import m from"./NumberCircle.js";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=o({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function f(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function x(e){var t=f(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function g(e){return e.wells.filter((function(e){return e.checked})).length>0}function b(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function k(e){var t=e.section,n=e.disabled,i=void 0!==n&&n,l=e.onExpandCollapse,c=void 0===l?null:l,o=e.onSelectAll,k=void 0===o?null:o,v=e.onClearAll,C=void 0===v?null:v,w=u(),I=a(),N=function(e){e.stopPropagation(),!b(t)&&C&&C(t),b(t)&&k&&k(t)};return p("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:w.sectionContainer,children:[p("div",{className:i?w.disabledItemLabel:w.itemLabel,onClick:function(){return c&&c(t)},children:[h(r,{title:"No Wells",placement:"right",children:p("div",{className:w.sectionTitle,children:[i&&h(d,{className:w.expandIcon}),p("span",{className:w.sectionName,children:[" ",t.name]})]})}),f(t)>0&&h(m,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:I.palette.primary.text9,textColor:"#fff",width:20+6*(x(t).length-2),children:x(t)})]}),g(t)?h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,size:"small",checked:!0,indeterminate:b(t),color:"primary",onClick:N,disabled:i}):h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,checked:!1,size:"small",color:"primary",onClick:N,indeterminate:!1,disabled:i})]})}k.propTypes={section:t({expanded:n,name:i,wells:l(t({}))}).isRequired,disabled:n,onExpandCollapse:c,onSelectAll:c,onClearAll:c};var v=e(k);export{v as default};
+import{memo as e}from"react";import{shape as t,bool as n,string as i,arrayOf as l,func as o}from"prop-types";import{makeStyles as c,useTheme as a,Tooltip as r,Checkbox as s}from"@material-ui/core";import d from"@material-ui/icons/ExpandMore";import m from"./NumberCircle.js";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=c({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function f(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function x(e){var t=f(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function g(e){return e.wells.filter((function(e){return e.checked})).length>0}function b(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function k(e){var t=e.section,n=e.disabled,i=void 0!==n&&n,l=e.onExpandCollapse,o=void 0===l?null:l,c=e.onSelectAll,k=void 0===c?null:c,v=e.onClearAll,C=void 0===v?null:v,w=u(),I=a(),N=function(e){e.stopPropagation(),!b(t)&&C&&C(t),b(t)&&k&&k(t)};return p("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:w.sectionContainer,children:[p("div",{className:i?w.disabledItemLabel:w.itemLabel,onClick:function(){return o&&o(t)},children:[h(r,{title:"No Wells",placement:"right",children:p("div",{className:w.sectionTitle,children:[i&&h(d,{className:w.expandIcon}),p("span",{className:w.sectionName,children:[" ",t.name]})]})}),f(t)>0&&h(m,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:I.palette.primary.text9,textColor:"#fff",width:20+6*(x(t).length-2),children:x(t)})]}),g(t)?h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,size:"small",checked:!0,indeterminate:b(t),color:"primary",onClick:N,disabled:i}):h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,checked:!1,size:"small",color:"primary",onClick:N,indeterminate:!1,disabled:i})]})}k.propTypes={section:t({expanded:n,name:i,wells:l(t({}))}).isRequired,disabled:n,onExpandCollapse:o,onSelectAll:o,onClearAll:o};var v=e(k);export{v as default};
 //# sourceMappingURL=SectionItem.js.map

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionItem.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n sectionContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n marginRight: '4px',\n alignItems: 'center',\n },\n itemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n color: '#DADADA',\n cursor: 'pointer',\n },\n },\n disabledItemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n itemLabelToggle: {},\n sectionName: {\n marginLeft: '6px',\n marginRight: '10px',\n },\n checkbox: {\n width: '11px',\n height: '11px',\n },\n sectionTitle: {\n display: 'flex',\n alignItems: 'center',\n },\n expandIcon: {\n fontSize: '14px',\n marginRight: '8px',\n },\n});\n\nfunction getSelectedCount(section) {\n const data = section.wells.filter(item => item.checked) \|\| [];\n return data.length;\n}\n\nfunction getSelectedNumber(section) {\n const selectedCount = getSelectedCount(section);\n return selectedCount === section.wells.length\n ? `${selectedCount}`\n : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n section,\n disabled = false,\n onExpandCollapse = null,\n onSelectAll = null,\n onClearAll = null,\n}) {\n const classes = useStyles();\n const theme = useTheme();\n const handleClick = e => {\n e.stopPropagation();\n if (!isAllSelected(section) && onClearAll) onClearAll(section);\n if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n };\n return (\n <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n <div\n className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n onClick={() => onExpandCollapse && onExpandCollapse(section)}\n >\n <Tooltip title=\"No Wells\" placement=\"right\">\n <div className={classes.sectionTitle}>\n {disabled && <ExpandMore className={classes.expandIcon} />}\n <span className={classes.sectionName}> {section.name}</span>\n </div>\n </Tooltip>\n {getSelectedCount(section) > 0 && (\n <NumberCircle\n data-testid={`${PAGE_NAME}_wellsNumber`}\n bgColor={theme.palette.primary.text9}\n textColor=\"#fff\"\n width={20 + (getSelectedNumber(section).length - 2) * 6}\n >\n {getSelectedNumber(section)}\n </NumberCircle>\n )}\n </div>\n\n {isSelected(section) ? (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n size=\"small\"\n checked\n indeterminate={isAllSelected(section)}\n color=\"primary\"\n onClick={handleClick}\n disabled={disabled}\n />\n ) : (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n checked={false}\n size=\"small\"\n color=\"primary\"\n onClick={handleClick}\n indeterminate={false}\n disabled={disabled}\n />\n )}\n </div>\n );\n}\n\nSectionItem.propTypes = {\n section: shape({\n expanded: bool,\n name: string,\n wells: arrayOf(shape({})),\n }).isRequired,\n disabled: bool,\n onExpandCollapse: func,\n onSelectAll: func,\n onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n// for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","onClick","_jsx","Tooltip","title","placement","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"~~wUAOA~~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"}
1	+ {"version":3,"file":"SectionItem.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n sectionContainer: {\n display: 'flex',\n width: '100%',\n justifyContent: 'space-between',\n marginRight: '4px',\n alignItems: 'center',\n },\n itemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n color: '#DADADA',\n cursor: 'pointer',\n },\n },\n disabledItemLabel: {\n display: 'flex',\n alignItems: 'center',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n itemLabelToggle: {},\n sectionName: {\n marginLeft: '6px',\n marginRight: '10px',\n },\n checkbox: {\n width: '11px',\n height: '11px',\n },\n sectionTitle: {\n display: 'flex',\n alignItems: 'center',\n },\n expandIcon: {\n fontSize: '14px',\n marginRight: '8px',\n },\n});\n\nfunction getSelectedCount(section) {\n const data = section.wells.filter(item => item.checked) \|\| [];\n return data.length;\n}\n\nfunction getSelectedNumber(section) {\n const selectedCount = getSelectedCount(section);\n return selectedCount === section.wells.length\n ? `${selectedCount}`\n : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n section,\n disabled = false,\n onExpandCollapse = null,\n onSelectAll = null,\n onClearAll = null,\n}) {\n const classes = useStyles();\n const theme = useTheme();\n const handleClick = e => {\n e.stopPropagation();\n if (!isAllSelected(section) && onClearAll) onClearAll(section);\n if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n };\n return (\n <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n <div\n className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n onClick={() => onExpandCollapse && onExpandCollapse(section)}\n >\n <Tooltip title=\"No Wells\" placement=\"right\">\n <div className={classes.sectionTitle}>\n {disabled && <ExpandMore className={classes.expandIcon} />}\n <span className={classes.sectionName}> {section.name}</span>\n </div>\n </Tooltip>\n {getSelectedCount(section) > 0 && (\n <NumberCircle\n data-testid={`${PAGE_NAME}_wellsNumber`}\n bgColor={theme.palette.primary.text9}\n textColor=\"#fff\"\n width={20 + (getSelectedNumber(section).length - 2) * 6}\n >\n {getSelectedNumber(section)}\n </NumberCircle>\n )}\n </div>\n\n {isSelected(section) ? (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n size=\"small\"\n checked\n indeterminate={isAllSelected(section)}\n color=\"primary\"\n onClick={handleClick}\n disabled={disabled}\n />\n ) : (\n <Checkbox\n data-testid={`${PAGE_NAME}_checkbox`}\n className={classes.checkbox}\n checked={false}\n size=\"small\"\n color=\"primary\"\n onClick={handleClick}\n indeterminate={false}\n disabled={disabled}\n />\n )}\n </div>\n );\n}\n\nSectionItem.propTypes = {\n section: shape({\n expanded: bool,\n name: string,\n wells: arrayOf(shape({})),\n }).isRequired,\n disabled: bool,\n onExpandCollapse: func,\n onSelectAll: func,\n onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n// for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","onClick","_jsx","Tooltip","title","placement","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"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"}