npm - @corva/ui - Versions diffs - 3.37.0-6 → 3.37.0-8 - Mend

@corva/ui 3.37.0-6 → 3.37.0-8

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 (1124) 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 p from"prop-types";import{sortBy as i,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 A,jsx as C}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"../../../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{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"../../../componentsV2/TextInput/TextInput.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.scss.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"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.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"../../../utils/index.js";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"../../../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"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"../../../types/shared/Completions.js";import"../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.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"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppContainer/headerCommon.scss.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/AppSettings/AppSettingsPinningContext.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.scss.js";import"../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as v}from"../../../utils/mobileDetect.js";var I=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(p){var m,g=p.openCommentInput,h=p.openCommentList,D=p.feedItem,S=p.currentUser,b=D.comments,f=b.length,P=f>3,L=s(!1),T=o(L,2),M=T[0],x=T[1],H=s(!1),B=o(H,2),F=B[0],k=B[1],y=s(!1),q=o(y,2),R=q[0],w=q[1],W=s(null),E=o(W,2),G=E[0],U=E[1],O=t(),z=t(),N=e((function(){var o=i(D.comments,(function(o){return-c(o.created_at).unix()}));return R?R&&!F?o.slice(0,5):R&&F?o:[]:o.slice(0,3)}),[b,F,R]);n((function(){if(5===N.length&&!G){var o=z.current.clientHeight;U(o),k(!0)}G&&!R&&(U(null),k(!1))}),[N.length,G,R]);var _=V(),K=I({commentsListHeight:G,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:_});return A("div",{className:(g||!!f)&&K.feedCommentsContainer,children:[g&&!v&&C(j,{inputRef:O,postComment:function(o){u(D.id,o)},setIsPosting:x,companyId:D.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(D.id,"-").concat(null===(m=D.comments)||void 0===m?void 0:m.size)}),h&&A("div",{className:K.feedCommentsList,children:[C("div",{className:K.feedCommentsListContentWrapper,children:A("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return C(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:D.company_id,currentUser:S},o.id)})),G&&C("div",{className:K.gradient})]})}),P&&C(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){w(!R)},children:R?"Hide older comments":"See all comments"})]}),M&&C(d,{})]})}g.propTypes={openCommentInput:p.bool.isRequired,feedItem:p.shape().isRequired,currentUser:p.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 p from"prop-types";import{sortBy as i,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 A,jsx as C}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"../../../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{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"../../../componentsV2/TextInput/TextInput.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.scss.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/Lasso.js";import"../../../componentsV2/Modal/Modal.scss.js";import"../../../componentsV2/Menu/Menu.js";import"../../../componentsV2/utils.js";import"../../../componentsV2/Hint/Hint.scss.js";import"../../../componentsV2/Counter/Counter.js";import"../../../componentsV2/BadgeBase/BadgeBase.scss.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"../../../utils/index.js";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"../../../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"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";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"../../../types/shared/Completions.js";import"../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import"../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"jsona";import"../../../utils/env.js";import"../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.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"../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../componentsV2/AppContainer/headerCommon.scss.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/AppSettings/AppSettingsPinningContext.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.scss.js";import"../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../componentsV2/DatePicker/DatePicker.js";import"../../../componentsV2/DragHandle/DragHandle.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import{isNativeDetected as v}from"../../../utils/mobileDetect.js";var I=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(p){var m,g=p.openCommentInput,h=p.openCommentList,D=p.feedItem,S=p.currentUser,b=D.comments,f=b.length,P=f>3,L=s(!1),T=o(L,2),M=T[0],x=T[1],H=s(!1),B=o(H,2),F=B[0],k=B[1],y=s(!1),q=o(y,2),R=q[0],w=q[1],W=s(null),E=o(W,2),G=E[0],U=E[1],O=t(),z=t(),N=e((function(){var o=i(D.comments,(function(o){return-c(o.created_at).unix()}));return R?R&&!F?o.slice(0,5):R&&F?o:[]:o.slice(0,3)}),[b,F,R]);n((function(){if(5===N.length&&!G){var o=z.current.clientHeight;U(o),k(!0)}G&&!R&&(U(null),k(!1))}),[N.length,G,R]);var _=V(),K=I({commentsListHeight:G,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:_});return A("div",{className:(g||!!f)&&K.feedCommentsContainer,children:[g&&!v&&C(j,{inputRef:O,postComment:function(o){u(D.id,o)},setIsPosting:x,companyId:D.company_id,autoFocus:!1,currentUser:S,parentId:"".concat(D.id,"-").concat(null===(m=D.comments)||void 0===m?void 0:m.size)}),h&&A("div",{className:K.feedCommentsList,children:[C("div",{className:K.feedCommentsListContentWrapper,children:A("div",{className:K.feedCommentsListContent,ref:z,children:[N.map((function(o){return C(l,{comment:o,handleDeleteCallback:r,patchCommentCallback:r,companyId:D.company_id,currentUser:S},o.id)})),G&&C("div",{className:K.gradient})]})}),P&&C(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:K.showMore,onClick:function(){w(!R)},children:R?"Hide older comments":"See all comments"})]}),M&&C(d,{})]})}g.propTypes={openCommentInput:p.bool.isRequired,feedItem:p.shape().isRequired,currentUser:p.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":"qyYAaA,IAEMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAS,MAAKc,EAAAZ,EAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,IACVC,EAAkBD,IAUlBE,EAAkBC,GAAQ,WAC9B,IAAMC,EAAiBC,EAAO7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,GAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,IAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,GACpBC,EAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAA,MAAA,CAAKC,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAA,MAAA,CAAKH,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAA,MAAA,CAAKC,UAAWF,EAAQ7D,wBAAyB8E,IAAKhC,EAAgBkB,SAAA,CACnEjB,EAAgBgC,KAAI,SAAAT,GAAO,OAC1BJ,EAACc,EAAO,CAENV,QAASA,EACTW,qBAAsBC,EACtBC,qBAAsBD,EACtBT,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAA,MAAA,CAAKH,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAACkB,EAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAvE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB6F,QA9EkB,WAC5B/C,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAACsB,EAAgB,CAAA,KAGrC,CAEAxE,EAAayE,UAAY,CACvBtE,iBAAkBuE,EAAUC,KAAKC,WACjCvE,SAAUqE,EAAUG,QAAQD,WAC5BtE,YAAaoE,EAAUG,QAAQD"}
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":"u1YAaA,IAEMA,EAAYC,EAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAS,MAAKc,EAAAZ,EAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,IACVC,EAAkBD,IAUlBE,EAAkBC,GAAQ,WAC9B,IAAMC,EAAiBC,EAAO7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,GAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,IAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,GACpBC,EAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAA,MAAA,CAAKC,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAA,MAAA,CAAKH,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAA,MAAA,CAAKC,UAAWF,EAAQ7D,wBAAyB8E,IAAKhC,EAAgBkB,SAAA,CACnEjB,EAAgBgC,KAAI,SAAAT,GAAO,OAC1BJ,EAACc,EAAO,CAENV,QAASA,EACTW,qBAAsBC,EACtBC,qBAAsBD,EACtBT,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAA,MAAA,CAAKH,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAACkB,EAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAvE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB6F,QA9EkB,WAC5B/C,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAACsB,EAAgB,CAAA,KAGrC,CAEAxE,EAAayE,UAAY,CACvBtE,iBAAkBuE,EAAUC,KAAKC,WACjCvE,SAAUqE,EAAUG,QAAQD,WAC5BtE,YAAaoE,EAAUG,QAAQD"}

