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

@corva/ui 3.63.0-0 → 3.63.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 (446) hide show

package/components/FeedItem/components/FeedComments.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/Radio/Radio.js";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/Label/Label.js";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"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.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.scss.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"../../../utils/main.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"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.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"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isNativeDetected as I}from"../../../utils/mobileDetect.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"../../../utils/getSingleAsset.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"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";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/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.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/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.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"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";var v=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,b=h.comments,P=b.length,f=P>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],B=s(!1),k=o(B,2),F=k[0],M=k[1],y=s(!1),q=o(y,2),O=q[0],R=q[1],w=s(null),E=o(w,2),W=E[0],G=E[1],U=t(),z=t(),N=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return O?O&&!F?o.slice(0,5):O&&F?o:[]:o.slice(0,3)}),[b,F,O]);n((function(){if(5===N.length&&!W){var o=z.current.clientHeight;G(o),M(!0)}W&&!O&&(G(null),M(!1))}),[N.length,W,O]);var _=V(),K=v({commentsListHeight:W,isAllCommentsVisibleKeyPressed:O,isInsideDcApp:_});return C("div",{className:(g||!!P)&&K.feedCommentsContainer,children:[g&&!I&&A(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&C("div",{className:K.feedCommentsList,children:[A("div",{className:K.feedCommentsListContentWrapper,children:C("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return A(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),W&&A("div",{className:K.gradient})]})}),f&&A(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){R(!O)},children:O?"Hide older comments":"See all comments"})]}),L&&A(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as t,useMemo as e,useEffect as n}from"react";import i from"prop-types";import{sortBy as p,noop as r}from"lodash";import c from"moment";import{makeStyles as m,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import j from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as C,jsx as A}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../componentsV2/Text/Text.js";import"../../../componentsV2/Grid/Grid.js";import"../../../componentsV2/Grid/Cell.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"../../../componentsV2/Header/Header.scss.js";import"../../../componentsV2/Button/Button.js";import"../../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as V}from"../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../componentsV2/Popover/Popover.js";import"../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../componentsV2/Radio/Radio.js";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/Label/Label.js";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"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../componentsV2/TemplatesControl/utils.js";import"../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../componentsV2/TemplatesControl/types.js";import"../../../utils/index.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.scss.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"../../../utils/main.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"immutable";import"query-string";import"../../../constants/goals.js";import"../../../constants/segment.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../constants/corvaCompanyId.js";import"../../GradientManager/configuration/constants.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"../../../constants/streamSourceType.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import{isNativeDetected as I}from"../../../utils/mobileDetect.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"../../../utils/getSingleAsset.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"../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";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/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../componentsV2/AppSettings/AppSettings.js";import"../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../componentsV2/AppSizeProvider/AppSizeProvider.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/Autocomplete/Autocomplete.js";import"../../../componentsV2/Select/Select.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"react-color";import"../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";var v=m({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(o){var s=o.commentsListHeight;return s&&s-8},overflow:function(o){return o.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(o){var s=o.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function g(i){var m,g=i.openCommentInput,D=i.openCommentList,h=i.feedItem,S=i.currentUser,P=h.comments,b=P.length,f=b>3,T=s(!1),x=o(T,2),L=x[0],H=x[1],B=s(!1),k=o(B,2),F=k[0],M=k[1],y=s(!1),q=o(y,2),O=q[0],R=q[1],w=s(null),E=o(w,2),W=E[0],G=E[1],U=t(),z=t(),N=e((function(){var o=p(h.comments,(function(o){return-c(o.created_at).unix()}));return O?O&&!F?o.slice(0,5):O&&F?o:[]:o.slice(0,3)}),[P,F,O]);n((function(){if(5===N.length&&!W){var o=z.current.clientHeight;G(o),M(!0)}W&&!O&&(G(null),M(!1))}),[N.length,W,O]);var _=V(),K=v({commentsListHeight:W,isAllCommentsVisibleKeyPressed:O,isInsideDcApp:_});return C("div",{className:(g||!!b)&&K.feedCommentsContainer,children:[g&&!I&&A(j,{inputRef:U,postComment:function(o){u(h.id,o)},setIsPosting:H,companyId:h.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(h.id,"-").concat(null===(m=h.comments)||void 0===m?void 0:m.size)}),D&&C("div",{className:K.feedCommentsList,children:[A("div",{className:K.feedCommentsListContentWrapper,children:C("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return A(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:h.company_id,currentUser:S},o.id)})),W&&A("div",{className:K.gradient})]})}),f&&A(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){R(!O)},children:O?"Hide older comments":"See all comments"})]}),L&&A(d,{})]})}g.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{g as default};
 //# sourceMappingURL=FeedComments.js.map

