npm - @corva/ui - Versions diffs - 3.80.0-1 → 3.80.0-10 - Mend

@corva/ui 3.80.0-1 → 3.80.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 (682) hide show

package/components/RealTimeValuesSidebar/SidebarFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as o,useContext as s}from"react";import t from"classnames";import{makeStyles as n,Box as e}from"@material-ui/core";import i from"../IconButton/index.js";import{RightIcon as r,UpIcon as c,PlusIcon as p,LeftIcon as m,DownIcon as a}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"../../componentsV2/Header/Header.scss.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.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/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.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"../../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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"../../constants/completion.js";import"moment";import"../../constants/alerts.js";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/apps.js";import"../../constants/drillstring.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"../../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/mobileDetect.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"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.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/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";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/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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"../AppIcon/AppIcon.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.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/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 u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as V}from"./enums.js";var A=n((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),C=o((function(o){var n=o.onSidebarOpened,C=o.onSidebarClosed,I=o.className,h=A(),g=s(u),v=g.isSidebarOpen,S=g.orientation,b=g.handleOpenCloseDialog;return l("div",{className:t(h.rtSidebarFooter,S,I),"data-testid":"sidebar_footer",children:v?l(e,{className:h.openToggleContainer,children:l(j,{title:"Collapse",className:h.collapseTooltip,children:d("div",{className:t(h.rtSidebarFooterActions,S),children:[l(i,{"data-testid":"sidebar_close_button",onClick:C,className:h.actionButton,children:S===V.vertical?l(r,{}):l(c,{className:h.rtSidebarFooterIcon})}),S===V.horizontal&&l(i,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return b(!0)},className:h.actionButton,children:l(p,{})})]})})}):l(j,{title:"Expand",className:h.expandTooltip,children:l("div",{className:t(h.rtSidebarFooterActions,S),children:l(i,{onClick:n,"data-testid":"sidebar_open_button",className:t(h.closedButton,h.actionButton),children:S===V.vertical?l(m,{}):l(a,{})})})})})}));export{C as default};
+import{memo as o,useContext as s}from"react";import t from"classnames";import{makeStyles as n,Box as e}from"@material-ui/core";import i from"../IconButton/index.js";import{RightIcon as r,UpIcon as c,PlusIcon as p,LeftIcon as m,DownIcon as a}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"../../componentsV2/Header/Header.scss.js";import{jsx as l,jsxs as d}from"react/jsx-runtime";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../../componentsV2/Tooltip/Tooltip.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"@babel/runtime/helpers/objectWithoutProperties";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/TextArea/TextArea.js";import"../../componentsV2/Label/Label.js";import"@babel/runtime/helpers/slicedToArray";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.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/ModalWindow/ModalWindow.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"../../componentsV2/utils.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"../../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"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../componentsV2/TemplatesControl/types.js";import"../UserMention/utils/index.js";import"../../utils/convert.js";import"../../constants/completion.js";import"moment";import"../../constants/alerts.js";import"../../utils/casing/validation.js";import"lodash/mean";import"../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/apps.js";import"../../constants/drillstring.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"../../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/mobileDetect.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/shareRecentRequest.js";import"../../utils/charts/Styles.scss.js";import"../../utils/getSingleAsset.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.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/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";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/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.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"../AppIcon/AppIcon.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.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/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/ColorPicker.constants.js";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 u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as V}from"./enums.js";var A=n((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}})),C=o((function(o){var n=o.onSidebarOpened,C=o.onSidebarClosed,I=o.className,h=A(),g=s(u),v=g.isSidebarOpen,S=g.orientation,b=g.handleOpenCloseDialog;return l("div",{className:t(h.rtSidebarFooter,S,I),"data-testid":"sidebar_footer",children:v?l(e,{className:h.openToggleContainer,children:l(j,{title:"Collapse",className:h.collapseTooltip,children:d("div",{className:t(h.rtSidebarFooterActions,S),children:[l(i,{"data-testid":"sidebar_close_button",onClick:C,className:h.actionButton,children:S===V.vertical?l(r,{}):l(c,{className:h.rtSidebarFooterIcon})}),S===V.horizontal&&l(i,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return b(!0)},className:h.actionButton,children:l(p,{})})]})})}):l(j,{title:"Expand",className:h.expandTooltip,children:l("div",{className:t(h.rtSidebarFooterActions,S),children:l(i,{onClick:n,"data-testid":"sidebar_open_button",className:t(h.closedButton,h.actionButton),children:S===V.vertical?l(m,{}):l(a,{})})})})})}));export{C as default};
 //# sourceMappingURL=SidebarFooter.js.map

package/components/RealTimeValuesSidebar/SidebarFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidebarFooter.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n button: {\n fontSize: 14,\n fontWeight: 500,\n },\n buttonIcon: {\n fontSize: 24,\n marginRight: 8,\n },\n closedButton: {\n marginBottom: '78px',\n zIndex: 1000,\n },\n\n rtSidebarFooter: {\n position: 'absolute',\n right: 0,\n '&.vertical': {\n left: 0,\n bottom: 0,\n },\n '&.horizontal': {\n top: 0,\n },\n },\n\n rtSidebarFooterIcon: {\n color: theme.palette.primary.text6,\n },\n\n rtSidebarFooterActions: {\n display: 'flex',\n paddingRight: '5px',\n alignItems: 'center',\n height: 48,\n width: 48,\n padding: 6,\n\n '&.horizontal': {\n flexDirection: 'row-reverse',\n },\n },\n\n actionButton: {\n padding: 12,\n height: 36,\n width: 36,\n },\n\n openToggleContainer: {\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n padding: 6,\n position: 'absolute',\n width: '100%',\n justifyContent: 'flex-start',\n paddingRight: 6,\n },\n\n collapseTooltip: {\n marginTop: -8,\n },\n\n expandTooltip: {\n marginTop: -48,\n }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n const classes = useStyles();\n\n const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n return (\n <div\n className={classNames(classes.rtSidebarFooter, orientation, className)}\n data-testid=\"sidebar_footer\"\n >\n {isSidebarOpen ? (\n <Box className={classes.openToggleContainer}>\n <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n data-testid=\"sidebar_close_button\"\n onClick={onSidebarClosed}\n className={classes.actionButton}\n >\n {orientation === ORIENTATIONS.vertical ? (\n <RightIcon />\n ) : (\n <UpIcon className={classes.rtSidebarFooterIcon} />\n )}\n </IconButton>\n {orientation === ORIENTATIONS.horizontal && (\n <IconButton\n color=\"primary\"\n tooltipProps={{ title: 'Add' }}\n onClick={() => handleOpenCloseDialog(true)}\n className={classes.actionButton}\n >\n <PlusIcon />\n </IconButton>\n )}\n </div>\n </Tooltip>\n </Box>\n ) : (\n <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n onClick={onSidebarOpened}\n data-testid=\"sidebar_open_button\"\n className={classNames(classes.closedButton, classes.actionButton)}\n >\n {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n </IconButton>\n </div>\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"~~+scAaA~~,IAAMA,EAAYC,GAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,WAO/E"}
1	+ {"version":3,"file":"SidebarFooter.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { FC, memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n button: {\n fontSize: 14,\n fontWeight: 500,\n },\n buttonIcon: {\n fontSize: 24,\n marginRight: 8,\n },\n closedButton: {\n marginBottom: '78px',\n zIndex: 1000,\n },\n\n rtSidebarFooter: {\n position: 'absolute',\n right: 0,\n '&.vertical': {\n left: 0,\n bottom: 0,\n },\n '&.horizontal': {\n top: 0,\n },\n },\n\n rtSidebarFooterIcon: {\n color: theme.palette.primary.text6,\n },\n\n rtSidebarFooterActions: {\n display: 'flex',\n paddingRight: '5px',\n alignItems: 'center',\n height: 48,\n width: 48,\n padding: 6,\n\n '&.horizontal': {\n flexDirection: 'row-reverse',\n },\n },\n\n actionButton: {\n padding: 12,\n height: 36,\n width: 36,\n },\n\n openToggleContainer: {\n alignItems: 'center',\n bottom: 0,\n display: 'flex',\n flex: '0 0',\n height: 48,\n padding: 6,\n position: 'absolute',\n width: '100%',\n justifyContent: 'flex-start',\n paddingRight: 6,\n },\n\n collapseTooltip: {\n marginTop: -8,\n },\n\n expandTooltip: {\n marginTop: -48,\n }\n}));\n\nconst SidebarFooter: FC<SidebarFooterProps> = ({ onSidebarOpened, onSidebarClosed, className }) => {\n const classes = useStyles();\n\n const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext)!;\n\n return (\n <div\n className={classNames(classes.rtSidebarFooter, orientation, className)}\n data-testid=\"sidebar_footer\"\n >\n {isSidebarOpen ? (\n <Box className={classes.openToggleContainer}>\n <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n data-testid=\"sidebar_close_button\"\n onClick={onSidebarClosed}\n className={classes.actionButton}\n >\n {orientation === ORIENTATIONS.vertical ? (\n <RightIcon />\n ) : (\n <UpIcon className={classes.rtSidebarFooterIcon} />\n )}\n </IconButton>\n {orientation === ORIENTATIONS.horizontal && (\n <IconButton\n color=\"primary\"\n tooltipProps={{ title: 'Add' }}\n onClick={() => handleOpenCloseDialog(true)}\n className={classes.actionButton}\n >\n <PlusIcon />\n </IconButton>\n )}\n </div>\n </Tooltip>\n </Box>\n ) : (\n <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n <IconButton\n onClick={onSidebarOpened}\n data-testid=\"sidebar_open_button\"\n className={classNames(classes.closedButton, classes.actionButton)}\n >\n {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n </IconButton>\n </div>\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","memo","_ref","onSidebarOpened","onSidebarClosed","className","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","children","Box","Tooltip","title","_jsxs","IconButton","onClick","ORIENTATIONS","vertical","RightIcon","UpIcon","horizontal","tooltipProps","PlusIcon","LeftIcon","DownIcon"],"mappings":"yzcAaA,IAAMA,EAAYC,GAAW,SAACC,GAAU,MAAM,CAC5CC,OAAQ,CACNC,SAAU,GACVC,WAAY,KAEdC,WAAY,CACVF,SAAU,GACVG,YAAa,GAEfC,aAAc,CACZC,aAAc,OACdC,OAAQ,KAGVC,gBAAiB,CACfC,SAAU,WACVC,MAAO,EACP,aAAc,CACZC,KAAM,EACNC,OAAQ,GAEV,eAAgB,CACdC,IAAK,IAITC,oBAAqB,CACnBC,MAAOhB,EAAMiB,QAAQC,QAAQC,OAG/BC,uBAAwB,CACtBC,QAAS,OACTC,aAAc,MACdC,WAAY,SACZC,OAAQ,GACRC,MAAO,GACPC,QAAS,EAET,eAAgB,CACdC,cAAe,gBAInBC,aAAc,CACZF,QAAS,GACTF,OAAQ,GACRC,MAAO,IAGTI,oBAAqB,CACnBN,WAAY,SACZV,OAAQ,EACRQ,QAAS,OACTS,KAAM,MACNN,OAAQ,GACRE,QAAS,EACThB,SAAU,WACVe,MAAO,OACPM,eAAgB,aAChBT,aAAc,GAGhBU,gBAAiB,CACfC,WAAY,GAGdC,cAAe,CACbD,WAAY,IAEf,IAyDcE,EAAAA,GAvD+B,SAAqDC,GAAA,IAAlDC,IAAAA,gBAAiBC,IAAAA,gBAAiBC,IAAAA,UAC3EC,EAAU1C,IAE8C2C,EAAAA,EAAWC,GAAjEC,IAAAA,cAAeC,IAAAA,YAAaC,IAAAA,sBAEpC,OACEC,EAAA,MAAA,CACEP,UAAWQ,EAAWP,EAAQ/B,gBAAiBmC,EAAaL,GAC5D,cAAY,iBAAgBS,SAE3BL,EACCG,EAACG,EAAG,CAACV,UAAWC,EAAQX,oBAAoBmB,SAC1CF,EAACI,EAAO,CAACC,MAAM,WAAWZ,UAAWC,EAAQR,gBAAgBgB,SAC3DI,EAAA,MAAA,CAAKb,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SAAA,CACpEF,EAACO,EAAU,CACT,cAAY,uBACZC,QAAShB,EACTC,UAAWC,EAAQZ,aAAaoB,SAE/BJ,IAAgBW,EAAaC,SAC5BV,EAACW,EAAS,CAAA,GAEVX,EAACY,EAAM,CAACnB,UAAWC,EAAQzB,wBAG9B6B,IAAgBW,EAAaI,YAC5Bb,EAACO,EAAU,CACTrC,MAAM,UACN4C,aAAc,CAAET,MAAO,OACvBG,QAAS,WAAA,OAAMT,GAAsB,EAAM,EAC3CN,UAAWC,EAAQZ,aAAaoB,SAEhCF,EAACe,EAAQ,aAOrBf,EAACI,EAAO,CAACC,MAAM,SAASZ,UAAWC,EAAQN,cAAcc,SACvDF,EAAA,MAAA,CAAKP,UAAWQ,EAAWP,EAAQpB,uBAAwBwB,GAAaI,SACtEF,EAACO,EAAU,CACTC,QAASjB,EACT,cAAY,sBACZE,UAAWQ,EAAWP,EAAQlC,aAAckC,EAAQZ,cAAcoB,SAEjEJ,IAAgBW,EAAaC,SAAWV,EAACgB,EAAQ,CAAA,GAAMhB,EAACiB,EAAQ,WAO/E"}