package/components/FilesDropzone/FilesDropzone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as m}from"./styles.js";import{FileAdditionOne 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{CautionFilledCustomIcon as e}from"../../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{Regular14 as p}from"../Typography.js";import l from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as u,formatDescription as a}from"../../componentsV2/FilesDropzone/utils.js";var d=function(d){var j=d.multiple,I=d.children,h=d.accept,v=d.onDrop,f=d.className,F=d.maxFiles,b=d.maxSize,x=d.errorText,C=d.disabled,g=m(),z=u(h),A=z.mimetypes,B=z.extensions,D=A.length||B.length?o({"*/*":B},Object.fromEntries(A.map((function(o){return[o,[]]})))):void 0,k=a(B,b),y=n({onDrop:v,multiple:j,accept:D,maxFiles:F,maxSize:b,disabled:C}),N=y.getRootProps,O=y.getInputProps,P=y.isDragActive;return s("div",{className:f,children:[s("div",o({},N(),{className:t(g.root,C&&g.disabled,P&&g.active),children:[c("input",o({},O())),I||s(i,{children:[c(r,{size:24,className:g.icon}),c(p,{children:"Drag & Drop your file here or"}),c(l,{variation:"tertiary",size:"small",disabled:C,className:g.uploadButton,children:"Choose file"})]})]})),!x&&k&&c(p,{className:t(g.description,C&&g.disabled),children:k}),x&&s(p,{className:g.error,children:[c(e,{size:20}),x]})]})};export{d as FilesDropzone};
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as c,Fragment as i}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as m}from"./styles.js";import{FileAdditionOne 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{CautionFilledCustomIcon as e}from"../../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/Lasso.js";import{Regular14 as p}from"../Typography.js";import l from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as u,formatDescription as a}from"../../componentsV2/FilesDropzone/utils.js";var d=function(d){var j=d.multiple,I=d.children,h=d.accept,v=d.onDrop,f=d.className,F=d.maxFiles,b=d.maxSize,x=d.errorText,C=d.disabled,g=m(),z=u(h),A=z.mimetypes,B=z.extensions,D=A.length||B.length?o({"*/*":B},Object.fromEntries(A.map((function(o){return[o,[]]})))):void 0,k=a(B,b),y=n({onDrop:v,multiple:j,accept:D,maxFiles:F,maxSize:b,disabled:C}),N=y.getRootProps,O=y.getInputProps,P=y.isDragActive;return s("div",{className:f,children:[s("div",o({},N(),{className:t(g.root,C&&g.disabled,P&&g.active),children:[c("input",o({},O())),I||s(i,{children:[c(r,{size:24,className:g.icon}),c(p,{children:"Drag & Drop your file here or"}),c(l,{variation:"tertiary",size:"small",disabled:C,className:g.uploadButton,children:"Choose file"})]})]})),!x&&k&&c(p,{className:t(g.description,C&&g.disabled),children:k}),x&&s(p,{className:g.error,children:[c(e,{size:20}),x]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/components/FilesLoader/FilesLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as e,useEffect as c,useMemo as t}from"react";import r from"prop-types";import a from"classnames";import{Typography as m,LinearProgress as l}from"@material-ui/core";import d from"../IconButton/index.js";import u from"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as f,CheckOneIcon as I,RedoIcon as h,UploadIcon as j}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 g from"./Icons/IconWarning.js";import{FileIcon as v}from"../FileIcon/FileIcon.js";import{useStyles as z}from"./useStyles.js";function B(r){var B,N,C,S,b,y,w,F=r.size,L=r.unit,k=r.name,A=r.customUnitName,P=r.sizeBytes,x=r.handleCancel,M=r.onReload,E=r.onDelete,T=r.loadedBytes,O=r.error,R=r.errorText,U=r.formatError,D=r.importButtonType,W=r.isLoadingAnimation,q=r.showActions,G=z(),K=e({}),Z=K[0],_=K[1],H=e(0),J=H[0],Q=H[1],V=e(!0),X=V[0],Y=V[1],$="large"===F,oo=$?24:16,so=$?"medium":"small";c((function(){_(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(P,L,A))}),[P,L]),c((function(){if(T&&P){var s=Math.round(T/P*100);_((function(n){return o(o({},n),{downloaded:Math.floor(n.convertedSize*s/10)/10})})),Q(s)}}),[T,P]),c((function(){var o;return E&&J>=100&&(Y(!0),o=setTimeout((function(){Y(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[J]),c((function(){O&&(Q(0),_((function(s){return o(o({},s),{downloaded:0})})))}),[O]);var no=t((function(){var o,s;return[a(G.iconButton,((o={})[G.iconButtonLarge]=$,o)),a(G.actionIcon,((s={})[G.actionIconLarge]=$,s))]}),[$]),io=no[0],eo=no[1];return s("div",{className:G.fileStateWrapper,children:[n("div",{className:G.fileIconContainer,children:n(v,{name:k,style:{fontSize:$?48:32}})}),s("div",{className:G.fileState,children:[s("div",{className:G.fileStateProgress,children:[n("div",{className:G.fileNameWrapper,children:n(m,{className:a(G.fileName,(B={},B[G.fileNameLarge]=$,B)),children:k.length>7?s(i,{children:[n("span",{className:G.firstPart,children:k.slice(0,k.length-7)}),n("span",{children:k.slice(-7)})]}):k})}),!W&&n(l,{className:G.progressBar,variant:"determinate",value:J,classes:{colorPrimary:a(G.progressBackground,(N={},N[G.progressBarError]=O,N)),barColorPrimary:a(G.progressBarColor,(C={},C[G.progressBarError]=O,C))}}),s("div",{className:G.loaderProgressContainer,children:[!W&&n(m,{className:a(G.fileSize,(S={},S[G.fileSizeLarge]=$,S)),component:"span",children:"".concat(Z.downloaded," of ").concat(Z.convertedSize," ").concat(Z.unit)}),s("div",{className:a(G.progressStatus,(b={},b[G.fileSizeLarge]=$,b)),children:[O&&s(m,{component:"div",className:G.errorContainer,children:[n(g,{size:F}),n(m,{component:"span",className:a(G.errorText,(y={},y[G.fileSizeLarge]=$,y)),children:U?"Upload Error. Unacceptable file format.":"Upload Error".concat(R&&". ".concat(R))})]}),!O&&!W&&"".concat(J," %")]})]})]}),q&&s("div",{className:G.fileActions,children:[J<100&&!O&&n(i,{children:W?n("div",{className:a(G.loadingIcon,(w={},w[G.loadingLargeIcon]=$,w)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):n(d,{tooltipProps:{title:"Cancel"},className:io,onClick:function(){x(k),Q(0),_((function(s){return o(o({},s),{downloaded:0})}))},size:so,children:n(p,{className:eo,size:oo})})}),100===J&&!O&&(!X&&E?n(d,{variant:"contained",tooltipProps:{title:"Delete"},className:io,onClick:E,size:so,children:n(f,{className:eo,size:oo})}):n(I,{fill:"#75DB29",size:oo,style:{marginLeft:12}})),M&&O&&n(i,{children:U?n(i,{children:"default"===D?n(u,{size:$?"medium":"small",variation:"primary",startIcon:n(j,{}),onClick:M,children:"Import"}):n(d,{size:so,tooltipProps:{title:"Import File"},className:io,onClick:M,children:n(j,{size:oo})})}):n(d,{size:so,tooltipProps:{title:"Reload"},className:io,onClick:M,children:n(h,{size:oo})})})]})]})]})}var N={size:r.oneOf(["small","large"]),unit:r.oneOf(["size","time","custom"]),customUnitName:r.string,onDelete:r.func,onReload:r.func,handleCancel:r.func,name:r.string,sizeBytes:r.number,error:r.bool,errorText:r.string,formatError:r.bool,importButtonType:r.oneOf(["default","icon"]),loadedBytes:r.number.isRequired,isLoadingAnimation:r.bool,showActions:r.bool};B.propTypes=N,B.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{B as default};
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as n,Fragment as i}from"react/jsx-runtime";import{useState as e,useEffect as c,useMemo as t}from"react";import r from"prop-types";import a from"classnames";import{Typography as m,LinearProgress as l}from"@material-ui/core";import d from"../IconButton/index.js";import u from"../Button/components/Button/index.js";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as f,CheckOneIcon as I,RedoIcon as h,UploadIcon as j}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/Lasso.js";import g from"./Icons/IconWarning.js";import{FileIcon as v}from"../FileIcon/FileIcon.js";import{useStyles as z}from"./useStyles.js";function B(r){var B,N,C,S,b,y,w,L=r.size,F=r.unit,k=r.name,A=r.customUnitName,P=r.sizeBytes,x=r.handleCancel,M=r.onReload,E=r.onDelete,T=r.loadedBytes,O=r.error,R=r.errorText,U=r.formatError,D=r.importButtonType,W=r.isLoadingAnimation,q=r.showActions,G=z(),K=e({}),Z=K[0],_=K[1],H=e(0),J=H[0],Q=H[1],V=e(!0),X=V[0],Y=V[1],$="large"===L,oo=$?24:16,so=$?"medium":"small";c((function(){_(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(P,F,A))}),[P,F]),c((function(){if(T&&P){var s=Math.round(T/P*100);_((function(n){return o(o({},n),{downloaded:Math.floor(n.convertedSize*s/10)/10})})),Q(s)}}),[T,P]),c((function(){var o;return E&&J>=100&&(Y(!0),o=setTimeout((function(){Y(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[J]),c((function(){O&&(Q(0),_((function(s){return o(o({},s),{downloaded:0})})))}),[O]);var no=t((function(){var o,s;return[a(G.iconButton,((o={})[G.iconButtonLarge]=$,o)),a(G.actionIcon,((s={})[G.actionIconLarge]=$,s))]}),[$]),io=no[0],eo=no[1];return s("div",{className:G.fileStateWrapper,children:[n("div",{className:G.fileIconContainer,children:n(v,{name:k,style:{fontSize:$?48:32}})}),s("div",{className:G.fileState,children:[s("div",{className:G.fileStateProgress,children:[n("div",{className:G.fileNameWrapper,children:n(m,{className:a(G.fileName,(B={},B[G.fileNameLarge]=$,B)),children:k.length>7?s(i,{children:[n("span",{className:G.firstPart,children:k.slice(0,k.length-7)}),n("span",{children:k.slice(-7)})]}):k})}),!W&&n(l,{className:G.progressBar,variant:"determinate",value:J,classes:{colorPrimary:a(G.progressBackground,(N={},N[G.progressBarError]=O,N)),barColorPrimary:a(G.progressBarColor,(C={},C[G.progressBarError]=O,C))}}),s("div",{className:G.loaderProgressContainer,children:[!W&&n(m,{className:a(G.fileSize,(S={},S[G.fileSizeLarge]=$,S)),component:"span",children:"".concat(Z.downloaded," of ").concat(Z.convertedSize," ").concat(Z.unit)}),s("div",{className:a(G.progressStatus,(b={},b[G.fileSizeLarge]=$,b)),children:[O&&s(m,{component:"div",className:G.errorContainer,children:[n(g,{size:L}),n(m,{component:"span",className:a(G.errorText,(y={},y[G.fileSizeLarge]=$,y)),children:U?"Upload Error. Unacceptable file format.":"Upload Error".concat(R&&". ".concat(R))})]}),!O&&!W&&"".concat(J," %")]})]})]}),q&&s("div",{className:G.fileActions,children:[J<100&&!O&&n(i,{children:W?n("div",{className:a(G.loadingIcon,(w={},w[G.loadingLargeIcon]=$,w)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):n(d,{tooltipProps:{title:"Cancel"},className:io,onClick:function(){x(k),Q(0),_((function(s){return o(o({},s),{downloaded:0})}))},size:so,children:n(p,{className:eo,size:oo})})}),100===J&&!O&&(!X&&E?n(d,{variant:"contained",tooltipProps:{title:"Delete"},className:io,onClick:E,size:so,children:n(f,{className:eo,size:oo})}):n(I,{fill:"#75DB29",size:oo,style:{marginLeft:12}})),M&&O&&n(i,{children:U?n(i,{children:"default"===D?n(u,{size:$?"medium":"small",variation:"primary",startIcon:n(j,{}),onClick:M,children:"Import"}):n(d,{size:so,tooltipProps:{title:"Import File"},className:io,onClick:M,children:n(j,{size:oo})})}):n(d,{size:so,tooltipProps:{title:"Reload"},className:io,onClick:M,children:n(h,{size:oo})})})]})]})]})}var N={size:r.oneOf(["small","large"]),unit:r.oneOf(["size","time","custom"]),customUnitName:r.string,onDelete:r.func,onReload:r.func,handleCancel:r.func,name:r.string,sizeBytes:r.number,error:r.bool,errorText:r.string,formatError:r.bool,importButtonType:r.oneOf(["default","icon"]),loadedBytes:r.number.isRequired,isLoadingAnimation:r.bool,showActions:r.bool};B.propTypes=N,B.defaultProps={size:"small",unit:"size",onDelete:null,onReload:null,name:"",customUnitName:"",sizeBytes:1,error:null,errorText:"",formatError:!1,importButtonType:"default",handleCancel:null,isLoadingAnimation:!1,showActions:!0};export{B as default};
 //# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoaderV2/FilesLoaderV2.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import r from"../IconButton/index.js";import{CloseIcon as e,DeleteFourIcon as m,RedoIcon as l}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{CautionFilledCustomIcon as a}from"../../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{MiddleTruncatedText as p}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as d}from"../Typography.js";import{formatSizeProgress as j}from"./utils.js";import{useStyles as I}from"./styles.js";var h=function(h){var C=h.formatProgress,v=void 0===C?j:C,F=h.className,f=h.name,x=h.current,k=h.total,N=h.errorText,g=h.onCancel,T=h.onReload,P=h.onDelete,A=I(),M=k>=0&&x>=0,R=Math.min(100,Math.ceil(x/k*100)),b=x>=k;return o("div",{className:i(A.root,F),children:[s(t,{name:f,className:A.icon,strokeWidth:2}),o("div",{className:A.content,children:[s(u,{className:A.name,children:s(p,{children:f},f)}),!N&&!b&&o(c,{children:[s(n,{className:A.progressBar,variant:M?"determinate":void 0,value:R}),o("div",{className:A.progressTextContainer,children:[s(d,{className:A.progressText,children:v(k,x)}),M&&o(d,{className:A.progressText,children:[R,"%"]})]})]}),N&&o(u,{className:A.error,children:[s(a,{size:16}),N]})]}),g&&!N&&!b&&s(r,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(e,{})}),P&&(N||b)&&s(r,{onClick:P,size:"small",tooltipProps:{title:"Remove File"},children:s(m,{})}),T&&N&&s(r,{onClick:T,size:"small",tooltipProps:{title:"Reload"},children:s(l,{})})]})};export{h as FilesLoaderV2};
+import{jsxs as o,jsx as s,Fragment as c}from"react/jsx-runtime";import i from"classnames";import{LinearProgress as n}from"@material-ui/core";import{FileIcon as t}from"../FileIcon/FileIcon.js";import r from"../IconButton/index.js";import{CloseIcon as e,DeleteFourIcon as m,RedoIcon as l}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{CautionFilledCustomIcon as a}from"../../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/Lasso.js";import{MiddleTruncatedText as p}from"../MiddleTruncatedText/MiddleTruncatedText.js";import{Regular14 as u,Regular12 as d}from"../Typography.js";import{formatSizeProgress as j}from"./utils.js";import{useStyles as I}from"./styles.js";var h=function(h){var C=h.formatProgress,v=void 0===C?j:C,F=h.className,f=h.name,x=h.current,k=h.total,N=h.errorText,g=h.onCancel,T=h.onReload,P=h.onDelete,A=I(),M=k>=0&&x>=0,R=Math.min(100,Math.ceil(x/k*100)),b=x>=k;return o("div",{className:i(A.root,F),children:[s(t,{name:f,className:A.icon,strokeWidth:2}),o("div",{className:A.content,children:[s(u,{className:A.name,children:s(p,{children:f},f)}),!N&&!b&&o(c,{children:[s(n,{className:A.progressBar,variant:M?"determinate":void 0,value:R}),o("div",{className:A.progressTextContainer,children:[s(d,{className:A.progressText,children:v(k,x)}),M&&o(d,{className:A.progressText,children:[R,"%"]})]})]}),N&&o(u,{className:A.error,children:[s(a,{size:16}),N]})]}),g&&!N&&!b&&s(r,{onClick:g,size:"small",tooltipProps:{title:"Cancel"},children:s(e,{})}),P&&(N||b)&&s(r,{onClick:P,size:"small",tooltipProps:{title:"Remove File"},children:s(m,{})}),T&&N&&s(r,{onClick:T,size:"small",tooltipProps:{title:"Reload"},children:s(l,{})})]})};export{h as FilesLoaderV2};
 //# sourceMappingURL=FilesLoaderV2.js.map

package/components/Formula/CloseSuggestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}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{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,r=n();return i("div",{className:r.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
+import{makeStyles as o}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{CloseSmallIcon as c}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/Lasso.js";import{jsx as i}from"react/jsx-runtime";var n=o((function(o){return{buttonWrapper:{display:"flex",alignItems:"center",color:o.palette.primary.text7,"&:hover":{color:o.palette.primary.text1,cursor:"pointer"},marginLeft:"-24px",zIndex:999}}}));function t(o){var t=o.onClose,r=n();return i("div",{className:r.buttonWrapper,onClick:t,children:i(s,{title:"Clear",placement:"bottom",children:i(c,{size:16,strokeWidth:3})})})}export{t as default};
 //# sourceMappingURL=CloseSuggestion.js.map

package/components/Formula/CloseSuggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"~~gwEAKA~~,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}
1	+ {"version":3,"file":"CloseSuggestion.js","sources":["../../../src/components/Formula/CloseSuggestion.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport Tooltip from '~/components/Tooltip';\nimport { CloseSmallIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n buttonWrapper: {\n display: 'flex',\n alignItems: 'center',\n color: theme.palette.primary.text7,\n '&:hover': {\n color: theme.palette.primary.text1,\n cursor: 'pointer',\n },\n marginLeft: '-24px',\n zIndex: 999,\n },\n}));\n\nexport default function CloseSuggestion({ onClose }) {\n const classes = useStyles();\n return (\n <div className={classes.buttonWrapper} onClick={onClose}>\n <Tooltip title=\"Clear\" placement=\"bottom\">\n <CloseSmallIcon size={16} strokeWidth={3} />\n </Tooltip>\n </div>\n );\n}\n"],"names":["useStyles","makeStyles","theme","buttonWrapper","display","alignItems","color","palette","primary","text7","text1","cursor","marginLeft","zIndex","CloseSuggestion","_ref","onClose","classes","_jsx","className","onClick","children","Tooltip","title","placement","CloseSmallIcon","size","strokeWidth"],"mappings":"+yEAKA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,cAAe,CACbC,QAAS,OACTC,WAAY,SACZC,MAAOJ,EAAMK,QAAQC,QAAQC,MAC7B,UAAW,CACTH,MAAOJ,EAAMK,QAAQC,QAAQE,MAC7BC,OAAQ,WAEVC,WAAY,QACZC,OAAQ,KAEX,IAEc,SAASC,EAA6BC,GAAA,IAAXC,IAAAA,QAClCC,EAAUjB,IAChB,OACEkB,EAAA,MAAA,CAAKC,UAAWF,EAAQd,cAAeiB,QAASJ,EAAQK,SACtDH,EAACI,EAAO,CAACC,MAAM,QAAQC,UAAU,SAAQH,SACvCH,EAACO,EAAc,CAACC,KAAM,GAAIC,YAAa,OAI/C"}

package/components/Formula/Formula.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useState as i,useMemo as n,useRef as c,useCallback as r,useEffect as e}from"react";import t from"classnames";import{useTheme as l,Button as a}from"@material-ui/core";import{replaceStringToLabel as m}from"./utils.js";import{useFormulaFunction as u}from"./useFormulaFunction.js";import{useFormulaStyles as p}from"./useFormulaStyles.js";import d from"./RootXIcon.js";import f from"./FormulaTextEditor.js";import h from"./CloseSuggestion.js";import j from"./SuggestionsMenu.js";import{CloseSmallIcon as v,InfoIcon as I}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 C from"../../effects/useOutsideClick.js";import{Tooltip as b}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var F=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],g=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},N=function(N){var k,y=N.suggestions,S=void 0===y?[]:y,x=N.initFormula,T=void 0===x?"":x,W=N.onSave,A=void 0===W?function(){}:W,O=i(!0),E=O[0],H=O[1],U=i(!1),P=U[0],R=U[1],V=i(!1),M=V[0],q=V[1],G=i(T),L=G[0],z=G[1],B=i(0),D=B[0],X=B[1],Z=i(0),w=Z[0],J=Z[1],K=m(L,S),Q=K.search("/f"),Y=-1!==Q,$=n((function(){return S.map((function(o){return o.key}))}),[S]),_=K.substring(Q+"/f".length,D),oo=c(),so=p({isValue:!Y&&!!L}),io=l(),no=u(L,$),co=no.formulaFunction,ro=no.error;C(oo,(function(){q(!1)}));var eo=function(o){var s,i=S.find((function(s){return s.key===o}));R(!0),q(!0),z((function(s){return s.replace("".concat("/f").concat(_),o?"[".concat(o,"]"):"")})),X(Q+((null===(s=null==i?void 0:i.label)||void 0===s?void 0:s.length)||0))},to=r((function(o,s){D!==s&&X(s),o!==L&&(z(o),H(!1))}),[L,D]);return e((function(){z(T)}),[T]),o("div",{className:so.formulaContainer,children:[o("div",{className:so.formulaHeaderWrapper,children:[o("div",{className:so.formulaHeaderTextWrapper,children:[s(d,{color:g(io,M,ro)}),s("div",{className:so.formulaHeaderText,style:{color:g(io,M,ro)},children:"Formula Expression"})]}),o("div",{className:so.formulaHeaderButtonWrapper,onClick:function(){Y||(H(!1),z(""),X(0),R(!0))},children:[s(v,{strokeWidth:3,size:16}),s("div",{className:so.formulaHeaderText,children:"Clear"})]})]}),o("div",{className:so.formulaEditorWrapper,children:[s("div",{ref:oo,onClick:function(){q(!0)},children:s(f,{initFormula:L,cursorPos:D,color:g(io,M,ro),suggestions:S,isValueUpdated:P,setIsValueUpdated:R,onChange:to})}),Y&&s(h,{onClose:function(){return eo("")}})]}),Y&&s(j,{suggestions:S,keyStr:_,onAddSuggestion:eo,onChangeHeight:J}),o("div",{className:so.formulaFooterWrapper,style:{marginTop:Y?-w:0},children:[s(I,{className:so.formulaFooterIcon,strokeWidth:3,size:16}),s("div",{className:so.formulaFooterTextWrapper,children:o("div",{className:so.formulaFooterText,children:["Type ",s("span",{className:so.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",s(b,{title:s("div",{className:so.tooltipWrapper,children:F.map((function(i){return o("div",{className:so.tooltipLine,children:[s("span",{className:so.tooltipValue,children:i.value}),o("div",{className:so.tooltipLabelContainer,children:[!!i.isShift&&s("span",{className:so.tooltipSymbol,children:"⇧"}),s("span",{children:i.label})]},i.value)]},i.value)}))}),placement:"bottom",children:s("span",{className:so.successColor,children:"math symbols"})})]})})]}),s(a,{className:so.verifyButton,variant:"contained",color:"primary",onClick:function(){H(!0);var o=S.map((function(o){return o.key})).filter((function(o){return L&&L.includes(o)}));A({formula:L,variables:o,formulaFunc:co})},disabled:E||!co,children:"Verify"}),!!L&&s("span",{className:t(so.resultText,(k={},k[so.errorColor]=!!ro,k[so.resultSuccessColor]=!ro,k)),children:ro?"The formula is not valid":"The formula is valid"})]})};export{N as default};
+import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useState as i,useMemo as c,useRef as n,useCallback as r,useEffect as t}from"react";import e from"classnames";import{useTheme as l,Button as a}from"@material-ui/core";import{replaceStringToLabel as m}from"./utils.js";import{useFormulaFunction as u}from"./useFormulaFunction.js";import{useFormulaStyles as p}from"./useFormulaStyles.js";import d from"./RootXIcon.js";import f from"./FormulaTextEditor.js";import h from"./CloseSuggestion.js";import j from"./SuggestionsMenu.js";import{CloseSmallIcon as v,InfoIcon as I}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/Lasso.js";import C from"../../effects/useOutsideClick.js";import{Tooltip as b}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";var F=[{value:"*",isShift:!0,label:"8"},{value:"/",label:"/"},{value:"(",isShift:!0,label:"9"},{value:")",isShift:!0,label:"0"},{value:"+",isShift:!0,label:"+"},{value:"-",label:"-"},{value:"^",isShift:!0,label:"6"}],g=function(o,s,i){return s?i?o.palette.error.main:o.palette.primary.main:o.palette.primary.text7},N=function(N){var k,y=N.suggestions,S=void 0===y?[]:y,x=N.initFormula,T=void 0===x?"":x,W=N.onSave,A=void 0===W?function(){}:W,O=i(!0),E=O[0],H=O[1],U=i(!1),P=U[0],R=U[1],V=i(!1),L=V[0],M=V[1],q=i(T),G=q[0],z=q[1],B=i(0),D=B[0],X=B[1],Z=i(0),w=Z[0],J=Z[1],K=m(G,S),Q=K.search("/f"),Y=-1!==Q,$=c((function(){return S.map((function(o){return o.key}))}),[S]),_=K.substring(Q+"/f".length,D),oo=n(),so=p({isValue:!Y&&!!G}),io=l(),co=u(G,$),no=co.formulaFunction,ro=co.error;C(oo,(function(){M(!1)}));var to=function(o){var s,i=S.find((function(s){return s.key===o}));R(!0),M(!0),z((function(s){return s.replace("".concat("/f").concat(_),o?"[".concat(o,"]"):"")})),X(Q+((null===(s=null==i?void 0:i.label)||void 0===s?void 0:s.length)||0))},eo=r((function(o,s){D!==s&&X(s),o!==G&&(z(o),H(!1))}),[G,D]);return t((function(){z(T)}),[T]),o("div",{className:so.formulaContainer,children:[o("div",{className:so.formulaHeaderWrapper,children:[o("div",{className:so.formulaHeaderTextWrapper,children:[s(d,{color:g(io,L,ro)}),s("div",{className:so.formulaHeaderText,style:{color:g(io,L,ro)},children:"Formula Expression"})]}),o("div",{className:so.formulaHeaderButtonWrapper,onClick:function(){Y||(H(!1),z(""),X(0),R(!0))},children:[s(v,{strokeWidth:3,size:16}),s("div",{className:so.formulaHeaderText,children:"Clear"})]})]}),o("div",{className:so.formulaEditorWrapper,children:[s("div",{ref:oo,onClick:function(){M(!0)},children:s(f,{initFormula:G,cursorPos:D,color:g(io,L,ro),suggestions:S,isValueUpdated:P,setIsValueUpdated:R,onChange:eo})}),Y&&s(h,{onClose:function(){return to("")}})]}),Y&&s(j,{suggestions:S,keyStr:_,onAddSuggestion:to,onChangeHeight:J}),o("div",{className:so.formulaFooterWrapper,style:{marginTop:Y?-w:0},children:[s(I,{className:so.formulaFooterIcon,strokeWidth:3,size:16}),s("div",{className:so.formulaFooterTextWrapper,children:o("div",{className:so.formulaFooterText,children:["Type ",s("span",{className:so.funcText,children:"/f"})," to do add live channels to your equation. Use your keybord for numbers and"," ",s(b,{title:s("div",{className:so.tooltipWrapper,children:F.map((function(i){return o("div",{className:so.tooltipLine,children:[s("span",{className:so.tooltipValue,children:i.value}),o("div",{className:so.tooltipLabelContainer,children:[!!i.isShift&&s("span",{className:so.tooltipSymbol,children:"⇧"}),s("span",{children:i.label})]},i.value)]},i.value)}))}),placement:"bottom",children:s("span",{className:so.successColor,children:"math symbols"})})]})})]}),s(a,{className:so.verifyButton,variant:"contained",color:"primary",onClick:function(){H(!0);var o=S.map((function(o){return o.key})).filter((function(o){return G&&G.includes(o)}));A({formula:G,variables:o,formulaFunc:no})},disabled:E||!no,children:"Verify"}),!!G&&s("span",{className:e(so.resultText,(k={},k[so.errorColor]=!!ro,k[so.resultSuccessColor]=!ro,k)),children:ro?"The formula is not valid":"The formula is valid"})]})};export{N as default};
 //# sourceMappingURL=Formula.js.map

package/components/GradientManager/GradientManager.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as i,Fragment as s}from"react/jsx-runtime";import{Grid as t,TextField as e,Box as c}from"@material-ui/core";import{noop as r,isEmpty as a,trim as d}from"lodash";import{useState as l,useEffect as m}from"react";import{CheckSmallIcon as u,CloseSmallIcon as p,WriteIcon as I,DeleteFourIcon as g}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 j from"../IconButton/index.js";import{GradientPicker as v}from"../GradientPicker/GradientPicker.js";import{DEFAULT_GRADIENTS as f,DEFAULT_GRADIENT_STOPS as h,TEMP_GRADIENT_ID as S,GRADIENT_MAX_NAME_LENGTH as C}from"./configuration/constants.js";import{GradientList as b}from"./GradientList.js";import{GradientSelect as G}from"./GradientSelect.js";import{useStyles as k}from"./GradientManager.styles.js";var F=function(F){var x,y=F.gradientId,P=F.onGradientEditStateChange,A=void 0===P?r:P,B=F.onChange,N=void 0===B?r:B,O=F.defaultGradients,w=void 0===O?f:O,E=F.defaultGradientStops,M=void 0===E?h:E,D=F.allowNoname,R=F.scaleOptions,L=void 0===R?{scaleFrom:0,scaleTo:100}:R,U=F.className,T=k(),W=new b(F.gradients||[],w,F.onGradientsChange),q=l(null),H=q[0],K=q[1],V=F.disableGradientsManagement||!F.onGradientsChange,Z=W.getHelperText({name:null==H?void 0:H.name,allowNoname:D,gradientId:y});m((function(){A(Boolean(H))}),[Boolean(H)]);var _=(null===(x=W.getById(y))||void 0===x?void 0:x.gradientStops)||F.gradientStops||M,z=function(){if(a(Z)){var o=H.gradientStops,n=d(H.name);if(K(null),n){if(W.getById(H.id||y))return W.update(y,{gradientStops:o,name:n}),void N({gradientId:y,gradientStops:o});var i=W.add(n,o);N({gradientId:null==i?void 0:i.id,gradientStops:o})}else D&&N({gradientStops:o,gradientId:null})}},J=function(o){o===y&&(N({gradientId:null,gradientStops:_}),K(null)),W.remove(o)},Q=function(n){var i=n.trimStart().substring(0,C);K(o(o({},H),{name:i}))};return n(t,{container:!0,className:U,children:[i(t,{item:!0,xs:6,children:H?i(e,o({InputLabelProps:{shrink:!0},className:T.customGradientName,label:"Gradient Name",value:H.name,onChange:function(o){return Q(o.target.value)},onFocus:function(o){o.target.select()},onKeyDown:function(o){var n;if("Enter"===o.key){var i=null===(n=o.target)||void 0===n?void 0:n.value;i&&(Q(i),z())}},autoFocus:!0,fullWidth:!0},Z)):i(G,{value:y,gradients:F.gradients||[],onChange:function(o){var n,i=W.getById(o);N({gradientId:o,gradientStops:null!==(n=null==i?void 0:i.gradientStops)&&void 0!==n?n:M})},defaultGradients:w,onAction:function(o,n){switch(o){case"add":K({name:"",gradientStops:M,id:S});break;case"delete":J(n)}},readonly:V})}),i(t,{item:!0,xs:6,children:i(c,{display:"flex",alignItems:"center",height:"100%",children:i(c,{display:"flex",paddingLeft:1,children:n(s,H?{children:[i(j,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!Z||V,children:i(u,{})}),i(j,{"data-testid":"cancel-edit-btn",onClick:function(){K(null)},tooltipProps:{title:"Cancel"},children:i(p,{})})]}:{children:[i(j,{"data-testid":"edit-gradient-btn",onClick:function(){var o;W.isDefault(y)?K({name:W.newName(),gradientStops:_,id:S}):K({name:(null===(o=W.getById(y))||void 0===o?void 0:o.name)||"",gradientStops:_})},tooltipProps:{title:"Edit"},disabled:V,children:i(I,{})}),!!W.getById(y)&&!W.isDefault(y)&&i(j,{"data-testid":"delete-gradient-btn",onClick:function(){return J(y)},tooltipProps:{title:"Remove"},disabled:V,children:i(g,{})})]})})})}),i(t,{item:!0,xs:12,children:i(v,{from:null==L?void 0:L.scaleFrom,to:null==L?void 0:L.scaleTo,unit:null==L?void 0:L.scaleUnit,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||_,onChange:function(n){K(o(o({},H),{gradientStops:n}))},readonly:!H,isMoveInputVisible:!0})})]})};export{F as GradientManager};
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as i,Fragment as s}from"react/jsx-runtime";import{Grid as t,TextField as c,Box as e}from"@material-ui/core";import{noop as r,isEmpty as a,trim as d}from"lodash";import{useState as l,useEffect as m}from"react";import{CheckSmallIcon as u,CloseSmallIcon as p,WriteIcon as I,DeleteFourIcon as g}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/Lasso.js";import j from"../IconButton/index.js";import{GradientPicker as v}from"../GradientPicker/GradientPicker.js";import{DEFAULT_GRADIENTS as f,DEFAULT_GRADIENT_STOPS as h,TEMP_GRADIENT_ID as S,GRADIENT_MAX_NAME_LENGTH as C}from"./configuration/constants.js";import{GradientList as b}from"./GradientList.js";import{GradientSelect as G}from"./GradientSelect.js";import{useStyles as k}from"./GradientManager.styles.js";var F=function(F){var x,y=F.gradientId,P=F.onGradientEditStateChange,A=void 0===P?r:P,B=F.onChange,N=void 0===B?r:B,O=F.defaultGradients,w=void 0===O?f:O,E=F.defaultGradientStops,M=void 0===E?h:E,D=F.allowNoname,L=F.scaleOptions,R=void 0===L?{scaleFrom:0,scaleTo:100}:L,U=F.className,T=k(),W=new b(F.gradients||[],w,F.onGradientsChange),q=l(null),H=q[0],K=q[1],V=F.disableGradientsManagement||!F.onGradientsChange,Z=W.getHelperText({name:null==H?void 0:H.name,allowNoname:D,gradientId:y});m((function(){A(Boolean(H))}),[Boolean(H)]);var _=(null===(x=W.getById(y))||void 0===x?void 0:x.gradientStops)||F.gradientStops||M,z=function(){if(a(Z)){var o=H.gradientStops,n=d(H.name);if(K(null),n){if(W.getById(H.id||y))return W.update(y,{gradientStops:o,name:n}),void N({gradientId:y,gradientStops:o});var i=W.add(n,o);N({gradientId:null==i?void 0:i.id,gradientStops:o})}else D&&N({gradientStops:o,gradientId:null})}},J=function(o){o===y&&(N({gradientId:null,gradientStops:_}),K(null)),W.remove(o)},Q=function(n){var i=n.trimStart().substring(0,C);K(o(o({},H),{name:i}))};return n(t,{container:!0,className:U,children:[i(t,{item:!0,xs:6,children:H?i(c,o({InputLabelProps:{shrink:!0},className:T.customGradientName,label:"Gradient Name",value:H.name,onChange:function(o){return Q(o.target.value)},onFocus:function(o){o.target.select()},onKeyDown:function(o){var n;if("Enter"===o.key){var i=null===(n=o.target)||void 0===n?void 0:n.value;i&&(Q(i),z())}},autoFocus:!0,fullWidth:!0},Z)):i(G,{value:y,gradients:F.gradients||[],onChange:function(o){var n,i=W.getById(o);N({gradientId:o,gradientStops:null!==(n=null==i?void 0:i.gradientStops)&&void 0!==n?n:M})},defaultGradients:w,onAction:function(o,n){switch(o){case"add":K({name:"",gradientStops:M,id:S});break;case"delete":J(n)}},readonly:V})}),i(t,{item:!0,xs:6,children:i(e,{display:"flex",alignItems:"center",height:"100%",children:i(e,{display:"flex",paddingLeft:1,children:n(s,H?{children:[i(j,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!Z||V,children:i(u,{})}),i(j,{"data-testid":"cancel-edit-btn",onClick:function(){K(null)},tooltipProps:{title:"Cancel"},children:i(p,{})})]}:{children:[i(j,{"data-testid":"edit-gradient-btn",onClick:function(){var o;W.isDefault(y)?K({name:W.newName(),gradientStops:_,id:S}):K({name:(null===(o=W.getById(y))||void 0===o?void 0:o.name)||"",gradientStops:_})},tooltipProps:{title:"Edit"},disabled:V,children:i(I,{})}),!!W.getById(y)&&!W.isDefault(y)&&i(j,{"data-testid":"delete-gradient-btn",onClick:function(){return J(y)},tooltipProps:{title:"Remove"},disabled:V,children:i(g,{})})]})})})}),i(t,{item:!0,xs:12,children:i(v,{from:null==R?void 0:R.scaleFrom,to:null==R?void 0:R.scaleTo,unit:null==R?void 0:R.scaleUnit,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||_,onChange:function(n){K(o(o({},H),{gradientStops:n}))},readonly:!H,isMoveInputVisible:!0})})]})};export{F as GradientManager};
 //# sourceMappingURL=GradientManager.js.map

package/components/GradientManager/GradientSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as s}from"react/jsx-runtime";import{ListSubheader as i,MenuItem as n}from"@material-ui/core";import c from"@material-ui/icons/AddCircle";import{useState as t}from"react";import r from"classnames";import{isEmpty as e}from"lodash";import{GradientPreview as m}from"./GradientPreview/GradientPreview.js";import a from"../Select/index.js";import l from"../IconButton/index.js";import{useStyles as u}from"./GradientSelect.styles.js";import{DeleteFourIcon as d}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";var p=function(p){var I=p.value,j=p.gradients,h=p.onChange,v=p.defaultGradients,f=p.onAction,C=p.readonly,g=u(),G=t(!1),F=G[0],b=G[1],P=function(o){var s,i;if(o.stopPropagation(),!C){var n=null===(i=null===(s=o.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;I===n&&b(!1),f("delete",n)}},k=e(j)&&C;return o(a,{"data-testid":"gradient-select",label:"Gradients",value:I||"",className:g.select,onChange:function(o){var s=o.target;s.value&&h(s.value)},open:F,onClose:function(){return b(!1)},onOpen:function(){return b(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[s(i,{className:g.listHeader,children:"Gradients"}),!k&&o(i,{className:g.subHeader,children:["My Gradients",!C&&s(l,{color:"primary","data-testid":"add-gradient-btn",className:g.addButton,onClick:function(){return f("add")},tooltipProps:{title:"Create Custom Gradient"},children:s(c,{color:"primary"})})]}),j.map((function(i){var c=i.id,t=i.name,e=i.gradientStops;return o(n,{value:c,className:g.customGradientListItem,children:[s(m,{gradientStops:e}),s("span",{children:t}),s(l,{className:r({disabled:C}),onClick:P,tooltipProps:{title:"Remove Gradient"},size:"medium",children:s(d,{})})]},c)})),!e(v)&&s(i,{className:g.subHeader,children:"Default Gradients"}),v.map((function(i){var c=i.id,t=i.name,r=i.gradientStops;return o(n,{value:c,className:g.customGradientListItem,children:[s(m,{gradientStops:r}),s("span",{children:t})]},c)}))]})};export{p as GradientSelect};
+import{jsxs as o,jsx as s}from"react/jsx-runtime";import{ListSubheader as i,MenuItem as n}from"@material-ui/core";import c from"@material-ui/icons/AddCircle";import{useState as t}from"react";import r from"classnames";import{isEmpty as e}from"lodash";import{GradientPreview as m}from"./GradientPreview/GradientPreview.js";import a from"../Select/index.js";import l from"../IconButton/index.js";import{useStyles as u}from"./GradientSelect.styles.js";import{DeleteFourIcon as d}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/Lasso.js";var p=function(p){var I=p.value,j=p.gradients,h=p.onChange,v=p.defaultGradients,f=p.onAction,C=p.readonly,g=u(),G=t(!1),F=G[0],b=G[1],P=function(o){var s,i;if(o.stopPropagation(),!C){var n=null===(i=null===(s=o.currentTarget.closest("li"))||void 0===s?void 0:s.dataset)||void 0===i?void 0:i.value;I===n&&b(!1),f("delete",n)}},k=e(j)&&C;return o(a,{"data-testid":"gradient-select",label:"Gradients",value:I||"",className:g.select,onChange:function(o){var s=o.target;s.value&&h(s.value)},open:F,onClose:function(){return b(!1)},onOpen:function(){return b(!0)},inputProps:{name:"gradientId",id:"gradientId"},FormControlProps:{fullWidth:!0},fullWidth:!0,defaultValue:"",InputLabelProps:{shrink:!0},children:[s(i,{className:g.listHeader,children:"Gradients"}),!k&&o(i,{className:g.subHeader,children:["My Gradients",!C&&s(l,{color:"primary","data-testid":"add-gradient-btn",className:g.addButton,onClick:function(){return f("add")},tooltipProps:{title:"Create Custom Gradient"},children:s(c,{color:"primary"})})]}),j.map((function(i){var c=i.id,t=i.name,e=i.gradientStops;return o(n,{value:c,className:g.customGradientListItem,children:[s(m,{gradientStops:e}),s("span",{children:t}),s(l,{className:r({disabled:C}),onClick:P,tooltipProps:{title:"Remove Gradient"},size:"medium",children:s(d,{})})]},c)})),!e(v)&&s(i,{className:g.subHeader,children:"Default Gradients"}),v.map((function(i){var c=i.id,t=i.name,r=i.gradientStops;return o(n,{value:c,className:g.customGradientListItem,children:[s(m,{gradientStops:r}),s("span",{children:t})]},c)}))]})};export{p as GradientSelect};
 //# sourceMappingURL=GradientSelect.js.map

package/components/GradientPicker/GradientPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useRef as s,useState as c,useEffect as r,useMemo as e}from"react";import l from"classnames";import a from"react-draggable";import{find as m,noop as u,sortBy as d,reject as p,clamp as f,omit as h}from"lodash";import v from"tinygradient";import{v4 as I}from"uuid";import{Typography as j,Tooltip as g,Popover as C,TextField as b}from"@material-ui/core";import{Add as k}from"@material-ui/icons";import{DeleteFourIcon as F}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 x from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as y,getStopText as N,roundToStep as P,getRangeStep as O}from"./GradientPicker.utils.js";import{useThrottledCallback as _}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as M}from"./GradientPicker.styles.js";import{withSize as S}from"react-sizeme";var T=S()((function(S){var T=S.size,z=S.from,B=void 0===z?0:z,E=S.to,G=void 0===E?100:E,R=S.unit,D=S.gradientStops,L=S.onChange,U=S.style,V=S.isMoveInputVisible,W=S.readonly,q=S.noScale,w=S["data-testid"],H=void 0===w?"GradientPicker":w,K=s(),X=c([]),Z=X[0],J=X[1],Q=c(null),Y=Q[0],$=Q[1],oo=c(null),no=oo[0],io=oo[1],to=c(null),so=to[0],co=to[1],ro=M({readonly:W}),eo=Number.isFinite(B)?Number(B):0,lo=Number.isFinite(G)?Number(G):100,ao=lo-eo;r((function(){(D.length!==(null==Z?void 0:Z.length)||D.some((function(o,n){return o.color!==Z[n].color||o.pos!==Z[n].pos})))&&J(D.map((function(n){return o(o({},n),{id:I()})})))}),[D]);var mo=e((function(){return y(Z)}),[Z]),uo=e((function(){var o;return null===(o=K.current)||void 0===o?void 0:o.clientWidth}),[T.width,K.current]),po=function(o){var n=d(o,"pos");J(n),L&&L(n.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var n=o.currentTarget.getBoundingClientRect(),i=o.clientX-n.left;co(Number.isFinite(i)?i:null)}else co(null)},ho=_((function(i,t,s,c){if(void 0===c&&(c=!1),!Y){var r=t/uo*100,e=m(Z,{id:i});if(s>=40||s<=-50)Io();else{var l=o(o({},e),{pos:r}),a=d(n(n([],p(Z,{id:i}),!0),[l],!1),"pos");if(c)return po(a),void io(null);J(a),go||io(i)}}}),0),vo=function(){po(Z),io(null),$(null)},Io=function(){Z.length>2&&(po(p(Z,{id:no})),$(null),io(null))},jo=!Y&&Number.isFinite(so)&&!W,go=m(Z,{id:no}),Co=O(ao),bo=function(o){if(!o)return null;var n=eo+(null==o?void 0:o.pos)/100*ao;return P(n,Co/100)}(go);return i("div",{className:ro.root,style:U,children:[!q&&i("div",{className:ro.indicatorContainer,children:[t("div",{children:i(j,{"data-testid":"".concat(H,"_from"),className:ro.indicator,children:[eo," ",R]})}),t("div",{children:i(j,{"data-testid":"".concat(H,"_to"),className:ro.indicator,children:[lo," ",R]})})]}),i("div",{onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return co(null)},onClick:function(o){if(!W){var i=so/uo*100,t=v(Z.map((function(o){return{color:o.color,pos:o.pos/100}}))),s="#".concat(t.rgbAt(i/100).toHex()),c={id:I(),pos:i,color:s};po(n(n([],Z,!0),[c],!1))}},"data-testid":"".concat(H,"_track"),className:ro.mainBar,style:{background:"linear-gradient(90deg, ".concat(mo,")")},ref:K,children:[jo&&t("div",{"data-testid":"".concat(H,"_addCircle"),className:ro.addCircle,style:{left:so-12},children:t(k,{fontSize:"small",className:ro.addIcon})}),!!uo&&Z.map((function(o,n){var i,s=o.pos,c=o.color,r=o.id;return t(a,{disabled:W,axis:"x",bounds:{left:-12,right:uo-12,top:-50,bottom:40},onDrag:function(o,n){return ho(r,n.x+12,n.y,!1)},onStop:function(o,n){return ho(r,n.x+12,n.y,!0)},position:{x:uo*s/100-12,y:-4},children:t("div",{onClick:function(o){return function(o,n){o.stopPropagation(),W||no||(io(n),$(o.currentTarget))}(o,r)},"data-testid":"".concat(H,"_stop_").concat(n),className:l(ro.circle,{highlight:no===r}),style:{backgroundColor:c},children:t(g,{title:(i=s,N(i,{fromValue:eo,toValue:lo})),placement:"top",children:t("div",{style:{height:"100%"}})})})},r)}))]}),Boolean(Y)&&i(C,{id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:vo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[t(x,{color:null==go?void 0:go.color,onChange:function(n){var i=n.hex;J(Z.map((function(n){return n.id===no?o(o({},n),{color:i}):n})))},onSizeChange:u,enableTransparencyPalette:!1}),t(A,{"data-testid":"".concat(H,"_stopDelete"),className:ro.removeButton,onClick:Io,children:t(F,{className:ro.deleteIcon})}),V&&t(b,{"data-testid":"".concat(H,"_moveInput"),type:"number",variant:"outlined",value:bo,classes:{root:ro.posTextfield},InputProps:{inputProps:{min:eo,max:lo,step:Co,maxLength:10},classes:{root:ro.posOutlinedRoot,input:ro.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(n){if(""===n.target.value){var i=n.target;setTimeout((function(){return null==i?void 0:i.select()}))}var t=f(Number(n.target.value),eo,lo);t||n.target.select();var s=(t-eo)/ao*100;J(Z.map((function(n){return n.id===no?o(o({},n),{pos:s}):n})))},onKeyDown:function(o){return"Enter"===o.key&&vo()}})]})]})})),z=function(n){return t(T,o({},n))};export{z as GradientPicker};
+import{__assign as o,__spreadArray as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useRef as s,useState as c,useEffect as r,useMemo as e}from"react";import l from"classnames";import a from"react-draggable";import{find as m,noop as u,sortBy as d,reject as p,clamp as f,omit as h}from"lodash";import I from"tinygradient";import{v4 as v}from"uuid";import{Typography as j,Tooltip as g,Popover as C,TextField as b}from"@material-ui/core";import{Add as k}from"@material-ui/icons";import{DeleteFourIcon as F}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/Lasso.js";import x from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as y,getStopText as N,roundToStep as P,getRangeStep as O}from"./GradientPicker.utils.js";import{useThrottledCallback as _}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as M}from"./GradientPicker.styles.js";import{withSize as S}from"react-sizeme";var T=S()((function(S){var T=S.size,z=S.from,B=void 0===z?0:z,E=S.to,G=void 0===E?100:E,R=S.unit,D=S.gradientStops,L=S.onChange,U=S.style,V=S.isMoveInputVisible,W=S.readonly,q=S.noScale,w=S["data-testid"],H=void 0===w?"GradientPicker":w,K=s(),X=c([]),Z=X[0],J=X[1],Q=c(null),Y=Q[0],$=Q[1],oo=c(null),no=oo[0],io=oo[1],to=c(null),so=to[0],co=to[1],ro=M({readonly:W}),eo=Number.isFinite(B)?Number(B):0,lo=Number.isFinite(G)?Number(G):100,ao=lo-eo;r((function(){(D.length!==(null==Z?void 0:Z.length)||D.some((function(o,n){return o.color!==Z[n].color||o.pos!==Z[n].pos})))&&J(D.map((function(n){return o(o({},n),{id:v()})})))}),[D]);var mo=e((function(){return y(Z)}),[Z]),uo=e((function(){var o;return null===(o=K.current)||void 0===o?void 0:o.clientWidth}),[T.width,K.current]),po=function(o){var n=d(o,"pos");J(n),L&&L(n.map((function(o){return h(o,"id")})))},fo=function(o){if(o.target===o.currentTarget){var n=o.currentTarget.getBoundingClientRect(),i=o.clientX-n.left;co(Number.isFinite(i)?i:null)}else co(null)},ho=_((function(i,t,s,c){if(void 0===c&&(c=!1),!Y){var r=t/uo*100,e=m(Z,{id:i});if(s>=40||s<=-50)vo();else{var l=o(o({},e),{pos:r}),a=d(n(n([],p(Z,{id:i}),!0),[l],!1),"pos");if(c)return po(a),void io(null);J(a),go||io(i)}}}),0),Io=function(){po(Z),io(null),$(null)},vo=function(){Z.length>2&&(po(p(Z,{id:no})),$(null),io(null))},jo=!Y&&Number.isFinite(so)&&!W,go=m(Z,{id:no}),Co=O(ao),bo=function(o){if(!o)return null;var n=eo+(null==o?void 0:o.pos)/100*ao;return P(n,Co/100)}(go);return i("div",{className:ro.root,style:U,children:[!q&&i("div",{className:ro.indicatorContainer,children:[t("div",{children:i(j,{"data-testid":"".concat(H,"_from"),className:ro.indicator,children:[eo," ",R]})}),t("div",{children:i(j,{"data-testid":"".concat(H,"_to"),className:ro.indicator,children:[lo," ",R]})})]}),i("div",{onMouseEnter:fo,onMouseMove:fo,onMouseLeave:function(){return co(null)},onClick:function(o){if(!W){var i=so/uo*100,t=I(Z.map((function(o){return{color:o.color,pos:o.pos/100}}))),s="#".concat(t.rgbAt(i/100).toHex()),c={id:v(),pos:i,color:s};po(n(n([],Z,!0),[c],!1))}},"data-testid":"".concat(H,"_track"),className:ro.mainBar,style:{background:"linear-gradient(90deg, ".concat(mo,")")},ref:K,children:[jo&&t("div",{"data-testid":"".concat(H,"_addCircle"),className:ro.addCircle,style:{left:so-12},children:t(k,{fontSize:"small",className:ro.addIcon})}),!!uo&&Z.map((function(o,n){var i,s=o.pos,c=o.color,r=o.id;return t(a,{disabled:W,axis:"x",bounds:{left:-12,right:uo-12,top:-50,bottom:40},onDrag:function(o,n){return ho(r,n.x+12,n.y,!1)},onStop:function(o,n){return ho(r,n.x+12,n.y,!0)},position:{x:uo*s/100-12,y:-4},children:t("div",{onClick:function(o){return function(o,n){o.stopPropagation(),W||no||(io(n),$(o.currentTarget))}(o,r)},"data-testid":"".concat(H,"_stop_").concat(n),className:l(ro.circle,{highlight:no===r}),style:{backgroundColor:c},children:t(g,{title:(i=s,N(i,{fromValue:eo,toValue:lo})),placement:"top",children:t("div",{style:{height:"100%"}})})})},r)}))]}),Boolean(Y)&&i(C,{id:"colors-popper",open:Boolean(Y),anchorEl:Y,onClose:Io,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[t(x,{color:null==go?void 0:go.color,onChange:function(n){var i=n.hex;J(Z.map((function(n){return n.id===no?o(o({},n),{color:i}):n})))},onSizeChange:u,enableTransparencyPalette:!1}),t(A,{"data-testid":"".concat(H,"_stopDelete"),className:ro.removeButton,onClick:vo,children:t(F,{className:ro.deleteIcon})}),V&&t(b,{"data-testid":"".concat(H,"_moveInput"),type:"number",variant:"outlined",value:bo,classes:{root:ro.posTextfield},InputProps:{inputProps:{min:eo,max:lo,step:Co,maxLength:10},classes:{root:ro.posOutlinedRoot,input:ro.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(n){if(""===n.target.value){var i=n.target;setTimeout((function(){return null==i?void 0:i.select()}))}var t=f(Number(n.target.value),eo,lo);t||n.target.select();var s=(t-eo)/ao*100;J(Z.map((function(n){return n.id===no?o(o({},n),{pos:s}):n})))},onKeyDown:function(o){return"Enter"===o.key&&Io()}})]})]})})),z=function(n){return t(T,o({},n))};export{z as GradientPicker};
 //# sourceMappingURL=GradientPicker.js.map

package/components/HelpCenter/HelpCenterIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}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{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var e=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,m=o.helpContentUpdatedAt,l=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],p=m&&(!l||s(l).isBefore(m));return t(p?e:c,{})}export{r as HelpCenterIcon};
+import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}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/Lasso.js";import{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var e=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,m=o.helpContentUpdatedAt,l=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],p=m&&(!l||s(l).isBefore(m));return t(p?e:c,{})}export{r as HelpCenterIcon};
 //# sourceMappingURL=HelpCenterIcon.js.map

package/components/HelpCenter/HelpCenterIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelpCenterIcon.js","sources":["../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","fillRule","clipRule","d","x","y","rx","stroke","id","HelpCenterIcon","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","isNewContent","moment","isBefore","HelpIcon"],"mappings":"~~uwEAMA~~,IAAMA,EAAiBC,EACrBC,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAN,EAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFP,KAAK,YAEPI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMV,KAAK,YAC3DI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMC,OAAO,eAE/DP,EAAA,OAAA,CAAAF,SACEE,EAAA,WAAA,CAAUQ,GAAG,oBAAmBV,SAC9BE,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,kBAGK,SAASa,EAAgDC,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAoB,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAE7DI,EACJH,KACEC,GAA0BG,EAAOH,GAAwBI,SAASL,IAGtE,OAAOb,EADMgB,EAAe1B,EAAiB6B,EAC9B,CAAA,EACjB"}
1	+ {"version":3,"file":"HelpCenterIcon.js","sources":["../../../src/components/HelpCenter/HelpCenterIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { HelpIcon } from '~/icons';\nimport { getLocalStorageItem } from '~/utils/localStorage';\n\nconst NewContentIcon = createSvgIcon(\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clipPath=\"url(#clip0_69385_73795)\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z\"\n fill=\"#BDBDBD\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z\"\n fill=\"#BDBDBD\"\n />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" fill=\"#75DB29\" />\n <rect x=\"15.5\" y=\"-0.5\" width=\"9\" height=\"9\" rx=\"4.5\" stroke=\"#212121\" />\n </g>\n <defs>\n <clipPath id=\"clip0_69385_73795\">\n <rect width=\"24\" height=\"24\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>,\n 'NewContentIcon'\n);\n\nexport function HelpCenterIcon({ appId, helpContentUpdatedAt }) {\n const helpCenterLastOpenedAt = getLocalStorageItem('helpCenter')?.[appId];\n\n const isNewContent =\n helpContentUpdatedAt &&\n (!helpCenterLastOpenedAt \|\| moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));\n\n const Icon = isNewContent ? NewContentIcon : HelpIcon;\n return <Icon />;\n}\n"],"names":["NewContentIcon","createSvgIcon","_jsxs","width","height","viewBox","fill","xmlns","children","clipPath","_jsx","fillRule","clipRule","d","x","y","rx","stroke","id","HelpCenterIcon","_ref","_getLocalStorageItem","appId","helpContentUpdatedAt","helpCenterLastOpenedAt","getLocalStorageItem","isNewContent","moment","isBefore","HelpIcon"],"mappings":"szEAMA,IAAMA,EAAiBC,EACrBC,EAAA,MAAA,CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SAC5F,CAAAN,EAAA,IAAA,CAAGO,SAAS,0BAAyBD,SACnC,CAAAE,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,mvBACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,yLACFP,KAAK,YAEPI,EAAA,OAAA,CACEC,SAAS,UACTC,SAAS,UACTC,EAAE,keACFP,KAAK,YAEPI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMV,KAAK,YAC3DI,EAAA,OAAA,CAAMI,EAAE,OAAOC,EAAE,OAAOZ,MAAM,IAAIC,OAAO,IAAIY,GAAG,MAAMC,OAAO,eAE/DP,EAAA,OAAA,CAAAF,SACEE,EAAA,WAAA,CAAUQ,GAAG,oBAAmBV,SAC9BE,EAAA,OAAA,CAAMP,MAAM,KAAKC,OAAO,KAAKE,KAAK,iBAIxC,kBAGK,SAASa,EAAgDC,GAAA,IAAAC,EAA/BC,IAAAA,MAAOC,IAAAA,qBAChCC,EAA0D,UAAjCC,EAAoB,qBAAa,IAAAJ,OAAA,EAAjCA,EAAoCC,GAE7DI,EACJH,KACEC,GAA0BG,EAAOH,GAAwBI,SAASL,IAGtE,OAAOb,EADMgB,EAAe1B,EAAiB6B,EAC9B,CAAA,EACjB"}

package/components/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as s,jsx as c}from"react/jsx-runtime";import{useRef as n,useState as i,useEffect as t,Children as r,isValidElement as e,cloneElement as m}from"react";import p from"classnames";import l from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon as a}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{Regular14 as u}from"../Typography.js";import{Popper as j}from"../Popper/Popper.js";import I from"../IconButton/index.js";import{useStyles as d}from"./styles.js";var h=function(h){var f=d(),C=n(),v=i(),F=v[0],x=v[1],b=i(),k=b[0],B=b[1];if(t((function(){setTimeout((function(){return B(h.open?h.anchorEl||C.current:void 0)}),100)})),!h.anchorEl&&r.count(h.children)>1)throw new Error("Hint expects a single reffable element as a child");var E=h.anchorEl?h.children:r.map(h.children,(function(o){return e(o)?m(o,{ref:C}):o}));return o(s,{children:[E,o(j,{className:p(f.popper,h.className),transition:!0,open:!!k,anchorEl:k,placement:h.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!F,element:F}},children:[c("div",{ref:x,className:f.arrow}),o("div",{className:f.tooltip,children:[h.title&&c("span",{className:p(f.title,h.onClose&&f.hasClose),children:h.title}),h.onClose&&c(I,{onClick:h.onClose,className:f.close,size:"small",children:c(a,{})}),h.content&&c(u,{className:f.content,children:h.content}),h.onConfirm&&c(l,{color:"inherit",className:f.button,onClick:h.onConfirm,children:h.confirmText||"Got It"})]})]})]})};export{h as Hint};
+import{jsxs as o,Fragment as s,jsx as c}from"react/jsx-runtime";import{useRef as n,useState as i,useEffect as t,Children as r,isValidElement as e,cloneElement as m}from"react";import p from"classnames";import l from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon as a}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/Lasso.js";import{Regular14 as u}from"../Typography.js";import{Popper as j}from"../Popper/Popper.js";import I from"../IconButton/index.js";import{useStyles as d}from"./styles.js";var h=function(h){var f=d(),C=n(),v=i(),F=v[0],x=v[1],b=i(),k=b[0],B=b[1];if(t((function(){setTimeout((function(){return B(h.open?h.anchorEl||C.current:void 0)}),100)})),!h.anchorEl&&r.count(h.children)>1)throw new Error("Hint expects a single reffable element as a child");var E=h.anchorEl?h.children:r.map(h.children,(function(o){return e(o)?m(o,{ref:C}):o}));return o(s,{children:[E,o(j,{className:p(f.popper,h.className),transition:!0,open:!!k,anchorEl:k,placement:h.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!F,element:F}},children:[c("div",{ref:x,className:f.arrow}),o("div",{className:f.tooltip,children:[h.title&&c("span",{className:p(f.title,h.onClose&&f.hasClose),children:h.title}),h.onClose&&c(I,{onClick:h.onClose,className:f.close,size:"small",children:c(a,{})}),h.content&&c(u,{className:f.content,children:h.content}),h.onConfirm&&c(l,{color:"inherit",className:f.button,onClick:h.onConfirm,children:h.confirmText||"Got It"})]})]})]})};export{h as Hint};
 //# sourceMappingURL=Hint.js.map