package/components/FeedItem/components/FeedComments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
1	+ {"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n showMore: {\n cursor: 'pointer',\n },\n feedCommentsContainer: { padding: '0 16px 0 24px' },\n feedCommentsList: { marginTop: 24 },\n feedCommentsListContent: {\n height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n },\n feedCommentsListContentWrapper: {\n position: 'relative',\n },\n gradient: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%',\n height: 16,\n background: ({ isInsideDcApp }) =>\n `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n isInsideDcApp ? '#414141' : '3b3b3b'\n } 100%)`,\n },\n});\n\n// If there are more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n const { comments } = feedItem;\n\n const commentsCount = comments.length;\n const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n const [isPosting, setIsPosting] = useState(false);\n const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n const inputEl = useRef();\n const commentsListRef = useRef();\n\n const toggleShowAllComments = () => {\n setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n };\n\n const postComment = comment => {\n postFeedItemComment(feedItem.id, comment);\n };\n\n const visibleComments = useMemo(() => {\n const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n if (!isAllCommentsVisibleKeyPressed)\n return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n }\n\n if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n return [];\n }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n useEffect(() => {\n if (\n visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n !commentsListHeight\n ) {\n const divHeight = commentsListRef.current.clientHeight;\n setCommentsListHeight(divHeight);\n setIsVisibleCommentsAppeared(true);\n }\n\n if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n setCommentsListHeight(null);\n setIsVisibleCommentsAppeared(false);\n }\n }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n return (\n <div className={(openCommentInput \|\| !!commentsCount) && classes.feedCommentsContainer}>\n {openCommentInput && !isNativeDetected && (\n <CommentInput\n inputRef={inputEl}\n postComment={postComment}\n setIsPosting={setIsPosting}\n companyId={feedItem.company_id}\n autoFocus={false}\n currentUser={currentUser}\n parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n />\n )}\n {openCommentList && (\n <div className={classes.feedCommentsList}>\n <div className={classes.feedCommentsListContentWrapper}>\n <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n {visibleComments.map(comment => (\n <Comment\n key={comment.id}\n comment={comment}\n handleDeleteCallback={noop /* NOTE: Received through subscription */}\n patchCommentCallback={noop}\n companyId={feedItem.company_id}\n currentUser={currentUser}\n />\n ))}\n {commentsListHeight && <div className={classes.gradient} />}\n </div>\n </div>\n {moreCommentsExist && (\n <Typography\n variant=\"caption\"\n color=\"primary\"\n data-testid={`${PAGE_NAME}_viewMoreComments`}\n className={classes.showMore}\n onClick={toggleShowAllComments}\n >\n {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n </Typography>\n )}\n </div>\n )}\n\n {isPosting && <CommentLoader />}\n </div>\n );\n}\n\nFeedComments.propTypes = {\n openCommentInput: PropTypes.bool.isRequired,\n feedItem: PropTypes.shape().isRequired,\n currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/ImageViewer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import t from"react-image-lightbox";import e from"@material-ui/icons/SaveAlt";import n from"@material-ui/icons/ArrowBack";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as i,jsxs as r}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"@material-ui/core";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as p}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/Radio/Radio.js";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/Label/Label.js";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"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.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.scss.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"../../utils/main.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"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.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"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";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"../../utils/getSingleAsset.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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";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/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.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/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.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"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import c from"./styles.css.js";function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var l=function(o){return i("div",{className:c.cImageViewerToolbar,children:i("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:o.onCloseRequest,children:i(n,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},j=function(o){var s=p();return i("div",{className:c.cImageViewer,children:i(t,{mainSrc:o.mainSrc,imagePadding:o.imagePadding,toolbarButtons:[i("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:i("a",{href:o.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:i(e,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:o.onAfterOpen,onCloseRequest:o.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(o,s){return r("div",a(a({},o),{},{children:[i(l,{onCloseRequest:o.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};j.propTypes={mainSrc:s.string.isRequired,imagePadding:s.number,onAfterOpen:s.func,onCloseRequest:s.func},l.propTypes={onCloseRequest:s.func.isRequired},j.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{j as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import t from"react-image-lightbox";import e from"@material-ui/icons/SaveAlt";import n from"@material-ui/icons/ArrowBack";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as i,jsxs as r}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"@material-ui/core";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import"@babel/runtime/helpers/objectWithoutProperties";import{useIsInsideIsolatedDcApp as p}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";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/Label/Label.js";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"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.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.scss.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"../../utils/main.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"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.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"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";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"../../utils/getSingleAsset.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"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";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/AppSettings/AppSettingsPinningContext.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"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.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/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.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"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import c from"./styles.css.js";function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var l=function(o){return i("div",{className:c.cImageViewerToolbar,children:i("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:o.onCloseRequest,children:i(n,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},j=function(o){var s=p();return i("div",{className:c.cImageViewer,children:i(t,{mainSrc:o.mainSrc,imagePadding:o.imagePadding,toolbarButtons:[i("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:i("a",{href:o.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:i(e,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:o.onAfterOpen,onCloseRequest:o.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(o,s){return r("div",a(a({},o),{},{children:[i(l,{onCloseRequest:o.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};j.propTypes={mainSrc:s.string.isRequired,imagePadding:s.number,onAfterOpen:s.func,onCloseRequest:s.func},l.propTypes={onCloseRequest:s.func.isRequired},j.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{j as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n <div className={styles.cImageViewerToolbar}>\n <button\n type=\"button\"\n aria-label=\"Close\"\n className={styles.cImageViewerToolbarButton}\n onClick={props.onCloseRequest}\n >\n <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n </button>\n </div>\n);\n\nconst ImageViewer = props => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n const renderToolbarButtons = () => [\n <button\n key=\"Download\"\n data-testid={`${PAGE_NAME}_download`}\n type=\"button\"\n aria-label=\"Download\"\n className={styles.cImageViewerToolbarButton}\n >\n <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n </a>\n </button>,\n ];\n\n return (\n <div className={styles.cImageViewer}>\n <Lightbox\n mainSrc={props.mainSrc}\n imagePadding={props.imagePadding}\n toolbarButtons={renderToolbarButtons()}\n onAfterOpen={props.onAfterOpen}\n onCloseRequest={props.onCloseRequest}\n reactModalStyle={{ overlay: { zIndex: 1500 } }}\n reactModalProps={{\n // eslint-disable-next-line no-restricted-globals\n parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n overlayElement: (props, contentElement) => (\n <div {...props}>\n <Toolbar onCloseRequest={props.onCloseRequest} />\n {contentElement}\n </div>\n ),\n }}\n wrapperClassName={styles.cImageViewerWrapper}\n />\n </div>\n );\n};\n\nImageViewer.propTypes = {\n mainSrc: PropTypes.string.isRequired,\n imagePadding: PropTypes.number,\n onAfterOpen: PropTypes.func,\n onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n imagePadding: 50,\n onAfterOpen: undefined,\n onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"~~0vcASA~~,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAA,SAAA,CACEK,KAAK,SACL,aAAW,QACXJ,UAAWC,EAAOI,0BAClBC,QAASR,EAAMS,eAAeJ,SAE9BJ,EAACS,EAAQ,CAACR,UAAWC,EAAOQ,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAb,GAClB,IAAMc,EAAgBC,IAgBtB,OACEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaX,SAClCJ,EAACgB,EAAQ,CACPC,QAASlB,EAAMkB,QACfC,aAAcnB,EAAMmB,aACpBC,eAnB6B,CACjCnB,EAAA,SAAA,CAEE,cAAA,GAAAoB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXJ,UAAWC,EAAOI,0BAA0BF,SAE5CJ,EAAA,IAAA,CAAGqB,KAAMtB,EAAMkB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBpB,SAChFJ,EAACyB,EAAY,CAACxB,UAAWC,EAAOQ,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa3B,EAAM2B,YACnBlB,eAAgBT,EAAMS,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACpC,EAAOqC,GAAc,OACpCC,eAAStC,GAAK,GAAA,CAAAK,SAAA,CACZJ,EAACF,EAAO,CAACU,eAAgBT,EAAMS,iBAC9B4B,KACG,GAGVE,iBAAkBpC,EAAOqC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAUC,OAAOC,WAC1BzB,aAAcuB,EAAUG,OACxBlB,YAAae,EAAUI,KACvBrC,eAAgBiC,EAAUI,MAG5B/C,EAAQ0C,UAAY,CAClBhC,eAAgBiC,EAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n <div className={styles.cImageViewerToolbar}>\n <button\n type=\"button\"\n aria-label=\"Close\"\n className={styles.cImageViewerToolbarButton}\n onClick={props.onCloseRequest}\n >\n <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n </button>\n </div>\n);\n\nconst ImageViewer = props => {\n const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n const renderToolbarButtons = () => [\n <button\n key=\"Download\"\n data-testid={`${PAGE_NAME}_download`}\n type=\"button\"\n aria-label=\"Download\"\n className={styles.cImageViewerToolbarButton}\n >\n <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n </a>\n </button>,\n ];\n\n return (\n <div className={styles.cImageViewer}>\n <Lightbox\n mainSrc={props.mainSrc}\n imagePadding={props.imagePadding}\n toolbarButtons={renderToolbarButtons()}\n onAfterOpen={props.onAfterOpen}\n onCloseRequest={props.onCloseRequest}\n reactModalStyle={{ overlay: { zIndex: 1500 } }}\n reactModalProps={{\n // eslint-disable-next-line no-restricted-globals\n parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n overlayElement: (props, contentElement) => (\n <div {...props}>\n <Toolbar onCloseRequest={props.onCloseRequest} />\n {contentElement}\n </div>\n ),\n }}\n wrapperClassName={styles.cImageViewerWrapper}\n />\n </div>\n );\n};\n\nImageViewer.propTypes = {\n mainSrc: PropTypes.string.isRequired,\n imagePadding: PropTypes.number,\n onAfterOpen: PropTypes.func,\n onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n imagePadding: 50,\n onAfterOpen: undefined,\n onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"kzcASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAA,SAAA,CACEK,KAAK,SACL,aAAW,QACXJ,UAAWC,EAAOI,0BAClBC,QAASR,EAAMS,eAAeJ,SAE9BJ,EAACS,EAAQ,CAACR,UAAWC,EAAOQ,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAb,GAClB,IAAMc,EAAgBC,IAgBtB,OACEd,EAAA,MAAA,CAAKC,UAAWC,EAAOa,aAAaX,SAClCJ,EAACgB,EAAQ,CACPC,QAASlB,EAAMkB,QACfC,aAAcnB,EAAMmB,aACpBC,eAnB6B,CACjCnB,EAAA,SAAA,CAEE,cAAA,GAAAoB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXJ,UAAWC,EAAOI,0BAA0BF,SAE5CJ,EAAA,IAAA,CAAGqB,KAAMtB,EAAMkB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBpB,SAChFJ,EAACyB,EAAY,CAACxB,UAAWC,EAAOQ,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa3B,EAAM2B,YACnBlB,eAAgBT,EAAMS,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACpC,EAAOqC,GAAc,OACpCC,eAAStC,GAAK,GAAA,CAAAK,SAAA,CACZJ,EAACF,EAAO,CAACU,eAAgBT,EAAMS,iBAC9B4B,KACG,GAGVE,iBAAkBpC,EAAOqC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAUC,OAAOC,WAC1BzB,aAAcuB,EAAUG,OACxBlB,YAAae,EAAUI,KACvBrC,eAAgBiC,EAAUI,MAG5B/C,EAAQ0C,UAAY,CAClBhC,eAAgBiC,EAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}

package/components/Modal/CorvaModal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":"~~AAMA~~,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;~~AAWtD~~,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,iBAAyB,EACzB,QAA2B,EAC3B,QAA2B,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,aAAa,EAAE,SAAwB,EACvC,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA0E1B"}
1	+ {"version":3,"file":"CorvaModal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/CorvaModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,yBAAyB,EACzB,iBAAyB,EACzB,QAA2B,EAC3B,QAA2B,EAC3B,mBAAmB,EACnB,kBAAkB,EAClB,OAAc,EACd,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,aAAa,EAAE,SAAwB,EACvC,GAAG,UAAU,EACd,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA0E1B"}

package/components/Modal/CorvaModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{jsx as c,jsxs as i}from"react/jsx-runtime";import n from"classnames";import{noop as t}from"lodash";import{Modal as e}from"@material-ui/core";import{CloseSmallIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{isMobileDetected as m,isNativeDetected as a}from"../../utils/mobileDetect.js";import p from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as l}from"../../constants/classNames.js";import u from"./CorvaModal.css.js";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,v=o.contentContainerClassName,O=o.isCloseIconHidden,N=void 0!==O&&O,g=o.isMobile,P=void 0===g?m:g,y=o.isNative,F=void 0===y?a:y,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?t:A,x=o.open,S=o.rootClassName,R=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,B=o["data-testid"],G=void 0===B?"CorvaModal":B,U=s(o,j),W=F||P,q=E||(T?C[T]:void 0);return c(e,I(I({open:null!=x&&x,onClose:D,className:n(!W&&"c-modal",u.modalWrapper,S,l.modal)},U),{},{children:i("div",{className:n(u.modalContainer,W&&u.modalContainerMobile,R&&u[R],v),children:[q&&i("div",{className:n(u.title,W&&u.titleMobile,M),children:[c("div",{className:n(u.titleText),children:q}),(!N||T)&&c(p,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(G,"_closeButton"),children:c(r,{size:24})})]}),h&&c("div",{ref:z,className:n(u.modalContent,W&&u.modalContentMobile,f),children:h}),d&&c("div",{className:n(u.modalActions,W&&u.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{jsx as c,jsxs as i}from"react/jsx-runtime";import n from"classnames";import{noop as t}from"lodash";import{Modal as e}from"@material-ui/core";import r from"./CorvaModal.scss.js";import{CloseSmallIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.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/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import{isMobileDetected as a,isNativeDetected as p}from"../../utils/mobileDetect.js";import l from"../IconButton/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import{CLASSNAMES as u}from"../../constants/classNames.js";var j=["actions","actionsClassName","children","contentClassName","contentContainerClassName","isCloseIconHidden","isMobile","isNative","modalTitleClassName","closeIconClassName","onClose","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","data-testid"];function d(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?d(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var C={filters:"Filters",settings:"Settings"};function b(o){var d=o.actions,b=o.actionsClassName,h=o.children,f=o.contentClassName,v=o.contentContainerClassName,O=o.isCloseIconHidden,N=void 0!==O&&O,g=o.isMobile,P=void 0===g?a:g,y=o.isNative,F=void 0===y?p:y,M=o.modalTitleClassName,k=o.closeIconClassName,A=o.onClose,D=void 0===A?t:A,x=o.open,S=o.rootClassName,R=o.size,w=o.stickyFooterClassName,E=o.title,T=o.type,z=o.contentRef,B=o["data-testid"],G=void 0===B?"CorvaModal":B,U=s(o,j),W=F||P,q=E||(T?C[T]:void 0);return c(e,I(I({open:null!=x&&x,onClose:D,className:n(!W&&"c-modal",r.modalWrapper,S,u.modal)},U),{},{children:i("div",{className:n(r.modalContainer,W&&r.modalContainerMobile,R&&r[R],v),children:[q&&i("div",{className:n(r.title,W&&r.titleMobile,M),children:[c("div",{className:n(r.titleText),children:q}),(!N||T)&&c(l,{className:k,tooltipProps:{title:"Close"},onClick:D,"data-testid":"".concat(G,"_closeButton"),children:c(m,{size:24})})]}),h&&c("div",{ref:z,className:n(r.modalContent,W&&r.modalContentMobile,f),children:h}),d&&c("div",{className:n(r.modalActions,W&&r.modalActionsMobile,w,b),children:d})]})}))}export{b as CorvaModal};
 //# sourceMappingURL=CorvaModal.js.map

package/components/Modal/CorvaModal.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",small:"CorvaModal_small__X1MNh",medium:"CorvaModal_medium__M0Gtc",large:"CorvaModal_large__TfAip",extraLarge:"CorvaModal_extraLarge__oniV7",modalWrapper:"CorvaModal_modalWrapper__UPK8V",modalContainer:"CorvaModal_modalContainer__iAk1G",modalContainerMobile:"CorvaModal_modalContainerMobile__sm8WS",title:"CorvaModal_title__14Yvy",titleMobile:"CorvaModal_titleMobile__Mjahb",titleText:"CorvaModal_titleText__Jslc4",modalContent:"CorvaModal_modalContent__HETmA",modalContentMobile:"CorvaModal_modalContentMobile__gQWwc",modalActions:"CorvaModal_modalActions__JCCxy",modalActionsMobile:"CorvaModal_modalActionsMobile__pZEyy"};o(".CorvaModal_small__X1MNh{width:416px}.CorvaModal_medium__M0Gtc{width:552px}.CorvaModal_large__TfAip{width:768px}.CorvaModal_extraLarge__oniV7{height:calc(100% - 32px);max-width:1152px;width:80%}.CorvaModal_modalWrapper__UPK8V{display:flex;height:100%;width:100%}.CorvaModal_modalWrapper__UPK8V>div:first-child{background-color:rgb(from var(--palette-background-b-3) r g b/.8)!important}.CorvaModal_modalContainer__iAk1G{background-color:var(--palette-background-b-6);border-radius:8px;box-shadow:0 8px 24px 0 rgba(0,0,0,.239);display:flex;flex-direction:column;margin:auto;max-height:calc(100% - 32px);max-width:80%;outline:none;overflow:hidden;position:relative}.CorvaModal_modalContainerMobile__sm8WS{max-height:calc(100% - 16px);max-width:calc(100% - 16px);min-height:calc(100% - 16px);min-width:calc(100% - 16px)}.CorvaModal_title__14Yvy{align-items:center;background-color:var(--palette-background-b-6);border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 8px 10px var(--palette-background-b-6);display:flex;justify-content:space-between;line-height:28px;padding:24px 24px 0;width:100%;z-index:1}.CorvaModal_titleMobile__Mjahb{padding:12px 16px}.CorvaModal_titleText__Jslc4{color:#fff;font-size:20px}.CorvaModal_modalContent__HETmA{overflow-y:auto;padding:16px 24px 24px}.CorvaModal_modalContentMobile__gQWwc{background-color:inherit;overflow-y:scroll;padding:16px}.CorvaModal_modalActions__JCCxy{align-items:center;background:var(--palette-background-b-6);border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 -8px 10px var(--palette-background-b-6);display:flex;margin-top:auto;padding:8px 24px 24px;width:100%;z-index:1000}.CorvaModal_modalActionsMobile__pZEyy{padding:8px 16px}");export{a as default};
2	+ //# sourceMappingURL=CorvaModal.scss.js.map