package/components/StatusBadge/api.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/api.ts"],"names":[],"mappings":"~~AAKA~~,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,~~CAgBnE~~;AAED,wBAAsB,uBAAuB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,~~CAc7E~~;AAED,wBAAsB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,~~CAY3F~~"}
1	+ {"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/api.ts"],"names":[],"mappings":"AAMA,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAkBnE;AAED,wBAAsB,uBAAuB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAgB7E;AAED,wBAAsB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAc3F"}

package/components/StatusBadge/api.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{getDataAppStorageAggregate as n}from"../../clients/jsonApi/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{CORVA_COMPANY_ID as s}from"../../constants/corvaCompanyId.js";import"lodash";import"../GradientManager/configuration/constants.js";import{METADATA as i}from"./constants.js";function e(t){return o.apply(this,arguments)}function o(){return(o=t(r.mark((function t(e){var o;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o={match:JSON.stringify({company_id:s,"data.app_id":e}),limit:100,sort:JSON.stringify({timestamp:1}),project:JSON.stringify({app_id:"$data.app_id",rule_id:"$data.wcu_rules.rule_id",_id:0})},t.abrupt("return",n(i.recordProvider,i.recordCollections.wcuRuleMapping,o));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function a(t){return p.apply(this,arguments)}function p(){return(p=t(r.mark((function t(e){var o;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o={sort:JSON.stringify({ts_desc:1}),match:JSON.stringify({company_id:s,"data.rule_id":{$in:e}}),limit:1e3},t.abrupt("return",n(i.recordProvider,i.recordCollections.wellnessRuleSettings,o));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function c(t,r){return u.apply(this,arguments)}function u(){return(u=t(r.mark((function t(s,e){var o;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o={sort:JSON.stringify({timestamp:-1}),match:JSON.stringify({asset_id:{$in:s},"data.rule_id":{$in:e}}),limit:100},t.abrupt("return",n(i.recordProvider,i.recordCollections.wellnessAlerts,o));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}export{e as getWCURuleMapping,c as getWellnessAlerts,a as getWellnessRuleSettings};
+import t from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/regenerator";import{getDataAppStorageAggregate as n}from"../../clients/jsonApi/index.js";import{shareRecentRequest as e}from"../../utils/shareRecentRequest.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{CORVA_COMPANY_ID as s}from"../../constants/corvaCompanyId.js";import"lodash";import"../GradientManager/configuration/constants.js";import{METADATA as i}from"./constants.js";function o(t){return a.apply(this,arguments)}function a(){return(a=t(r.mark((function t(o){var a;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return a={match:JSON.stringify({company_id:s,"data.app_id":o}),limit:100,sort:JSON.stringify({timestamp:1}),project:JSON.stringify({app_id:"$data.app_id",rule_id:"$data.wcu_rules.rule_id",_id:0})},t.abrupt("return",e([i.recordCollections.wcuRuleMapping,a],(function(){return n(i.recordProvider,i.recordCollections.wcuRuleMapping,a)})));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function c(t){return p.apply(this,arguments)}function p(){return(p=t(r.mark((function t(o){var a;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return a={sort:JSON.stringify({ts_desc:1}),match:JSON.stringify({company_id:s,"data.rule_id":{$in:o}}),limit:1e3},t.abrupt("return",e([i.recordCollections.wellnessRuleSettings,a],(function(){return n(i.recordProvider,i.recordCollections.wellnessRuleSettings,a)})));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function u(t,r){return l.apply(this,arguments)}function l(){return(l=t(r.mark((function t(s,o){var a;return r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return a={sort:JSON.stringify({timestamp:-1}),match:JSON.stringify({asset_id:{$in:s},"data.rule_id":{$in:o}}),limit:100},t.abrupt("return",e([i.recordCollections.wellnessAlerts,a],(function(){return n(i.recordProvider,i.recordCollections.wellnessAlerts,a)})));case 2:case"end":return t.stop()}}),t)})))).apply(this,arguments)}export{o as getWCURuleMapping,u as getWellnessAlerts,c as getWellnessRuleSettings};
 //# sourceMappingURL=api.js.map

package/components/StatusBadge/api.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api.js","sources":["../../../src/components/StatusBadge/api.ts"],"sourcesContent":["import { getDataAppStorageAggregate } from '~/clients/jsonApi';\nimport { CORVA_COMPANY_ID } from '~/constants';\n\nimport { METADATA } from './constants';\n\nexport async function getWCURuleMapping(appId: number): Promise<any> {\n const params = {\n match: JSON.stringify({ company_id: CORVA_COMPANY_ID, 'data.app_id': appId }),\n limit: 100,\n sort: JSON.stringify({ timestamp: 1 }),\n project: JSON.stringify({\n app_id: '$data.app_id',\n rule_id: '$data.wcu_rules.rule_id',\n _id: 0,\n }),\n };\n return getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wcuRuleMapping,\n params\n );\n}\n\nexport async function getWellnessRuleSettings(ruleIds: string[]): Promise<any> {\n const params = {\n sort: JSON.stringify({ ts_desc: 1 }),\n match: JSON.stringify({\n company_id: CORVA_COMPANY_ID,\n 'data.rule_id': { $in: ruleIds },\n }),\n limit: 1000,\n };\n return getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wellnessRuleSettings,\n params\n );\n}\n\nexport async function getWellnessAlerts(assetIds: number[], ruleIds: string[]): Promise<any> {\n const params = {\n sort: JSON.stringify({ timestamp: -1 }),\n match: JSON.stringify({ asset_id: { $in: assetIds }, 'data.rule_id': { $in: ruleIds } }),\n limit: 100,\n };\n\n return getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wellnessAlerts,\n params\n );\n}\n"],"names":["getWCURuleMapping","_x","_getWCURuleMapping","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","appId","params","wrap","_context","prev","next","match","JSON","stringify","company_id","CORVA_COMPANY_ID","limit","sort","timestamp","project","app_id","rule_id","_id","~~abrupt~~","~~getDataAppStorageAggregate~~","~~METADATA~~","~~recordProvider~~","~~recordCollections~~","~~wcuRuleMapping~~","stop","_callee","getWellnessRuleSettings","_x2","_getWellnessRuleSettings","ruleIds","_context2","ts_desc","$in","wellnessRuleSettings","_callee2","getWellnessAlerts","_x3","_x4","_getWellnessAlerts","_callee3","assetIds","_context3","asset_id","wellnessAlerts"],"mappings":"~~msBAKA~~,SAAsBA,EAAiBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,~~CAgBtC~~,SAAAH,IAAA,OAAAA,EAAAI,EAAAC,EAAAC,~~MAhBM~~,WAAiCC,GAAa,IAAAC,EAAA,OAAAH,EAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAUlD,OATKJ,EAAS,CACbK,MAAOC,KAAKC,UAAU,CAAEC,WAAYC,EAAkB,cAAeV,IACrEW,MAAO,IACPC,KAAML,KAAKC,UAAU,CAAEK,UAAW,IAClCC,QAASP,KAAKC,UAAU,CACtBO,OAAQ,eACRC,QAAS,0BACTC,IAAK,~~KAERd~~,~~EAAAe~~,~~OAAA~~,~~SACMC~~,~~EACLC~~,EAASC,~~eACTD~~,~~EAASE~~,kBAAkBC,~~eAC3BtB~~,~~IACD~~,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAqB,OAAA,GAAAC,EACF,MAAA/B,MAAAC,KAAAC,UAAA,CAED,SAAsB8B,EAAuBC,GAAA,OAAAC,EAAAlC,MAAAC,KAAAC,UAAA,~~CAc5C~~,SAAAgC,IAAA,OAAAA,EAAA/B,EAAAC,EAAAC,~~MAdM~~,WAAuC8B,GAAiB,IAAA5B,EAAA,OAAAH,EAAAI,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAQ5D,OAPKJ,EAAS,CACbW,KAAML,KAAKC,UAAU,CAAEuB,QAAS,IAChCzB,MAAOC,KAAKC,UAAU,CACpBC,WAAYC,EACZ,eAAgB,CAAEsB,IAAKH,KAEzBlB,MAAO,~~KACRmB~~,~~EAAAZ~~,~~OAAA~~,~~SACMC~~,~~EACLC~~,EAASC,~~eACTD~~,~~EAASE~~,~~kBAAkBW~~,qBAC3BhC,~~IACD~~,KAAA,EAAA,IAAA,MAAA,OAAA6B,EAAAN,OAAA,GAAAU,EACF,MAAAxC,MAAAC,KAAAC,UAAA,CAED,SAAsBuC,EAAiBC,EAAAC,GAAA,OAAAC,EAAA5C,MAAAC,KAAAC,UAAA,~~CAYtC~~,SAAA0C,IAAA,OAAAA,~~EAZMzC~~,EAAAC,EAAAC,MAAA,SAAAwC,EAAiCC,EAAoBX,GAAiB,IAAA5B,EAAA,OAAAH,EAAAI,MAAA,SAAAuC,GAAA,OAAA,OAAAA,EAAArC,KAAAqC,EAAApC,MAAA,KAAA,EAK1E,OAJKJ,EAAS,CACbW,KAAML,KAAKC,UAAU,CAAEK,WAAY,IACnCP,MAAOC,KAAKC,UAAU,CAAEkC,SAAU,CAAEV,IAAKQ,GAAY,eAAgB,CAAER,IAAKH,KAC5ElB,MAAO,~~KACR8B~~,~~EAAAvB~~,~~OAAA~~,~~SAEMC~~,~~EACLC~~,EAASC,~~eACTD~~,~~EAASE~~,~~kBAAkBqB~~,eAC3B1C,~~IACD~~,KAAA,EAAA,IAAA,MAAA,OAAAwC,EAAAjB,OAAA,GAAAe,EACF,MAAA7C,MAAAC,KAAAC,UAAA"}
1	+ {"version":3,"file":"api.js","sources":["../../../src/components/StatusBadge/api.ts"],"sourcesContent":["import { getDataAppStorageAggregate } from '~/clients/jsonApi';\nimport { shareRecentRequest } from '~/utils/shareRecentRequest';\nimport { CORVA_COMPANY_ID } from '~/constants';\n\nimport { METADATA } from './constants';\n\nexport async function getWCURuleMapping(appId: number): Promise<any> {\n const params = {\n match: JSON.stringify({ company_id: CORVA_COMPANY_ID, 'data.app_id': appId }),\n limit: 100,\n sort: JSON.stringify({ timestamp: 1 }),\n project: JSON.stringify({\n app_id: '$data.app_id',\n rule_id: '$data.wcu_rules.rule_id',\n _id: 0,\n }),\n };\n return shareRecentRequest([METADATA.recordCollections.wcuRuleMapping, params], () =>\n getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wcuRuleMapping,\n params\n )\n );\n}\n\nexport async function getWellnessRuleSettings(ruleIds: string[]): Promise<any> {\n const params = {\n sort: JSON.stringify({ ts_desc: 1 }),\n match: JSON.stringify({\n company_id: CORVA_COMPANY_ID,\n 'data.rule_id': { $in: ruleIds },\n }),\n limit: 1000,\n };\n return shareRecentRequest([METADATA.recordCollections.wellnessRuleSettings, params], () =>\n getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wellnessRuleSettings,\n params\n )\n );\n}\n\nexport async function getWellnessAlerts(assetIds: number[], ruleIds: string[]): Promise<any> {\n const params = {\n sort: JSON.stringify({ timestamp: -1 }),\n match: JSON.stringify({ asset_id: { $in: assetIds }, 'data.rule_id': { $in: ruleIds } }),\n limit: 100,\n };\n\n return shareRecentRequest([METADATA.recordCollections.wellnessAlerts, params], () =>\n getDataAppStorageAggregate(\n METADATA.recordProvider,\n METADATA.recordCollections.wellnessAlerts,\n params\n )\n );\n}\n"],"names":["getWCURuleMapping","_x","_getWCURuleMapping","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","appId","params","wrap","_context","prev","next","match","JSON","stringify","company_id","CORVA_COMPANY_ID","limit","sort","timestamp","project","app_id","rule_id","_id","shareRecentRequest","METADATA","recordCollections","wcuRuleMapping","getDataAppStorageAggregate","recordProvider","stop","_callee","getWellnessRuleSettings","_x2","_getWellnessRuleSettings","ruleIds","_context2","ts_desc","$in","wellnessRuleSettings","_callee2","getWellnessAlerts","_x3","_x4","_getWellnessAlerts","_callee3","assetIds","_context3","asset_id","wellnessAlerts"],"mappings":"0wBAMA,SAAsBA,EAAiBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAkBtC,SAAAH,IAAA,OAAAA,EAAAI,EAAAC,EAAAC,MAlBM,WAAiCC,GAAa,IAAAC,EAAA,OAAAH,EAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAUlD,OATKJ,EAAS,CACbK,MAAOC,KAAKC,UAAU,CAAEC,WAAYC,EAAkB,cAAeV,IACrEW,MAAO,IACPC,KAAML,KAAKC,UAAU,CAAEK,UAAW,IAClCC,QAASP,KAAKC,UAAU,CACtBO,OAAQ,eACRC,QAAS,0BACTC,IAAK,KAGFC,EAAAA,OAAAA,SAAAA,EAAmB,CAACC,EAASC,kBAAkBC,eAAgBpB,IAAS,WAAA,OAC7EqB,EACEH,EAASI,eACTJ,EAASC,kBAAkBC,eAC3BpB,EAEH,KAAA,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAqB,OAAA,GAAAC,EACF,MAAA/B,MAAAC,KAAAC,UAAA,CAED,SAAsB8B,EAAuBC,GAAA,OAAAC,EAAAlC,MAAAC,KAAAC,UAAA,CAgB5C,SAAAgC,IAAA,OAAAA,EAAA/B,EAAAC,EAAAC,MAhBM,WAAuC8B,GAAiB,IAAA5B,EAAA,OAAAH,EAAAI,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAQ5D,OAPKJ,EAAS,CACbW,KAAML,KAAKC,UAAU,CAAEuB,QAAS,IAChCzB,MAAOC,KAAKC,UAAU,CACpBC,WAAYC,EACZ,eAAgB,CAAEsB,IAAKH,KAEzBlB,MAAO,KAEFO,EAAAA,OAAAA,SAAAA,EAAmB,CAACC,EAASC,kBAAkBa,qBAAsBhC,IAAS,WAAA,OACnFqB,EACEH,EAASI,eACTJ,EAASC,kBAAkBa,qBAC3BhC,EAEH,KAAA,KAAA,EAAA,IAAA,MAAA,OAAA6B,EAAAN,OAAA,GAAAU,EACF,MAAAxC,MAAAC,KAAAC,UAAA,CAED,SAAsBuC,EAAiBC,EAAAC,GAAA,OAAAC,EAAA5C,MAAAC,KAAAC,UAAA,CActC,SAAA0C,IAAA,OAAAA,EAdMzC,EAAAC,EAAAC,MAAA,SAAAwC,EAAiCC,EAAoBX,GAAiB,IAAA5B,EAAA,OAAAH,EAAAI,MAAA,SAAAuC,GAAA,OAAA,OAAAA,EAAArC,KAAAqC,EAAApC,MAAA,KAAA,EAK1E,OAJKJ,EAAS,CACbW,KAAML,KAAKC,UAAU,CAAEK,WAAY,IACnCP,MAAOC,KAAKC,UAAU,CAAEkC,SAAU,CAAEV,IAAKQ,GAAY,eAAgB,CAAER,IAAKH,KAC5ElB,MAAO,KAGFO,EAAAA,OAAAA,SAAAA,EAAmB,CAACC,EAASC,kBAAkBuB,eAAgB1C,IAAS,WAAA,OAC7EqB,EACEH,EAASI,eACTJ,EAASC,kBAAkBuB,eAC3B1C,EAEH,KAAA,KAAA,EAAA,IAAA,MAAA,OAAAwC,EAAAjB,OAAA,GAAAe,EACF,MAAA7C,MAAAC,KAAAC,UAAA"}

package/components/StatusBadge/components/DQAlertsTooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{memo as t}from"react";import e from"moment";import{isEqual as r}from"lodash";import{makeStyles as i}from"@material-ui/core";import o from"@material-ui/icons/ArrowForward";import{Tooltip as a}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{getDeductsFromScoreClass as s,isResolved as n,getDeductsFromScoreValue as l}from"../utils.js";import{ALERT_STATES as p,BADGE_ICON_STATUSES as m}from"../constants.js";import{UniversalLink as c}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDQUnvalidatedContentStyles as d}from"../styles.js";import{MIXPANEL_ACTION_TYPES as h}from"../../../constants/mixpanel.js";import"../../UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../utils/convert.js";import"../../../constants/completion.js";import"../../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.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"../../../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/mobileDetect.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"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import{safeTemplate as u}from"../../../utils/safeTemplate.js";import{jsx as g,jsxs as f,Fragment as j}from"react/jsx-runtime";var x=i((function(t){return{errorIcon:{width:20,height:18},title:{maxWidth:198,padding:"0 0 8px",fontSize:16,lineHeight:"22px",color:t.palette.primary.text1,display:"flex",alignItems:"center"},emptyMessage:{padding:"0",fontSize:16,lineHeight:"22px",color:t.palette.primary.contrastText},alertTime:{fontSize:14,color:t.palette.primary.text6,"& span":{color:t.palette.primary.text1}},alertMessage:{width:"100%",height:40,margin:0,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",whiteSpace:"pre-wrap",fontSize:14,lineHeight:"20px",color:t.palette.primary.text1},alertMessageFull:{marginBottom:8,fontSize:14,lineHeight:"20px",color:t.palette.primary.text1,whiteSpace:"pre-wrap"},alertInfo:{display:"flex",alignItems:"center",flexWrap:"wrap",marginBottom:8,fontSize:14,textTransform:"capitalize","& span":{color:t.palette.primary.text6,marginRight:8},"& .error":{color:t.palette.error.main},"& .warning":{color:"#ffa500"}},resolvedInfo:{display:"flex",alignItems:"center",marginBottom:8,color:t.palette.primary.text6,fontSize:14},infoIcon:{color:t.palette.info.main,marginRight:8,fontSize:16},popover:{marginLeft:77,width:270,padding:12,display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:t.palette.background.b9,border:"1px solid ".concat(t.palette.primary.text9),boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",borderRadius:4,zIndex:500,"& .MuiTooltip-tooltip":{backgroundColor:t.palette.background.b10,fontWeight:400,lineHeight:"20px",margin:0}},message:{whiteSpace:"pre-wrap"},note:{marginBottom:4},ok:{color:"#F99500 !important"},good:{color:"".concat(t.palette.warning.light," !important")}}})),b=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MMM D YYYY, hh:mm A";return t?e.unix(t).format(r):null},y=function(t){return e.unix(t).format("DD MMM HH:mm (Z)")},v=function(t){var e=t.children,r=x(),i=u(e)({timestampFormatter:y}).split("**").map((function(t,e){return e%2==1?g("b",{children:t},e):t}));return g("span",{className:r.message,children:i})},S=t((function(t){var e,r=t.alert,i=t.alertIcon,u=t.children,y=t.linkToDQPage,S=x(),w=d({}),T=Math.max(r.statusUpdatedAt,r.lastCheckedAt),M=b(T);return g(a,{interactive:!0,children:u,PopperProps:{className:S.popover},placement:"right",title:f(j,{children:[r.emptyMessage&&g("div",{className:S.emptyMessage,children:r.statusUpdatedAt?b(r.statusUpdatedAt):r.emptyMessage}),!r.emptyMessage&&f(j,{children:[f("div",{className:S.title,children:[r.name,g(a,{isFullScreen:!1,title:"Go to Data Quality page",children:g("div",{children:g(c,{className:w.link,href:y,onClick:function(){var t,e;null===(t=(e=window)[Symbol.for("logToMixpanel")])||void 0===t||t.call(e,h.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:g(o,{className:w.linkIcon})})})})]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Category:"})," ",r.category]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Status:"})," ",r.status]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Error Type:"}),g("div",{className:S.errorIcon,children:i}),g("span",{className:r.state===p.issue?m.warning:m.error,children:r.state})]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Score Deduction:"}),g("span",{className:s(S,r.deductsFromScore,n(r.status)),children:l(r.deductsFromScore,n(r.status))})]}),f("div",{className:S.alertMessageFull,children:[r.isThrottled&&g("b",{children:"[Throttled]: "}),g(v,{children:r.message})]}),f("span",{className:S.alertInfo,children:[g("span",{className:S.note,children:"Note:"})," ",null!==(e=r.note)&&void 0!==e&&e.length?r.note:"—"]}),f("span",{className:S.alertTime,children:["Updated at: ",g("span",{children:M})]})]})]})})}),(function(t,e){return r(t.alert,e.alert)}));export{S as DQAlertsTooltip};
+import{memo as t}from"react";import e from"moment";import{isEqual as r}from"lodash";import{makeStyles as i}from"@material-ui/core";import o from"@material-ui/icons/ArrowForward";import{Tooltip as a}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{getDeductsFromScoreClass as s,isResolved as n,getDeductsFromScoreValue as l}from"../utils.js";import{ALERT_STATES as p,BADGE_ICON_STATUSES as m}from"../constants.js";import{UniversalLink as c}from"../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDQUnvalidatedContentStyles as d}from"../styles.js";import{MIXPANEL_ACTION_TYPES as h}from"../../../constants/mixpanel.js";import"../../UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../utils/convert.js";import"../../../constants/completion.js";import"../../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.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"../../../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/mobileDetect.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/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import{safeTemplate as u}from"../../../utils/safeTemplate.js";import{jsx as g,jsxs as f,Fragment as j}from"react/jsx-runtime";var x=i((function(t){return{errorIcon:{width:20,height:18},title:{maxWidth:198,padding:"0 0 8px",fontSize:16,lineHeight:"22px",color:t.palette.primary.text1,display:"flex",alignItems:"center"},emptyMessage:{padding:"0",fontSize:16,lineHeight:"22px",color:t.palette.primary.contrastText},alertTime:{fontSize:14,color:t.palette.primary.text6,"& span":{color:t.palette.primary.text1}},alertMessage:{width:"100%",height:40,margin:0,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",whiteSpace:"pre-wrap",fontSize:14,lineHeight:"20px",color:t.palette.primary.text1},alertMessageFull:{marginBottom:8,fontSize:14,lineHeight:"20px",color:t.palette.primary.text1,whiteSpace:"pre-wrap"},alertInfo:{display:"flex",alignItems:"center",flexWrap:"wrap",marginBottom:8,fontSize:14,textTransform:"capitalize","& span":{color:t.palette.primary.text6,marginRight:8},"& .error":{color:t.palette.error.main},"& .warning":{color:"#ffa500"}},resolvedInfo:{display:"flex",alignItems:"center",marginBottom:8,color:t.palette.primary.text6,fontSize:14},infoIcon:{color:t.palette.info.main,marginRight:8,fontSize:16},popover:{marginLeft:77,width:270,padding:12,display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:t.palette.background.b9,border:"1px solid ".concat(t.palette.primary.text9),boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",borderRadius:4,zIndex:500,"& .MuiTooltip-tooltip":{backgroundColor:t.palette.background.b10,fontWeight:400,lineHeight:"20px",margin:0}},message:{whiteSpace:"pre-wrap"},note:{marginBottom:4},ok:{color:"#F99500 !important"},good:{color:"".concat(t.palette.warning.light," !important")}}})),b=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MMM D YYYY, hh:mm A";return t?e.unix(t).format(r):null},y=function(t){return e.unix(t).format("DD MMM HH:mm (Z)")},v=function(t){var e=t.children,r=x(),i=u(e)({timestampFormatter:y}).split("**").map((function(t,e){return e%2==1?g("b",{children:t},e):t}));return g("span",{className:r.message,children:i})},S=t((function(t){var e,r=t.alert,i=t.alertIcon,u=t.children,y=t.linkToDQPage,S=x(),w=d({}),T=Math.max(r.statusUpdatedAt,r.lastCheckedAt),M=b(T);return g(a,{interactive:!0,children:u,PopperProps:{className:S.popover},placement:"right",title:f(j,{children:[r.emptyMessage&&g("div",{className:S.emptyMessage,children:r.statusUpdatedAt?b(r.statusUpdatedAt):r.emptyMessage}),!r.emptyMessage&&f(j,{children:[f("div",{className:S.title,children:[r.name,g(a,{isFullScreen:!1,title:"Go to Data Quality page",children:g("div",{children:g(c,{className:w.link,href:y,onClick:function(){var t,e;null===(t=(e=window)[Symbol.for("logToMixpanel")])||void 0===t||t.call(e,h.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:g(o,{className:w.linkIcon})})})})]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Category:"})," ",r.category]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Status:"})," ",r.status]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Error Type:"}),g("div",{className:S.errorIcon,children:i}),g("span",{className:r.state===p.issue?m.warning:m.error,children:r.state})]}),f("span",{className:S.alertInfo,children:[g("span",{children:"Score Deduction:"}),g("span",{className:s(S,r.deductsFromScore,n(r.status)),children:l(r.deductsFromScore,n(r.status))})]}),f("div",{className:S.alertMessageFull,children:[r.isThrottled&&g("b",{children:"[Throttled]: "}),g(v,{children:r.message})]}),f("span",{className:S.alertInfo,children:[g("span",{className:S.note,children:"Note:"})," ",null!==(e=r.note)&&void 0!==e&&e.length?r.note:"—"]}),f("span",{className:S.alertTime,children:["Updated at: ",g("span",{children:M})]})]})]})})}),(function(t,e){return r(t.alert,e.alert)}));export{S as DQAlertsTooltip};
 //# sourceMappingURL=DQAlertsTooltip.js.map

package/components/StatusBadge/components/DQAlertsTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DQAlertsTooltip.js","sources":["../../../../src/components/StatusBadge/components/DQAlertsTooltip.tsx"],"sourcesContent":["import { ReactElement, memo } from 'react';\nimport moment from 'moment';\nimport { isEqual } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport Tooltip from '~/components/Tooltip';\nimport {\n getDeductsFromScoreValue,\n isResolved,\n getDeductsFromScoreClass,\n} from '~/components/StatusBadge/utils';\nimport { Alert, ALERT_STATES, BADGE_ICON_STATUSES } from '~/components/StatusBadge/constants';\nimport { UniversalLink } from '~/components/DevCenter/DevCenterRouterContext/UniversalLink';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { MIXPANEL_ACTION_TYPES } from '~/constants/mixpanel';\nimport { safeTemplate } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n errorIcon: {\n width: 20,\n height: 18,\n },\n title: {\n maxWidth: 198,\n padding: '0 0 8px',\n fontSize: 16,\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n display: 'flex',\n alignItems: 'center',\n },\n emptyMessage: {\n padding: '0',\n fontSize: 16,\n lineHeight: '22px',\n color: theme.palette.primary.contrastText,\n },\n alertTime: {\n fontSize: 14,\n color: theme.palette.primary.text6,\n\n '& span': {\n color: theme.palette.primary.text1,\n },\n },\n alertMessage: {\n width: '100%',\n height: 40,\n margin: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': 2,\n '-webkit-box-orient': 'vertical',\n whiteSpace: 'pre-wrap',\n fontSize: 14,\n lineHeight: '20px',\n color: theme.palette.primary.text1,\n },\n alertMessageFull: {\n marginBottom: 8,\n fontSize: 14,\n lineHeight: '20px',\n color: theme.palette.primary.text1,\n whiteSpace: 'pre-wrap',\n },\n alertInfo: {\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n marginBottom: 8,\n fontSize: 14,\n textTransform: 'capitalize',\n\n '& span': {\n color: theme.palette.primary.text6,\n marginRight: 8,\n },\n\n '& .error': {\n color: theme.palette.error.main,\n },\n '& .warning': {\n color: '#ffa500',\n },\n },\n resolvedInfo: {\n display: 'flex',\n alignItems: 'center',\n marginBottom: 8,\n color: theme.palette.primary.text6,\n fontSize: 14,\n },\n infoIcon: {\n color: theme.palette.info.main,\n marginRight: 8,\n fontSize: 16,\n },\n popover: {\n marginLeft: 77,\n width: 270,\n padding: 12,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.background.b9,\n border: `1px solid ${theme.palette.primary.text9}`,\n boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n borderRadius: 4,\n zIndex: 500,\n '& .MuiTooltip-tooltip': {\n backgroundColor: theme.palette.background.b10,\n fontWeight: 400,\n lineHeight: '20px',\n margin: 0,\n },\n },\n message: { whiteSpace: 'pre-wrap' },\n note: { marginBottom: 4 },\n ok: { color: '#F99500 !important' },\n good: { color: `${theme.palette.warning.light} !important` },\n}));\n\nconst formatDate = (date: number, format = 'MMM D YYYY, hh:mm A') => {\n if (!date) return null;\n\n return moment.unix(date).format(format);\n};\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ children }: { children: string }) => {\n const styles = useStyles();\n const compiled = safeTemplate(children);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax just for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\ntype DQCountryCheckTooltipProps = {\n alert: Alert;\n alertIcon: ReactElement;\n children: ReactElement<any, any>;\n linkToDQPage: string;\n};\n\nexport const DQAlertsTooltip = memo(\n ({ alert, alertIcon, children, linkToDQPage }: DQCountryCheckTooltipProps): JSX.Element => {\n const classes = useStyles();\n const DQUnvalidatedContentClasses = useDQUnvalidatedContentStyles({});\n const latestUpdateTime = Math.max(alert.statusUpdatedAt, alert.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n return (\n <Tooltip\n interactive\n children={children}\n PopperProps={{ className: classes.popover }}\n placement=\"right\"\n title={\n <>\n {alert.emptyMessage && (\n <div className={classes.emptyMessage}>\n {alert.statusUpdatedAt ? formatDate(alert.statusUpdatedAt) : alert.emptyMessage}\n </div>\n )}\n {!alert.emptyMessage && (\n <>\n <div className={classes.title}>\n {alert.name}\n <Tooltip isFullScreen={false} title=\"Go to Data Quality page\">\n <div>\n <UniversalLink\n className={DQUnvalidatedContentClasses.link}\n href={linkToDQPage}\n onClick={() => {\n (window as unknown as Record<symbol, Function>)[\n Symbol.for('logToMixpanel')\n ]?.(MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD, {\n referer: 'DQ Badge',\n });\n }}\n >\n <ArrowForwardIcon className={DQUnvalidatedContentClasses.linkIcon} />\n </UniversalLink>\n </div>\n </Tooltip>\n </div>\n <span className={classes.alertInfo}>\n <span>Category:</span> {alert.category}\n </span>\n <span className={classes.alertInfo}>\n <span>Status:</span> {alert.status}\n </span>\n <span className={classes.alertInfo}>\n <span>Error Type:</span>\n <div className={classes.errorIcon}>{alertIcon}</div>\n <span\n className={\n alert.state === ALERT_STATES.issue\n ? BADGE_ICON_STATUSES.warning\n : BADGE_ICON_STATUSES.error\n }\n >\n {alert.state}\n </span>\n </span>\n <span className={classes.alertInfo}>\n <span>Score Deduction:</span>\n <span\n className={getDeductsFromScoreClass(\n classes,\n alert.deductsFromScore,\n isResolved(alert.status)\n )}\n >\n {getDeductsFromScoreValue(alert.deductsFromScore, isResolved(alert.status))}\n </span>\n </span>\n <div className={classes.alertMessageFull}>\n {alert.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage>{alert.message}</FormattedMessage>\n </div>\n <span className={classes.alertInfo}>\n <span className={classes.note}>Note:</span>{' '}\n {alert.note?.length ? alert.note : '—'}\n </span>\n <span className={classes.alertTime}>\n Updated at: <span>{statusUpdatedAt}</span>\n </span>\n </>\n )}\n </>\n }\n />\n );\n },\n (prev, next) => isEqual(prev.alert, next.alert)\n);\n"],"names":["useStyles","makeStyles","theme","errorIcon","width","height","title","maxWidth","padding","fontSize","lineHeight","color","palette","primary","text1","display","alignItems","emptyMessage","contrastText","alertTime","text6","alertMessage","margin","overflow","textOverflow","whiteSpace","alertMessageFull","marginBottom","alertInfo","flexWrap","textTransform","marginRight","error","main","resolvedInfo","infoIcon","info","popover","marginLeft","flexDirection","justifyContent","backgroundColor","background","b9","border","concat","text9","boxShadow","borderRadius","zIndex","b10","fontWeight","message","note","ok","good","warning","light","formatDate","date","format","moment","unix","timestampFormatter","timestamp","FormattedMessage","_ref","children","styles","messageParts","safeTemplate","compiled","split","map","i","_jsx","className","DQAlertsTooltip","memo","_ref2","_alert$note","alert","alertIcon","linkToDQPage","classes","DQUnvalidatedContentClasses","useDQUnvalidatedContentStyles","latestUpdateTime","Math","max","statusUpdatedAt","lastCheckedAt","Tooltip","interactive","PopperProps","placement","_jsxs","_Fragment","name","isFullScreen","UniversalLink","link","href","onClick","_Symbol$for","_ref3","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ArrowForwardIcon","linkIcon","category","status","state","ALERT_STATES","issue","BADGE_ICON_STATUSES","getDeductsFromScoreClass","deductsFromScore","isResolved","getDeductsFromScoreValue","isThrottled","length","prev","next","isEqual"],"mappings":"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"}
1	+ {"version":3,"file":"DQAlertsTooltip.js","sources":["../../../../src/components/StatusBadge/components/DQAlertsTooltip.tsx"],"sourcesContent":["import { ReactElement, memo } from 'react';\nimport moment from 'moment';\nimport { isEqual } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport Tooltip from '~/components/Tooltip';\nimport {\n getDeductsFromScoreValue,\n isResolved,\n getDeductsFromScoreClass,\n} from '~/components/StatusBadge/utils';\nimport { Alert, ALERT_STATES, BADGE_ICON_STATUSES } from '~/components/StatusBadge/constants';\nimport { UniversalLink } from '~/components/DevCenter/DevCenterRouterContext/UniversalLink';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { MIXPANEL_ACTION_TYPES } from '~/constants/mixpanel';\nimport { safeTemplate } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n errorIcon: {\n width: 20,\n height: 18,\n },\n title: {\n maxWidth: 198,\n padding: '0 0 8px',\n fontSize: 16,\n lineHeight: '22px',\n color: theme.palette.primary.text1,\n display: 'flex',\n alignItems: 'center',\n },\n emptyMessage: {\n padding: '0',\n fontSize: 16,\n lineHeight: '22px',\n color: theme.palette.primary.contrastText,\n },\n alertTime: {\n fontSize: 14,\n color: theme.palette.primary.text6,\n\n '& span': {\n color: theme.palette.primary.text1,\n },\n },\n alertMessage: {\n width: '100%',\n height: 40,\n margin: 0,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': 2,\n '-webkit-box-orient': 'vertical',\n whiteSpace: 'pre-wrap',\n fontSize: 14,\n lineHeight: '20px',\n color: theme.palette.primary.text1,\n },\n alertMessageFull: {\n marginBottom: 8,\n fontSize: 14,\n lineHeight: '20px',\n color: theme.palette.primary.text1,\n whiteSpace: 'pre-wrap',\n },\n alertInfo: {\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n marginBottom: 8,\n fontSize: 14,\n textTransform: 'capitalize',\n\n '& span': {\n color: theme.palette.primary.text6,\n marginRight: 8,\n },\n\n '& .error': {\n color: theme.palette.error.main,\n },\n '& .warning': {\n color: '#ffa500',\n },\n },\n resolvedInfo: {\n display: 'flex',\n alignItems: 'center',\n marginBottom: 8,\n color: theme.palette.primary.text6,\n fontSize: 14,\n },\n infoIcon: {\n color: theme.palette.info.main,\n marginRight: 8,\n fontSize: 16,\n },\n popover: {\n marginLeft: 77,\n width: 270,\n padding: 12,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.background.b9,\n border: `1px solid ${theme.palette.primary.text9}`,\n boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n borderRadius: 4,\n zIndex: 500,\n '& .MuiTooltip-tooltip': {\n backgroundColor: theme.palette.background.b10,\n fontWeight: 400,\n lineHeight: '20px',\n margin: 0,\n },\n },\n message: { whiteSpace: 'pre-wrap' },\n note: { marginBottom: 4 },\n ok: { color: '#F99500 !important' },\n good: { color: `${theme.palette.warning.light} !important` },\n}));\n\nconst formatDate = (date: number, format = 'MMM D YYYY, hh:mm A') => {\n if (!date) return null;\n\n return moment.unix(date).format(format);\n};\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ children }: { children: string }) => {\n const styles = useStyles();\n const compiled = safeTemplate(children);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax just for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\ntype DQCountryCheckTooltipProps = {\n alert: Alert;\n alertIcon: ReactElement;\n children: ReactElement<any, any>;\n linkToDQPage: string;\n};\n\nexport const DQAlertsTooltip = memo(\n ({ alert, alertIcon, children, linkToDQPage }: DQCountryCheckTooltipProps): JSX.Element => {\n const classes = useStyles();\n const DQUnvalidatedContentClasses = useDQUnvalidatedContentStyles({});\n const latestUpdateTime = Math.max(alert.statusUpdatedAt, alert.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n return (\n <Tooltip\n interactive\n children={children}\n PopperProps={{ className: classes.popover }}\n placement=\"right\"\n title={\n <>\n {alert.emptyMessage && (\n <div className={classes.emptyMessage}>\n {alert.statusUpdatedAt ? formatDate(alert.statusUpdatedAt) : alert.emptyMessage}\n </div>\n )}\n {!alert.emptyMessage && (\n <>\n <div className={classes.title}>\n {alert.name}\n <Tooltip isFullScreen={false} title=\"Go to Data Quality page\">\n <div>\n <UniversalLink\n className={DQUnvalidatedContentClasses.link}\n href={linkToDQPage}\n onClick={() => {\n (window as unknown as Record<symbol, Function>)[\n Symbol.for('logToMixpanel')\n ]?.(MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD, {\n referer: 'DQ Badge',\n });\n }}\n >\n <ArrowForwardIcon className={DQUnvalidatedContentClasses.linkIcon} />\n </UniversalLink>\n </div>\n </Tooltip>\n </div>\n <span className={classes.alertInfo}>\n <span>Category:</span> {alert.category}\n </span>\n <span className={classes.alertInfo}>\n <span>Status:</span> {alert.status}\n </span>\n <span className={classes.alertInfo}>\n <span>Error Type:</span>\n <div className={classes.errorIcon}>{alertIcon}</div>\n <span\n className={\n alert.state === ALERT_STATES.issue\n ? BADGE_ICON_STATUSES.warning\n : BADGE_ICON_STATUSES.error\n }\n >\n {alert.state}\n </span>\n </span>\n <span className={classes.alertInfo}>\n <span>Score Deduction:</span>\n <span\n className={getDeductsFromScoreClass(\n classes,\n alert.deductsFromScore,\n isResolved(alert.status)\n )}\n >\n {getDeductsFromScoreValue(alert.deductsFromScore, isResolved(alert.status))}\n </span>\n </span>\n <div className={classes.alertMessageFull}>\n {alert.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage>{alert.message}</FormattedMessage>\n </div>\n <span className={classes.alertInfo}>\n <span className={classes.note}>Note:</span>{' '}\n {alert.note?.length ? alert.note : '—'}\n </span>\n <span className={classes.alertTime}>\n Updated at: <span>{statusUpdatedAt}</span>\n </span>\n </>\n )}\n </>\n }\n />\n );\n },\n (prev, next) => isEqual(prev.alert, next.alert)\n);\n"],"names":["useStyles","makeStyles","theme","errorIcon","width","height","title","maxWidth","padding","fontSize","lineHeight","color","palette","primary","text1","display","alignItems","emptyMessage","contrastText","alertTime","text6","alertMessage","margin","overflow","textOverflow","whiteSpace","alertMessageFull","marginBottom","alertInfo","flexWrap","textTransform","marginRight","error","main","resolvedInfo","infoIcon","info","popover","marginLeft","flexDirection","justifyContent","backgroundColor","background","b9","border","concat","text9","boxShadow","borderRadius","zIndex","b10","fontWeight","message","note","ok","good","warning","light","formatDate","date","format","moment","unix","timestampFormatter","timestamp","FormattedMessage","_ref","children","styles","messageParts","safeTemplate","compiled","split","map","i","_jsx","className","DQAlertsTooltip","memo","_ref2","_alert$note","alert","alertIcon","linkToDQPage","classes","DQUnvalidatedContentClasses","useDQUnvalidatedContentStyles","latestUpdateTime","Math","max","statusUpdatedAt","lastCheckedAt","Tooltip","interactive","PopperProps","placement","_jsxs","_Fragment","name","isFullScreen","UniversalLink","link","href","onClick","_Symbol$for","_ref3","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ArrowForwardIcon","linkIcon","category","status","state","ALERT_STATES","issue","BADGE_ICON_STATUSES","getDeductsFromScoreClass","deductsFromScore","isResolved","getDeductsFromScoreValue","isThrottled","length","prev","next","isEqual"],"mappings":"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"}

package/components/UserMention/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useEffect as e,useCallback as r}from"react";import{debounce as i}from"lodash";import n from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{MentionsInput as s,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import{handleFetchUsers as u}from"./utils/index.js";import{URL_CAPTURE_PATTERN as c}from"../../utils/links.js";import{USER_MARKUP as p,LINK_MARKUP as m}from"./constants.js";import d from"./style.css.js";import{AvatarComponent as g}from"../Avatar/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as f}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as b}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import{jsxs as h,jsx as y}from"react/jsx-runtime";function v(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,i)}return r}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?v(Object(i),!0).forEach((function(r){o(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var _={backgroundColor:l[100]},w={color:"#00bcd4"},O={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/(?!)/,C=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},S=j(j({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),k=j(j({},x),{},{input:{color:"#000"}}),R=function(o){var n=o.onChange,t=void 0===n?A:n,l=o.singleLine,f=void 0!==l&&l,b=o.suggestionsPortalHost,v=void 0===b?null:b,x=o.value,R=void 0===x?"":x,U=o.inputRef,q=void 0===U?null:U,H=o.classes,I=o.style,M=void 0===I?D:I,V=o.withLightTheme,B=void 0!==V&&V,Q=o.placeholder,z=void 0===Q?"Mention people using '@'":Q,G=o.onMount,J=void 0===G?N:G,W=o.onKeyDown,X=void 0===W?T:W,Y=o.onKeyUp,Z=void 0===Y?F:Y,$=o.onFocus,oo=void 0===$?K:$,eo=o.onBlur,ro=void 0===eo?E:eo,io=o.autoFocus,no=void 0===io||io,to=o.disabled,so=void 0!==to&&to,ao=o.companyId,lo=void 0===ao?null:ao,uo=o.currentUser,co=void 0===uo?null:uo,po=o.isCompanySelectVisible,mo=o.mentionProps,go=void 0===mo?L:mo,fo=o.allowSuggestionsAboveCursor,bo=void 0!==fo&&fo,ho=o.allowEmptyQuery,yo=void 0!==ho&&ho,vo=o.highlightLinks,jo=void 0!==vo&&vo;e(J,[]);var _o=r(i((function(o,e){var r=po&&co&&co.company_id!==lo?[co.company_id,lo]:null;u(o,e,r,yo)}),400),[lo,yo]),wo=j(j({},B?k:S),M);if(jo){var Oo,Po=null===(Oo=wo.input)||void 0===Oo?void 0:Oo.color;wo.input=j(j({caretColor:Po},wo.input),{},{color:"transparent"}),wo.highlighter=j(j({color:Po},wo.highlighter),{},{substring:{visibility:"visible"}})}return h(s,{value:R,onChange:function(o,e){t(e)},singleLine:f,allowSpaceInQuery:!0,classNames:d,placeholder:z,suggestionsPortalHost:v,inputRef:q,style:wo,onKeyDown:X,onKeyUp:Z,autoFocus:no,onFocus:oo,onBlur:ro,disabled:so,allowSuggestionsAboveCursor:bo,children:[y(a,j({markup:p,renderSuggestion:function(o){return function(o,e){return h("div",{className:d.mention__suggestion,children:[y(g,{alt:o.display,displayName:o.display,className:e.avatar,imgSrc:o.photo}),h("div",{className:d.mention__suggestion__info,children:[y("span",{"data-testid":"".concat("userMention","_name_").concat(o.display),className:d.mention__suggestion__info__name,children:o.display}),o.title&&y("span",{className:d.mention__suggestion__info__group,children:o.title})]})]})}(o,H)},trigger:"@",data:_o,displayTransform:function(o,e){return"@".concat(e)},style:B?_:w,appendSpaceOnAdd:!0},go)),jo&&y(a,{markup:m,regex:c,trigger:P,data:C,displayTransform:function(o){return o},style:O})]})};R.propTypes={onChange:n.func,singleLine:n.bool,suggestionsPortalHost:n.shape({current:n.instanceOf(Element)}),value:n.string,inputRef:n.shape({}),classes:n.shape({avatar:n.string.isRequired}).isRequired,withLightTheme:n.bool,placeholder:n.string,style:n.shape({}),mentionProps:n.shape({}),onMount:n.func,onKeyDown:n.func,onKeyUp:n.func,onFocus:n.func,onBlur:n.func,autoFocus:n.bool,disabled:n.bool,currentUser:n.shape({company_id:n.number.isRequired}),companyId:n.number,isCompanySelectVisible:n.bool.isRequired,allowSuggestionsAboveCursor:n.bool,highlightLinks:n.bool,allowEmptyQuery:n.bool};var A=function(){},D={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},L={},N=function(){},T=function(){},F=function(){},K=function(){},E=function(){},U=b({isCompanySelectVisible:f.companySelectorView})(t({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(R));export{U as default};
+import o from"@babel/runtime/helpers/defineProperty";import{useEffect as e,useCallback as r}from"react";import{debounce as i}from"lodash";import t from"prop-types";import{withStyles as n}from"@material-ui/core/styles";import{MentionsInput as s,Mention as a}from"react-mentions";import l from"@material-ui/core/colors/blue";import{handleFetchUsers as u}from"./utils/index.js";import{URL_CAPTURE_PATTERN as c}from"../../utils/links.js";import{USER_MARKUP as p,LINK_MARKUP as m}from"./constants.js";import d from"./style.css.js";import{AvatarComponent as g}from"../Avatar/index.js";import"../../permissions/PermissionsContext.js";import{PERMISSIONS as f}from"../../permissions/constants/index.js";import"@babel/runtime/helpers/slicedToArray";import{withPermissionsHOC as b}from"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../utils/shareRecentRequest.js";import"../../permissions/ProvidePermissions.js";import{jsxs as h,jsx as y}from"react/jsx-runtime";function v(o,e){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.push.apply(r,i)}return r}function j(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?v(Object(i),!0).forEach((function(r){o(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(i,o))}))}return e}var _={backgroundColor:l[100]},w={color:"#00bcd4"},O={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/(?!)/,C=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},S=j(j({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),k=j(j({},x),{},{input:{color:"#000"}}),R=function(o){var t=o.onChange,n=void 0===t?A:t,l=o.singleLine,f=void 0!==l&&l,b=o.suggestionsPortalHost,v=void 0===b?null:b,x=o.value,R=void 0===x?"":x,E=o.inputRef,U=void 0===E?null:E,H=o.classes,I=o.style,M=void 0===I?D:I,V=o.withLightTheme,B=void 0!==V&&V,Q=o.placeholder,z=void 0===Q?"Mention people using '@'":Q,G=o.onMount,J=void 0===G?N:G,W=o.onKeyDown,X=void 0===W?T:W,Y=o.onKeyUp,Z=void 0===Y?F:Y,$=o.onFocus,oo=void 0===$?K:$,eo=o.onBlur,ro=void 0===eo?q:eo,io=o.autoFocus,to=void 0===io||io,no=o.disabled,so=void 0!==no&&no,ao=o.companyId,lo=void 0===ao?null:ao,uo=o.currentUser,co=void 0===uo?null:uo,po=o.isCompanySelectVisible,mo=o.mentionProps,go=void 0===mo?L:mo,fo=o.allowSuggestionsAboveCursor,bo=void 0!==fo&&fo,ho=o.allowEmptyQuery,yo=void 0!==ho&&ho,vo=o.highlightLinks,jo=void 0!==vo&&vo;e(J,[]);var _o=r(i((function(o,e){var r=po&&co&&co.company_id!==lo?[co.company_id,lo]:null;u(o,e,r,yo)}),400),[lo,yo]),wo=j(j({},B?k:S),M);if(jo){var Oo,Po=null===(Oo=wo.input)||void 0===Oo?void 0:Oo.color;wo.input=j(j({caretColor:Po},wo.input),{},{color:"transparent"}),wo.highlighter=j(j({color:Po},wo.highlighter),{},{substring:{visibility:"visible"}})}return h(s,{value:R,onChange:function(o,e){n(e)},singleLine:f,allowSpaceInQuery:!0,classNames:d,placeholder:z,suggestionsPortalHost:v,inputRef:U,style:wo,onKeyDown:X,onKeyUp:Z,autoFocus:to,onFocus:oo,onBlur:ro,disabled:so,allowSuggestionsAboveCursor:bo,children:[y(a,j({markup:p,renderSuggestion:function(o){return function(o,e){return h("div",{className:d.mention__suggestion,children:[y(g,{alt:o.display,displayName:o.display,className:e.avatar,imgSrc:o.photo}),h("div",{className:d.mention__suggestion__info,children:[y("span",{"data-testid":"".concat("userMention","_name_").concat(o.display),className:d.mention__suggestion__info__name,children:o.display}),o.title&&y("span",{className:d.mention__suggestion__info__group,children:o.title})]})]})}(o,H)},trigger:"@",data:_o,displayTransform:function(o,e){return"@".concat(e)},style:B?_:w,appendSpaceOnAdd:!0},go)),jo&&y(a,{markup:m,regex:c,trigger:P,data:C,displayTransform:function(o){return o},style:O})]})};R.propTypes={onChange:t.func,singleLine:t.bool,suggestionsPortalHost:t.shape({current:t.instanceOf(Element)}),value:t.string,inputRef:t.shape({}),classes:t.shape({avatar:t.string.isRequired}).isRequired,withLightTheme:t.bool,placeholder:t.string,style:t.shape({}),mentionProps:t.shape({}),onMount:t.func,onKeyDown:t.func,onKeyUp:t.func,onFocus:t.func,onBlur:t.func,autoFocus:t.bool,disabled:t.bool,currentUser:t.shape({company_id:t.number.isRequired}),companyId:t.number,isCompanySelectVisible:t.bool.isRequired,allowSuggestionsAboveCursor:t.bool,highlightLinks:t.bool,allowEmptyQuery:t.bool};var A=function(){},D={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},L={},N=function(){},T=function(){},F=function(){},K=function(){},q=function(){},E=b({isCompanySelectVisible:f.companySelectorView})(n({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(R));export{E as default};
 //# sourceMappingURL=index.js.map

package/components/UserMention/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n avatar: {\n height: 45,\n width: 45,\n border: '1.5px solid #fff',\n },\n};\n\nconst mentionLightStyle = {\n backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n color: 'var(--palette-info-light)',\n backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n // Outline, not border: a border takes space and would shift the text.\n outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\n// `/$^/` looks like it never matches but matches the empty string, and react-mentions then reads\n// capture groups this regex does not have — every caret at the start of an empty composer threw.\nconst NEVER_TRIGGERS = /(?!)/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n suggestions: {\n item: {\n '&focused': {\n backgroundColor: 'rgba(0, 0, 0, 0.08)',\n },\n },\n },\n};\n\nconst darkThemeInputStyles = {\n ...inputStyles,\n input: {\n color: '#fff',\n caretColor: '#fff',\n zIndex: 1,\n },\n highlighter: {\n color: '#fff',\n },\n};\n\nconst lightThemeInputStyles = {\n ...inputStyles,\n input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n <div className={styles.mention__suggestion}>\n <Avatar\n alt={entry.display}\n displayName={entry.display}\n className={classes.avatar}\n imgSrc={entry.photo}\n />\n <div className={styles.mention__suggestion__info}>\n <span\n data-testid={`${PAGE_NAME}_name_${entry.display}`}\n className={styles.mention__suggestion__info__name}\n >\n {entry.display}\n </span>\n {entry.title && (\n <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n )}\n </div>\n </div>\n);\n\nconst UserMention = ({\n onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n singleLine = false,\n suggestionsPortalHost = null,\n value = '',\n inputRef = null,\n classes,\n style = DEFAULT_USER_MENTION_STYLE,\n withLightTheme = false,\n placeholder = \"Mention people using '@'\",\n onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n autoFocus = true,\n disabled = false,\n companyId = null,\n currentUser = null,\n isCompanySelectVisible,\n mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n allowSuggestionsAboveCursor = false,\n allowEmptyQuery = false,\n highlightLinks = false,\n}) => {\n useEffect(onMount, []);\n\n const fetchUsers = (search, callback) => {\n const companyIds =\n isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n ? [currentUser.company_id, companyId]\n : null;\n\n handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n };\n\n const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n const onInputChange = (event, newValue) => {\n onChange(newValue);\n };\n\n const themedStyle = {\n ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n ...style,\n };\n\n // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n // mention's colour never shows through. Handing the text to the highlighter instead is what\n // lets a link carry the same token as the plain textareas do.\n if (highlightLinks) {\n const textColor = themedStyle.input?.color;\n\n themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n themedStyle.highlighter = {\n color: textColor,\n ...themedStyle.highlighter,\n substring: { visibility: 'visible' },\n };\n }\n\n return (\n <MentionsInput\n value={value}\n onChange={onInputChange}\n singleLine={singleLine}\n allowSpaceInQuery\n classNames={styles}\n placeholder={placeholder}\n suggestionsPortalHost={suggestionsPortalHost}\n inputRef={inputRef}\n style={themedStyle}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n autoFocus={autoFocus}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n >\n <Mention\n markup={USER_MARKUP}\n renderSuggestion={entry => renderSuggestion(entry, classes)}\n trigger=\"@\"\n data={debouncedUsersFetch}\n displayTransform={(id, display) => `@${display}`}\n style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n appendSpaceOnAdd\n {...mentionProps}\n />\n\n {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n of its own, so the url stays exactly as typed in the value it hands back. /}\n {highlightLinks && (\n <Mention\n markup={LINK_MARKUP}\n regex={URL_CAPTURE_PATTERN}\n trigger={NEVER_TRIGGERS}\n data={NO_SUGGESTIONS}\n displayTransform={display => display}\n style={linkStyle}\n />\n )}\n </MentionsInput>\n );\n};\n\nUserMention.propTypes = {\n onChange: PropTypes.func,\n singleLine: PropTypes.bool,\n suggestionsPortalHost: PropTypes.shape({\n current: PropTypes.instanceOf(Element),\n }),\n value: PropTypes.string,\n inputRef: PropTypes.shape({}),\n classes: PropTypes.shape({\n avatar: PropTypes.string.isRequired,\n }).isRequired,\n withLightTheme: PropTypes.bool,\n placeholder: PropTypes.string,\n style: PropTypes.shape({}),\n mentionProps: PropTypes.shape({}),\n onMount: PropTypes.func,\n onKeyDown: PropTypes.func,\n onKeyUp: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n\n currentUser: PropTypes.shape({\n company_id: PropTypes.number.isRequired,\n }),\n companyId: PropTypes.number,\n isCompanySelectVisible: PropTypes.bool.isRequired,\n allowSuggestionsAboveCursor: PropTypes.bool,\n highlightLinks: PropTypes.bool,\n /* Show default users when only \"@\" is typed, instead of waiting for a search term. */\n allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n suggestions: {\n list: {\n background: '#414141',\n },\n item: {\n color: 'white',\n height: 30,\n '&focused': {\n backgroundColor: 'rgba(255, 255, 255, 0.08)',\n },\n },\n },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"2kDAiBA,IAUMA,EAAoB,CACxBC,gBAAiBC,EAAK,MAElBC,EAAmB,CACvBC,MAAO,WAKHC,EAAY,CAChBD,MAAO,4BACPH,gBAAiB,uDAEjBK,QAAS,iEACTC,aAAc,OAMVC,EAAiB,OACjBC,EAAiB,GAGjBC,EAAc,CAClBC,YAAa,CACXC,KAAM,CACJ,WAAY,CACVX,gBAAiB,0BAMnBY,SACDH,GAAW,CAAA,EAAA,CACdI,MAAO,CACLV,MAAO,OACPW,WAAY,OACZC,OAAQ,GAEVC,YAAa,CACXb,MAAO,UAILc,SACDR,GAAW,CAAA,EAAA,CACdI,MAAO,CAAEV,MAAO,UAyBZe,EAAc,SAwBdC,GAAA,IAAAC,EAAAD,EAvBJE,SAAAA,aAAWC,EAA8BF,EAAAG,EAAAJ,EACzCK,WAAAA,cAAkBD,EAAAE,EAAAN,EAClBO,sBAAAA,aAAwB,KAAID,EAAAE,EAAAR,EAC5BS,MAAAA,aAAQ,GAAED,EAAAE,EAAAV,EACVW,SAAAA,aAAW,KAAID,EACfE,IAAAA,QAAOC,EAAAb,EACPc,MAAAA,aAAQC,EAA0BF,EAAAG,EAAAhB,EAClCiB,eAAAA,cAAsBD,EAAAE,EAAAlB,EACtBmB,YAAAA,aAAc,2BAA0BD,EAAAE,EAAApB,EACxCqB,QAAAA,aAAUC,EAA6BF,EAAAG,EAAAvB,EACvCwB,UAAAA,aAAYC,EAAgCF,EAAAG,EAAA1B,EAC5C2B,QAAAA,aAAUC,EAA8BF,EAAAG,EAAA7B,EACxC8B,QAAAA,cAAUC,EAA6BF,EAAAG,GAAAhC,EACvCiC,OAAAA,eAASC,EAA4BF,GAAAG,GAAAnC,EACrCoC,UAAAA,gBAAgBD,GAAAE,GAAArC,EAChBsC,SAAAA,gBAAgBD,GAAAE,GAAAvC,EAChBwC,UAAAA,eAAY,KAAID,GAAAE,GAAAzC,EAChB0C,YAAAA,eAAc,KAAID,GAClBE,KAAAA,uBAAsBC,GAAA5C,EACtB6C,aAAAA,eAAeC,EAAkCF,GAAAG,GAAA/C,EACjDgD,4BAAAA,gBAAmCD,GAAAE,GAAAjD,EACnCkD,gBAAAA,gBAAuBD,GAAAE,GAAAnD,EACvBoD,eAAAA,gBAAsBD,GAEtBE,EAAUhC,EAAS,IAEnB,IASMiC,GAAsBC,EAAYC,GATrB,SAACC,EAAQC,GAC1B,IAAMC,EACJhB,IAA0BD,IAAeA,GAAYkB,aAAepB,GAChE,CAACE,GAAYkB,WAAYpB,IACzB,KAENqB,EAAiBJ,EAAQC,EAAUC,EAAYT,MAGY,KAAM,CAACV,GAAWU,KAMzEY,UACA7C,EAAiBnB,EAAwBL,GAC1CqB,GAML,GAAIsC,GAAgB,CAAA,IAAAW,GACZC,GAA6B,QAAjBF,GAAAA,GAAYpE,aAAK,IAAAqE,QAAA,EAAjBA,GAAmB/E,MAErC8E,GAAYpE,MAAKuE,EAAAA,EAAA,CAAKtE,WAAYqE,IAAcF,GAAYpE,OAAK,GAAA,CAAEV,MAAO,gBAC1E8E,GAAYjE,YAAWoE,EAAAA,EAAA,CACrBjF,MAAOgF,IACJF,GAAYjE,aAAW,GAAA,CAC1BqE,UAAW,CAAEC,WAAY,YAE7B,CAEA,OACEC,EAACC,EAAa,CACZ5D,MAAOA,EACPP,SA1BkB,SAACoE,EAAOC,GAC5BrE,EAASqE,IA0BPlE,WAAYA,EACZmE,mBAAiB,EACjBC,WAAYC,EACZvD,YAAaA,EACbZ,sBAAuBA,EACvBI,SAAUA,EACVG,MAAOgD,GACPtC,UAAWA,EACXG,QAASA,EACTS,UAAWA,GACXN,QAASA,GACTG,OAAQA,GACRK,SAAUA,GACVU,4BAA6BA,GAA4B2B,SAAA,CAEzDC,EAACC,EAAOZ,EAAA,CACNa,OAAQC,EACRC,iBAAkB,SAAAC,GAAK,OAxGN,SAACA,EAAOrE,GAAO,OACtCwD,EAAA,MAAA,CAAKc,UAAWR,EAAOS,oBAAoBR,SAAA,CACzCC,EAACQ,EAAM,CACLC,IAAKJ,EAAMK,QACXC,YAAaN,EAAMK,QACnBJ,UAAWtE,EAAQ4E,OACnBC,OAAQR,EAAMS,QAEhBtB,EAAA,MAAA,CAAKc,UAAWR,EAAOiB,0BAA0BhB,SAC/C,CAAAC,EAAA,OAAA,CACE,cAAA,GAAAgB,OAvEU,cAuEe,UAAAA,OAASX,EAAMK,SACxCJ,UAAWR,EAAOmB,gCAAgClB,SAEjDM,EAAMK,UAERL,EAAMa,OACLlB,EAAA,OAAA,CAAMM,UAAWR,EAAOqB,iCAAiCpB,SAAEM,EAAMa,aAGjE,CAqF2Bd,CAAiBC,EAAOrE,EAAS,EAC5DoF,QAAQ,IACRC,KAAM3C,GACN4C,iBAAkB,SAACC,EAAIb,GAAO,MAAA,IAAAM,OAASN,EAAU,EACjDxE,MAAOG,EAAiBrC,EAAoBG,EAC5CqH,kBAAgB,GACZvD,KAKLO,IACCwB,EAACC,EAAO,CACNC,OAAQuB,EACRC,MAAOC,EACPP,QAAS5G,EACT6G,KAAM5G,EACN6G,iBAAkB,SAAAZ,GAAO,OAAIA,CAAQ,EACrCxE,MAAO7B,MAKjB,EAEAc,EAAYyG,UAAY,CACtBtG,SAAUuG,EAAUC,KACpBrG,WAAYoG,EAAUE,KACtBpG,sBAAuBkG,EAAUG,MAAM,CACrCC,QAASJ,EAAUK,WAAWC,WAEhCtG,MAAOgG,EAAUO,OACjBrG,SAAU8F,EAAUG,MAAM,IAC1BhG,QAAS6F,EAAUG,MAAM,CACvBpB,OAAQiB,EAAUO,OAAOC,aACxBA,WACHhG,eAAgBwF,EAAUE,KAC1BxF,YAAasF,EAAUO,OACvBlG,MAAO2F,EAAUG,MAAM,IACvB/D,aAAc4D,EAAUG,MAAM,IAC9BvF,QAASoF,EAAUC,KACnBlF,UAAWiF,EAAUC,KACrB/E,QAAS8E,EAAUC,KACnB5E,QAAS2E,EAAUC,KACnBzE,OAAQwE,EAAUC,KAClBtE,UAAWqE,EAAUE,KACrBrE,SAAUmE,EAAUE,KAEpBjE,YAAa+D,EAAUG,MAAM,CAC3BhD,WAAY6C,EAAUS,OAAOD,aAE/BzE,UAAWiE,EAAUS,OACrBvE,uBAAwB8D,EAAUE,KAAKM,WACvCjE,4BAA6ByD,EAAUE,KACvCvD,eAAgBqD,EAAUE,KAE1BzD,gBAAiBuD,EAAUE,MAG7B,IAAMxG,EAAiC,WAAe,EAEhDY,EAA6B,CACjCxB,YAAa,CACX4H,KAAM,CACJC,WAAY,WAEd5H,KAAM,CACJR,MAAO,QACPqI,OAAQ,GACR,WAAY,CACVxI,gBAAiB,gCAMnBiE,EAAqC,CAAA,EACrCxB,EAAgC,WAAe,EAC/CG,EAAmC,WAAe,EAClDG,EAAiC,WAAe,EAChDG,EAAgC,WAAe,EAC/CG,EAA+B,WAAe,EAEpDoF,EAAeC,EAAmB,CAAE5E,uBAAwB6E,EAAYC,qBAAzDF,CACbG,EAvPgB,CAChBlC,OAAQ,CACN6B,OAAQ,GACRM,MAAO,GACPC,OAAQ,qBAmPVF,CAAsB3H"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n avatar: {\n height: 45,\n width: 45,\n border: '1.5px solid #fff',\n },\n};\n\nconst mentionLightStyle = {\n backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n color: 'var(--palette-info-light)',\n backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n // Outline, not border: a border takes space and would shift the text.\n outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\n// `/$^/` looks like it never matches but matches the empty string, and react-mentions then reads\n// capture groups this regex does not have — every caret at the start of an empty composer threw.\nconst NEVER_TRIGGERS = /(?!)/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n suggestions: {\n item: {\n '&focused': {\n backgroundColor: 'rgba(0, 0, 0, 0.08)',\n },\n },\n },\n};\n\nconst darkThemeInputStyles = {\n ...inputStyles,\n input: {\n color: '#fff',\n caretColor: '#fff',\n zIndex: 1,\n },\n highlighter: {\n color: '#fff',\n },\n};\n\nconst lightThemeInputStyles = {\n ...inputStyles,\n input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n <div className={styles.mention__suggestion}>\n <Avatar\n alt={entry.display}\n displayName={entry.display}\n className={classes.avatar}\n imgSrc={entry.photo}\n />\n <div className={styles.mention__suggestion__info}>\n <span\n data-testid={`${PAGE_NAME}_name_${entry.display}`}\n className={styles.mention__suggestion__info__name}\n >\n {entry.display}\n </span>\n {entry.title && (\n <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n )}\n </div>\n </div>\n);\n\nconst UserMention = ({\n onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n singleLine = false,\n suggestionsPortalHost = null,\n value = '',\n inputRef = null,\n classes,\n style = DEFAULT_USER_MENTION_STYLE,\n withLightTheme = false,\n placeholder = \"Mention people using '@'\",\n onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n autoFocus = true,\n disabled = false,\n companyId = null,\n currentUser = null,\n isCompanySelectVisible,\n mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n allowSuggestionsAboveCursor = false,\n allowEmptyQuery = false,\n highlightLinks = false,\n}) => {\n useEffect(onMount, []);\n\n const fetchUsers = (search, callback) => {\n const companyIds =\n isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n ? [currentUser.company_id, companyId]\n : null;\n\n handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n };\n\n const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n const onInputChange = (event, newValue) => {\n onChange(newValue);\n };\n\n const themedStyle = {\n ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n ...style,\n };\n\n // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n // mention's colour never shows through. Handing the text to the highlighter instead is what\n // lets a link carry the same token as the plain textareas do.\n if (highlightLinks) {\n const textColor = themedStyle.input?.color;\n\n themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n themedStyle.highlighter = {\n color: textColor,\n ...themedStyle.highlighter,\n substring: { visibility: 'visible' },\n };\n }\n\n return (\n <MentionsInput\n value={value}\n onChange={onInputChange}\n singleLine={singleLine}\n allowSpaceInQuery\n classNames={styles}\n placeholder={placeholder}\n suggestionsPortalHost={suggestionsPortalHost}\n inputRef={inputRef}\n style={themedStyle}\n onKeyDown={onKeyDown}\n onKeyUp={onKeyUp}\n autoFocus={autoFocus}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n >\n <Mention\n markup={USER_MARKUP}\n renderSuggestion={entry => renderSuggestion(entry, classes)}\n trigger=\"@\"\n data={debouncedUsersFetch}\n displayTransform={(id, display) => `@${display}`}\n style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n appendSpaceOnAdd\n {...mentionProps}\n />\n\n {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n of its own, so the url stays exactly as typed in the value it hands back. /}\n {highlightLinks && (\n <Mention\n markup={LINK_MARKUP}\n regex={URL_CAPTURE_PATTERN}\n trigger={NEVER_TRIGGERS}\n data={NO_SUGGESTIONS}\n displayTransform={display => display}\n style={linkStyle}\n />\n )}\n </MentionsInput>\n );\n};\n\nUserMention.propTypes = {\n onChange: PropTypes.func,\n singleLine: PropTypes.bool,\n suggestionsPortalHost: PropTypes.shape({\n current: PropTypes.instanceOf(Element),\n }),\n value: PropTypes.string,\n inputRef: PropTypes.shape({}),\n classes: PropTypes.shape({\n avatar: PropTypes.string.isRequired,\n }).isRequired,\n withLightTheme: PropTypes.bool,\n placeholder: PropTypes.string,\n style: PropTypes.shape({}),\n mentionProps: PropTypes.shape({}),\n onMount: PropTypes.func,\n onKeyDown: PropTypes.func,\n onKeyUp: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n autoFocus: PropTypes.bool,\n disabled: PropTypes.bool,\n\n currentUser: PropTypes.shape({\n company_id: PropTypes.number.isRequired,\n }),\n companyId: PropTypes.number,\n isCompanySelectVisible: PropTypes.bool.isRequired,\n allowSuggestionsAboveCursor: PropTypes.bool,\n highlightLinks: PropTypes.bool,\n /* Show default users when only \"@\" is typed, instead of waiting for a search term. */\n allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n suggestions: {\n list: {\n background: '#414141',\n },\n item: {\n color: 'white',\n height: 30,\n '&focused': {\n backgroundColor: 'rgba(255, 255, 255, 0.08)',\n },\n },\n },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","blue","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","mention__suggestion__info","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}

package/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"moment";import{Tooltip as s}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as t}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{Text as n}from"../../Text/Text.js";import{UniversalLink as c}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as r}from"../../../constants/mixpanel.js";import{ArrowRightIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../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"../../../components/UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../utils/convert.js";import"../../../constants/completion.js";import"../../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"lodash";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/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/mobileDetect.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"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import{safeTemplate as m}from"../../../utils/safeTemplate.js";import l from"./DqAlertTooltip.scss.js";import{jsx as a,jsxs as p,Fragment as u}from"react/jsx-runtime";var d=function(s){return s&&o.unix(s).format("MMM D YYYY, hh:mm A")},j=function(s){return o.unix(s).format("DD MMM HH:mm (Z)")},I=function(o){var s=o.message,i=m(s)({timestampFormatter:j}).split("**").map((function(o,s){return s%2==1?a("b",{children:o},s):o}));return a("span",{className:l.message,children:i})},v=function(o){var s=o.children,i=o.label,t=o.className;return p("div",{className:l.item,children:[i&&a(n,{size:14,color:"T6",children:i}),s&&a(n,{size:14,color:"T1",className:t,children:s})]})},h=function(o){var m,j,h,g,b,C,f,y,D,F,A,T,M,S,x,O,P,N,k,R,U,E,z,G=o.children,q=o.item,B=Math.max(null===(m=q.alert)||void 0===m?void 0:m.statusUpdatedAt,null===(j=q.alert)||void 0===j?void 0:j.lastCheckedAt),W=d(B),L=a("div",{className:l.content,children:null!==(h=q.alert)&&void 0!==h&&h.emptyMessage?a(n,{size:16,children:null!==(g=q.alert)&&void 0!==g&&g.statusUpdatedAt?d(null===(b=q.alert)||void 0===b?void 0:b.statusUpdatedAt):null===(C=q.alert)||void 0===C?void 0:C.emptyMessage}):p(u,{children:[p(n,{size:16,className:l.title,children:[null===(f=q.alert)||void 0===f?void 0:f.name,a(s,{title:"Go to Data Quality page",children:a(c,{href:q.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,r.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a(i,{size:"medium",type:"secondary",children:a(e,{})})})})]}),p("div",{className:l.items,children:[a(v,{label:"Category:",children:null===(y=q.alert)||void 0===y?void 0:y.category}),a(v,{label:"Status:",className:l.status,children:null===(D=q.alert)||void 0===D?void 0:D.status}),p(v,{label:"Error Type:",className:"Issue"===(null===(F=q.alert)||void 0===F?void 0:F.state)?l.typeWarning:l.typeError,children:[a(t,{statusBadgeIconType:"Issue"===(null===(A=q.alert)||void 0===A?void 0:A.state)?"issue":"error",className:l.typeIcon}),null===(T=q.alert)||void 0===T?void 0:T.state]}),a(v,{label:"Score Deduction:",className:(E=null===(M=q.alert)||void 0===M?void 0:M.deductsFromScore,z="resolved"===(null===(S=q.alert)||void 0===S?void 0:S.status),z||!E?"":E>40?l.deductError:E>10?l.deductWarning:E>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(x=q.alert)||void 0===x?void 0:x.status)&&null!==(O=q.alert)&&void 0!==O&&O.deductsFromScore&&(null===(P=q.alert)||void 0===P?void 0:P.deductsFromScore)>=0?"".concat(null===(N=q.alert)||void 0===N?void 0:N.deductsFromScore,"%"):"—"}),p(v,{className:l.alertMessage,children:[(null===(k=q.alert)||void 0===k?void 0:k.isThrottled)&&a("b",{children:"[Throttled]: "}),a(I,{message:null===(R=q.alert)||void 0===R?void 0:R.message})]}),a(v,{label:"Note:",children:(null===(U=q.alert)||void 0===U?void 0:U.note)||"—"}),a(v,{label:"Updated at:",children:W})]})]})});return a(s,{title:L,placement:"right",interactive:!0,className:l.root,children:G})};export{h as DqAlertTooltip};
+import o from"moment";import{Tooltip as s}from"../../Tooltip/Tooltip.js";import{ButtonIcon as i}from"../../ButtonIcon/ButtonIcon.js";import{DqStatusIcon as t}from"../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import{Text as n}from"../../Text/Text.js";import{UniversalLink as c}from"../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{MIXPANEL_ACTION_TYPES as r}from"../../../constants/mixpanel.js";import{ArrowRightIcon as e}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../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"../../../components/UserMention/utils/index.js";import"@babel/runtime/helpers/defineProperty";import"../../../utils/convert.js";import"../../../constants/completion.js";import"../../../constants/alerts.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../utils/casing/validation.js";import"@babel/runtime/helpers/slicedToArray";import"lodash/mean";import"lodash";import"../../../constants/streamSourceType.js";import"lodash/get";import"file-saver";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../../components/GradientManager/configuration/constants.js";import"../../../utils/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/mobileDetect.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/shareRecentRequest.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../utils/charts/Styles.scss.js";import"../../../utils/getSingleAsset.js";import{safeTemplate as m}from"../../../utils/safeTemplate.js";import l from"./DqAlertTooltip.scss.js";import{jsx as a,jsxs as p,Fragment as u}from"react/jsx-runtime";var d=function(s){return s&&o.unix(s).format("MMM D YYYY, hh:mm A")},j=function(s){return o.unix(s).format("DD MMM HH:mm (Z)")},I=function(o){var s=o.message,i=m(s)({timestampFormatter:j}).split("**").map((function(o,s){return s%2==1?a("b",{children:o},s):o}));return a("span",{className:l.message,children:i})},v=function(o){var s=o.children,i=o.label,t=o.className;return p("div",{className:l.item,children:[i&&a(n,{size:14,color:"T6",children:i}),s&&a(n,{size:14,color:"T1",className:t,children:s})]})},h=function(o){var m,j,h,g,b,C,f,y,D,F,A,T,M,S,x,O,P,N,k,R,U,E,q,z=o.children,G=o.item,B=Math.max(null===(m=G.alert)||void 0===m?void 0:m.statusUpdatedAt,null===(j=G.alert)||void 0===j?void 0:j.lastCheckedAt),W=d(B),L=a("div",{className:l.content,children:null!==(h=G.alert)&&void 0!==h&&h.emptyMessage?a(n,{size:16,children:null!==(g=G.alert)&&void 0!==g&&g.statusUpdatedAt?d(null===(b=G.alert)||void 0===b?void 0:b.statusUpdatedAt):null===(C=G.alert)||void 0===C?void 0:C.emptyMessage}):p(u,{children:[p(n,{size:16,className:l.title,children:[null===(f=G.alert)||void 0===f?void 0:f.name,a(s,{title:"Go to Data Quality page",children:a(c,{href:G.linkToDQPage,onClick:function(){var o,s;null===(o=(s=window)[Symbol.for("logToMixpanel")])||void 0===o||o.call(s,r.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a(i,{size:"medium",type:"secondary",children:a(e,{})})})})]}),p("div",{className:l.items,children:[a(v,{label:"Category:",children:null===(y=G.alert)||void 0===y?void 0:y.category}),a(v,{label:"Status:",className:l.status,children:null===(D=G.alert)||void 0===D?void 0:D.status}),p(v,{label:"Error Type:",className:"Issue"===(null===(F=G.alert)||void 0===F?void 0:F.state)?l.typeWarning:l.typeError,children:[a(t,{statusBadgeIconType:"Issue"===(null===(A=G.alert)||void 0===A?void 0:A.state)?"issue":"error",className:l.typeIcon}),null===(T=G.alert)||void 0===T?void 0:T.state]}),a(v,{label:"Score Deduction:",className:(E=null===(M=G.alert)||void 0===M?void 0:M.deductsFromScore,q="resolved"===(null===(S=G.alert)||void 0===S?void 0:S.status),q||!E?"":E>40?l.deductError:E>10?l.deductWarning:E>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(x=G.alert)||void 0===x?void 0:x.status)&&null!==(O=G.alert)&&void 0!==O&&O.deductsFromScore&&(null===(P=G.alert)||void 0===P?void 0:P.deductsFromScore)>=0?"".concat(null===(N=G.alert)||void 0===N?void 0:N.deductsFromScore,"%"):"—"}),p(v,{className:l.alertMessage,children:[(null===(k=G.alert)||void 0===k?void 0:k.isThrottled)&&a("b",{children:"[Throttled]: "}),a(I,{message:null===(R=G.alert)||void 0===R?void 0:R.message})]}),a(v,{label:"Note:",children:(null===(U=G.alert)||void 0===U?void 0:U.note)||"—"}),a(v,{label:"Updated at:",children:W})]})]})});return a(s,{title:L,placement:"right",interactive:!0,className:l.root,children:z})};export{h as DqAlertTooltip};
 //# sourceMappingURL=DqAlertTooltip.js.map

package/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DqAlertTooltip.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\nimport { safeTemplate } from '../../../utils';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n const compiled = safeTemplate(message);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number \| undefined, isResolved: boolean) => {\n if (isResolved \|\| !score) return '';\n\n if (score > 40) {\n return styles.deductError;\n } else if (score > 10) {\n return styles.deductWarning;\n } else if (score > 5) {\n return styles.deductOk;\n }\n\n return styles.deductGood;\n};\n\nconst Item = ({\n children,\n label,\n className,\n}: {\n label?: ReactNode;\n children?: ReactNode;\n className?: string;\n}) => (\n <div className={styles.item}>\n {label && (\n <Text size={14} color=\"T6\">\n {label}\n </Text>\n )}\n {children && (\n <Text size={14} color=\"T1\" className={className}>\n {children}\n </Text>\n )}\n </div>\n);\n\nexport type DqAlertTooltipProps = {\n children: ReactElement;\n item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n const title = (\n <div className={styles.content}>\n {item.alert?.emptyMessage ? (\n <Text size={16}>\n {item.alert?.statusUpdatedAt\n ? formatDate(item.alert?.statusUpdatedAt)\n : item.alert?.emptyMessage}\n </Text>\n ) : (\n <>\n <Text size={16} className={styles.title}>\n {item.alert?.name}\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n href={item.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n </Text>\n\n <div className={styles.items}>\n <Item label=\"Category:\">{item.alert?.category}</Item>\n <Item label=\"Status:\" className={styles.status}>\n {item.alert?.status}\n </Item>\n <Item\n label=\"Error Type:\"\n className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n >\n <DqStatusIcon\n statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n className={styles.typeIcon}\n />\n {item.alert?.state}\n </Item>\n <Item\n label=\"Score Deduction:\"\n className={getDeductsFromScoreClass(\n item.alert?.deductsFromScore,\n item.alert?.status === 'resolved'\n )}\n >\n {item.alert?.status !== 'resolved' &&\n item.alert?.deductsFromScore &&\n item.alert?.deductsFromScore >= 0\n ? `${item.alert?.deductsFromScore}%`\n : '—'}\n </Item>\n <Item className={styles.alertMessage}>\n {item.alert?.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage message={item.alert?.message} />\n </Item>\n <Item label=\"Note:\">{item.alert?.note \|\| '—'}</Item>\n <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n </div>\n </>\n )}\n </div>\n );\n\n return (\n <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n {children}\n </Tooltip>\n );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","safeTemplate","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","Text","size","color","DqAlertTooltip","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"~~ojNAeA~~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"}
1	+ {"version":3,"file":"DqAlertTooltip.js","sources":["../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\nimport { safeTemplate } from '../../../utils';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n const compiled = safeTemplate(message);\n const messageParts = compiled({\n timestampFormatter,\n })\n // Support of Bold syntax for backward compatibility\n .split('**')\n .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number \| undefined, isResolved: boolean) => {\n if (isResolved \|\| !score) return '';\n\n if (score > 40) {\n return styles.deductError;\n } else if (score > 10) {\n return styles.deductWarning;\n } else if (score > 5) {\n return styles.deductOk;\n }\n\n return styles.deductGood;\n};\n\nconst Item = ({\n children,\n label,\n className,\n}: {\n label?: ReactNode;\n children?: ReactNode;\n className?: string;\n}) => (\n <div className={styles.item}>\n {label && (\n <Text size={14} color=\"T6\">\n {label}\n </Text>\n )}\n {children && (\n <Text size={14} color=\"T1\" className={className}>\n {children}\n </Text>\n )}\n </div>\n);\n\nexport type DqAlertTooltipProps = {\n children: ReactElement;\n item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n const statusUpdatedAt = formatDate(latestUpdateTime);\n\n const title = (\n <div className={styles.content}>\n {item.alert?.emptyMessage ? (\n <Text size={16}>\n {item.alert?.statusUpdatedAt\n ? formatDate(item.alert?.statusUpdatedAt)\n : item.alert?.emptyMessage}\n </Text>\n ) : (\n <>\n <Text size={16} className={styles.title}>\n {item.alert?.name}\n <Tooltip title=\"Go to Data Quality page\">\n <UniversalLink\n href={item.linkToDQPage}\n onClick={() => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (window as any)[Symbol.for('logToMixpanel')]?.(\n MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n { referer: 'DQ Badge' }\n );\n }}\n >\n <ButtonIcon size=\"medium\" type=\"secondary\">\n <ArrowRightIcon />\n </ButtonIcon>\n </UniversalLink>\n </Tooltip>\n </Text>\n\n <div className={styles.items}>\n <Item label=\"Category:\">{item.alert?.category}</Item>\n <Item label=\"Status:\" className={styles.status}>\n {item.alert?.status}\n </Item>\n <Item\n label=\"Error Type:\"\n className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n >\n <DqStatusIcon\n statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n className={styles.typeIcon}\n />\n {item.alert?.state}\n </Item>\n <Item\n label=\"Score Deduction:\"\n className={getDeductsFromScoreClass(\n item.alert?.deductsFromScore,\n item.alert?.status === 'resolved'\n )}\n >\n {item.alert?.status !== 'resolved' &&\n item.alert?.deductsFromScore &&\n item.alert?.deductsFromScore >= 0\n ? `${item.alert?.deductsFromScore}%`\n : '—'}\n </Item>\n <Item className={styles.alertMessage}>\n {item.alert?.isThrottled && <b>[Throttled]: </b>}\n <FormattedMessage message={item.alert?.message} />\n </Item>\n <Item label=\"Note:\">{item.alert?.note \|\| '—'}</Item>\n <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n </div>\n </>\n )}\n </div>\n );\n\n return (\n <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n {children}\n </Tooltip>\n );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","safeTemplate","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","Text","size","color","DqAlertTooltip","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}