@corva/ui 3.78.0-0 → 3.78.0-10

package/cjs-bundle/components/GradientManager/GradientManager.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../IconButton/index.js"),t=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,v=e.onChange,g=void 0===v?o.noop:v,h=e.defaultGradients,S=void 0===h?p.DEFAULT_GRADIENTS:h,b=e.defaultGradientStops,x=void 0===b?p.DEFAULT_GRADIENT_STOPS:b,P=e.allowNoname,D=e.scaleOptions,f=(D=void 0===D?{}:D).scaleFrom,T=void 0===f?0:f,y=D.scaleTo,k=void 0===y?100:y,O=D.scaleUnit,F=e.className,G=m.useStyles(),B=n.useMemo((function(){return new l.GradientList(e.gradients||[],S,e.onGradientsChange)}),[e.gradients,S,e.onGradientsChange]),E=n.useState(null),M=V.default(E,2),H=M[0],L=M[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=B.getHelperText({name:null!==(s=null==H?void 0:H.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(H))}),[Boolean(H)]);var R=(null===(q=B.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||x,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:x,id:p.TEMP_GRADIENT_ID})}),[x]),_=n.useCallback((function(){var e;B.isDefault(j)?L({name:B.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=B.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[B,j,R]),z=function(){if(o.isEmpty(N)&&H){var e=H.gradientStops;if(e){var s=o.trim(H.name);if(L(null),s){if(B.getById(H.id||j))return B.update(j,{gradientStops:e,name:s}),void g({gradientId:j,gradientStops:e});var r=B.add(s,e);g({gradientId:r.id,gradientStops:e})}else P&&g({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(g({gradientId:null,gradientStops:R}),L(null)),B.remove(e)}),[R,B,g,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},H),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=B.getById(e);g({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:x})}),[B,g,x]);return c.jsxs(r.Grid,{container:!0,className:F,children:[c.jsx(r.Grid,{item:!0,xs:6,children:H?c.jsx(u.TextInputNext,{className:G.customGradientName,label:"Gradient Name",value:H.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:S,onAction:Z,readonly:w})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:H?c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(i,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!B.getById(j)&&!B.isDefault(j)&&c.jsx(i,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(t.GradientPicker,{from:T,to:k,unit:O,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||R,onChange:function(e){L(I(I({},H),{},{gradientStops:e}))},readonly:!H,isMoveInputVisible:!0})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@material-ui/core"),o=require("lodash"),n=require("react"),i=require("../IconButton/index.js"),t=require("../GradientPicker/GradientPicker.js");require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var c=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js");var u=require("../../componentsV2/TextInputNext/TextInputNext.js");require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var a=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js");var p=require("./configuration/constants.js");require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/Select/Select.js"),require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var l=require("./GradientList.js"),d=require("./GradientSelect.js"),m=require("./GradientManager.styles.js");function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=q(e),V=q(s);function A(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?A(Object(r),!0).forEach((function(s){j.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}exports.GradientManager=function(e){var s,q,j=e.gradientId,A=e.onGradientEditStateChange,C=void 0===A?o.noop:A,g=e.onChange,v=void 0===g?o.noop:g,h=e.defaultGradients,S=void 0===h?p.DEFAULT_GRADIENTS:h,x=e.defaultGradientStops,b=void 0===x?p.DEFAULT_GRADIENT_STOPS:x,P=e.allowNoname,D=e.scaleOptions,f=(D=void 0===D?{}:D).scaleFrom,T=void 0===f?0:f,y=D.scaleTo,k=void 0===y?100:y,O=D.scaleUnit,F=e.className,G=m.useStyles(),B=n.useMemo((function(){return new l.GradientList(e.gradients||[],S,e.onGradientsChange)}),[e.gradients,S,e.onGradientsChange]),E=n.useState(null),M=V.default(E,2),H=M[0],L=M[1],w=e.disableGradientsManagement||!e.onGradientsChange,N=B.getHelperText({name:null!==(s=null==H?void 0:H.name)&&void 0!==s?s:"",allowNoname:null!=P&&P,gradientId:j});n.useEffect((function(){C(Boolean(H))}),[Boolean(H)]);var R=(null===(q=B.getById(j))||void 0===q?void 0:q.gradientStops)||e.gradientStops||b,U=n.useCallback((function(){L(null)}),[]),W=n.useCallback((function(){L({name:"",gradientStops:b,id:p.TEMP_GRADIENT_ID})}),[b]),_=n.useCallback((function(){var e;B.isDefault(j)?L({name:B.newName(),gradientStops:R,id:p.TEMP_GRADIENT_ID}):L({name:(null===(e=B.getById(j))||void 0===e?void 0:e.name)||"",gradientStops:R})}),[B,j,R]),z=function(){if(o.isEmpty(N)&&H){var e=H.gradientStops;if(e){var s=o.trim(H.name);if(L(null),s){if(B.getById(H.id||j))return B.update(j,{gradientStops:e,name:s}),void v({gradientId:j,gradientStops:e});var r=B.add(s,e);v({gradientId:r.id,gradientStops:e})}else P&&v({gradientStops:e,gradientId:null})}}},K=n.useCallback((function(e){e===j&&(v({gradientId:null,gradientStops:R}),L(null)),B.remove(e)}),[R,B,v,j]),X=function(e){var s=e.trimStart().substring(0,p.GRADIENT_MAX_NAME_LENGTH);L(I(I({},H),{},{name:s}))},Z=n.useCallback((function(e,s){switch(e){case"add":W();break;case"delete":K(s)}}),[W,K]),J=n.useCallback((function(e){var s,r=B.getById(e);v({gradientId:e,gradientStops:null!==(s=null==r?void 0:r.gradientStops)&&void 0!==s?s:b})}),[B,v,b]);return c.jsxs(r.Grid,{container:!0,className:F,children:[c.jsx(r.Grid,{item:!0,xs:6,children:H?c.jsx(u.TextInputNext,{className:G.customGradientName,label:"Gradient Name",value:H.name,onChange:X,onFocus:function(e){e.target.select()},onKeyDown:function(e){if("Enter"===e.key){var s=e.target.value;s&&(X(s),z())}},autoFocus:!0,status:null!=N&&N.error?"error":void 0,message:null==N?void 0:N.helperText}):c.jsx(d.GradientSelect,{value:j,gradients:e.gradients||[],onChange:J,defaultGradients:S,onAction:Z,readonly:w})}),c.jsx(r.Grid,{item:!0,xs:6,children:c.jsx(r.Box,{display:"flex",alignItems:"center",height:"100%",children:c.jsx(r.Box,{display:"flex",paddingLeft:1,children:H?c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"save-gradient-btn",onClick:z,tooltipProps:{title:"Save"},disabled:!!N||w,children:c.jsx(a.CheckSmallIcon,{})}),c.jsx(i,{"data-testid":"cancel-edit-btn",onClick:U,tooltipProps:{title:"Cancel"},children:c.jsx(a.CloseSmallIcon,{})})]}):c.jsxs(c.Fragment,{children:[c.jsx(i,{"data-testid":"edit-gradient-btn",onClick:_,tooltipProps:{title:"Edit"},disabled:w,children:c.jsx(a.WriteIcon,{})}),!!B.getById(j)&&!B.isDefault(j)&&c.jsx(i,{"data-testid":"delete-gradient-btn",onClick:function(){return K(j)},tooltipProps:{title:"Remove"},disabled:w,children:c.jsx(a.DeleteFourIcon,{})})]})})})}),c.jsx(r.Grid,{item:!0,xs:12,children:c.jsx(t.GradientPicker,{from:T,to:k,unit:O,noScale:!0,gradientStops:(null==H?void 0:H.gradientStops)||R,onChange:function(e){L(I(I({},H),{},{gradientStops:e}))},readonly:!H,isMoveInputVisible:!0})})]})};
 //# sourceMappingURL=GradientManager.js.map

package/cjs-bundle/components/GradientManager/GradientManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n  DEFAULT_GRADIENT_STOPS,\n  DEFAULT_GRADIENTS,\n  GRADIENT_MAX_NAME_LENGTH,\n  TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n  const {\n    gradientId,\n    onGradientEditStateChange = noop,\n    onChange = noop,\n    defaultGradients = DEFAULT_GRADIENTS,\n    defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n    allowNoname,\n    scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n    className,\n  } = props;\n\n  const classes = useStyles();\n  const gradientList = useMemo(\n    () => new GradientList(props.gradients || [], defaultGradients, props.onGradientsChange!),\n    [props.gradients, defaultGradients, props.onGradientsChange]\n  );\n  const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> | null>(null);\n  const disableGradientsManagement = props.disableGradientsManagement || !props.onGradientsChange;\n  const validationResult = gradientList.getHelperText({\n    name: currentlyEdited?.name ?? '',\n    allowNoname: allowNoname ?? false,\n    gradientId,\n  });\n\n  /**\n   * Calls editStateChange handler when gradient edit starts or ends.\n   * Will be called with false on component mount\n   */\n  useEffect(() => {\n    onGradientEditStateChange(Boolean(currentlyEdited));\n  }, [Boolean(currentlyEdited)]);\n\n  /**\n   * Use stops from the stored gradient first, then fallback to stored in the trace\n   * and finally, use defaultGradientStops if none of above is available\n   */\n  const gradientStops =\n    gradientList.getById(gradientId)?.gradientStops || props.gradientStops || defaultGradientStops;\n\n  const cancelEdit = useCallback(() => {\n    setCurrentlyEdited(null);\n  }, []);\n\n  const startAddGradient = useCallback(() => {\n    setCurrentlyEdited({\n      name: '',\n      gradientStops: defaultGradientStops,\n      id: TEMP_GRADIENT_ID,\n    });\n  }, [defaultGradientStops]);\n\n  const startEditGradient = useCallback(() => {\n    if (gradientList.isDefault(gradientId)) {\n      setCurrentlyEdited({\n        name: gradientList.newName(),\n        gradientStops,\n        id: TEMP_GRADIENT_ID,\n      });\n      return;\n    }\n\n    setCurrentlyEdited({\n      name: gradientList.getById(gradientId)?.name || '',\n      gradientStops,\n    });\n  }, [gradientList, gradientId, gradientStops]);\n\n  const saveChanges = () => {\n    if (!isEmpty(validationResult) || !currentlyEdited) {\n      return;\n    }\n\n    const { gradientStops } = currentlyEdited;\n    if (!gradientStops) return;\n\n    const name = trim(currentlyEdited.name);\n\n    setCurrentlyEdited(null);\n\n    // No name - no need to create a gradient. Saving stops to the trace.\n    if (!name) {\n      if (allowNoname) {\n        onChange({ gradientStops, gradientId: null });\n      }\n      return;\n    }\n\n    /**\n     * Gradient exists - Updating\n     * simple check that gradientId is not null is NOT enough because\n     * Deleted gradients have gradientId but should be handles as non-existing ones.\n     */\n    if (gradientList.getById(currentlyEdited.id || gradientId)) {\n      gradientList.update(gradientId, {\n        gradientStops,\n        name,\n      });\n      onChange({\n        gradientId,\n        gradientStops,\n      });\n      return;\n    }\n\n    // Creating a new gradient\n    const newGradient = gradientList.add(name, gradientStops);\n    onChange({\n      gradientId: newGradient.id,\n      gradientStops,\n    });\n  };\n\n  const deleteGradient = useCallback(\n    (id: string) => {\n      if (id === gradientId) {\n        onChange({\n          gradientId: null,\n          gradientStops,\n        });\n        setCurrentlyEdited(null);\n      }\n      gradientList.remove(id);\n    },\n    [gradientStops, gradientList, onChange, gradientId]\n  );\n\n  const handleNameChange = (value: string) => {\n    const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n    setCurrentlyEdited({ ...currentlyEdited, name });\n  };\n\n  const handleGradientAction = useCallback(\n    (type: 'delete' | 'add', id: string) => {\n      switch (type) {\n        case 'add':\n          startAddGradient();\n          break;\n        case 'delete': {\n          deleteGradient(id);\n          break;\n        }\n        default:\n      }\n    },\n    [startAddGradient, deleteGradient]\n  );\n\n  const handleGradientSelect = useCallback(\n    (id: string) => {\n      const gradient = gradientList.getById(id);\n      onChange({\n        gradientId: id,\n        gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n      });\n    },\n    [gradientList, onChange, defaultGradientStops]\n  );\n\n  const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n    setCurrentlyEdited({\n      ...currentlyEdited,\n      gradientStops,\n    });\n  };\n\n  const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n    if (evt.key === 'Enter') {\n      const { value } = evt.target as HTMLInputElement;\n      if (value) {\n        handleNameChange(value);\n        saveChanges();\n      }\n    }\n  };\n\n  return (\n    <Grid container className={className}>\n      <Grid item xs={6}>\n        {currentlyEdited ? (\n          <TextInputNext\n            className={classes.customGradientName}\n            label=\"Gradient Name\"\n            value={currentlyEdited.name}\n            onChange={handleNameChange}\n            onFocus={event => {\n              event.target.select();\n            }}\n            onKeyDown={handleNameKeyDown}\n            autoFocus\n            status={validationResult?.error ? 'error' : undefined}\n            message={validationResult?.helperText}\n          />\n        ) : (\n          <GradientSelect\n            value={gradientId}\n            gradients={props.gradients || []}\n            onChange={handleGradientSelect}\n            defaultGradients={defaultGradients}\n            onAction={handleGradientAction}\n            readonly={disableGradientsManagement}\n          />\n        )}\n      </Grid>\n      <Grid item xs={6}>\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          {/* Control panel */}\n          <Box display=\"flex\" paddingLeft={1}>\n            {currentlyEdited ? (\n              <>\n                <IconButton\n                  data-testid=\"save-gradient-btn\"\n                  onClick={saveChanges}\n                  tooltipProps={{ title: 'Save' }}\n                  disabled={!!validationResult || disableGradientsManagement}\n                >\n                  <CheckSmallIcon />\n                </IconButton>\n                <IconButton\n                  data-testid=\"cancel-edit-btn\"\n                  onClick={cancelEdit}\n                  tooltipProps={{ title: 'Cancel' }}\n                >\n                  <CloseSmallIcon />\n                </IconButton>\n              </>\n            ) : (\n              <>\n                <IconButton\n                  data-testid=\"edit-gradient-btn\"\n                  onClick={startEditGradient}\n                  tooltipProps={{ title: 'Edit' }}\n                  disabled={disableGradientsManagement}\n                >\n                  <WriteIcon />\n                </IconButton>\n                {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n                  <IconButton\n                    data-testid=\"delete-gradient-btn\"\n                    onClick={() => deleteGradient(gradientId)}\n                    tooltipProps={{ title: 'Remove' }}\n                    disabled={disableGradientsManagement}\n                  >\n                    <DeleteFourIcon />\n                  </IconButton>\n                )}\n              </>\n            )}\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <GradientPicker\n          from={scaleFrom}\n          to={scaleTo}\n          unit={scaleUnit}\n          noScale\n          gradientStops={currentlyEdited?.gradientStops || gradientStops}\n          onChange={handleGradientChange}\n          readonly={!currentlyEdited}\n          isMoveInputVisible\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"k0fAsB+D,SAAAA,GAAS,IAAAC,EAAAC,EAEpEC,EAQEH,EARFG,WAAUC,EAQRJ,EAPFK,0BAAAA,aAA4BC,EAAIA,KAAAF,EAAAG,EAO9BP,EANFQ,SAAAA,aAAWF,EAAIA,KAAAC,EAAAE,EAMbT,EALFU,iBAAAA,aAAmBC,EAAiBA,kBAAAF,EAAAG,EAKlCZ,EAJFa,qBAAAA,aAAuBC,EAAsBA,uBAAAF,EAC7CG,EAGEf,EAHFe,YAAWC,EAGThB,EAFFiB,aAPFC,GAAAF,OAAA,IAAAA,EAO8D,CAAA,EAAEA,GAA9CG,UAAAA,aAAY,EAACD,EAAAE,EAAAJ,EAAEK,QAAAA,aAAU,IAAGD,EAAEE,IAAAA,UAC9CC,EACEvB,EADFuB,UAGIC,EAAUC,EAAAA,YACVC,EAAeC,EAAAA,SACnB,WAAA,OAAM,IAAIC,EAAAA,aAAa5B,EAAM6B,WAAa,GAAInB,EAAkBV,EAAM8B,qBACtE,CAAC9B,EAAM6B,UAAWnB,EAAkBV,EAAM8B,oBAEEC,EAAAA,EAAQA,SAAiC,MAAKC,EAAAC,EAAAA,QAAAC,EAAA,GAArFC,EAAeH,EAAA,GAAEI,EAAkBJ,EAAA,GACpCK,EAA6BrC,EAAMqC,6BAA+BrC,EAAM8B,kBACxEQ,EAAmBZ,EAAaa,cAAc,CAClDC,KAA2B,QAAvBvC,EAAEkC,eAAAA,EAAiBK,YAAI,IAAAvC,EAAAA,EAAI,GAC/Bc,YAAaA,SAAAA,EACbZ,WAAAA,IAOFsC,EAAAA,WAAU,WACRpC,EAA0BqC,QAAQP,GACnC,GAAE,CAACO,QAAQP,KAMZ,IAAMQ,GAC4B,QAAhCzC,EAAAwB,EAAakB,QAAQzC,UAAW,IAAAD,OAAA,EAAhCA,EAAkCyC,gBAAiB3C,EAAM2C,eAAiB9B,EAEtEgC,EAAaC,EAAAA,aAAY,WAC7BV,EAAmB,KACpB,GAAE,IAEGW,EAAmBD,EAAAA,aAAY,WACnCV,EAAmB,CACjBI,KAAM,GACNG,cAAe9B,EACfmC,GAAIC,EAAAA,kBAER,GAAG,CAACpC,IAEEqC,EAAoBJ,EAAAA,aAAY,WAAM,IAAAK,EACtCzB,EAAa0B,UAAUjD,GACzBiC,EAAmB,CACjBI,KAAMd,EAAa2B,UACnBV,cAAAA,EACAK,GAAIC,EAAAA,mBAKRb,EAAmB,CACjBI,MAAM,QAAAW,EAAAzB,EAAakB,QAAQzC,UAArB,IAAAgD,OAAA,EAAAA,EAAkCX,OAAQ,GAChDG,cAAAA,GAEH,GAAE,CAACjB,EAAcvB,EAAYwC,IAExBW,EAAc,WAClB,GAAKC,EAAOA,QAACjB,IAAsBH,EAAnC,CAIA,IAAQQ,EAAkBR,EAAlBQ,cACR,GAAKA,EAAL,CAEA,IAAMH,EAAOgB,EAAAA,KAAKrB,EAAgBK,MAKlC,GAHAJ,EAAmB,MAGdI,EAAL,CAYA,GAAId,EAAakB,QAAQT,EAAgBa,IAAM7C,GAS7C,OARAuB,EAAa+B,OAAOtD,EAAY,CAC9BwC,cAAAA,EACAH,KAAAA,SAEFhC,EAAS,CACPL,WAAAA,EACAwC,cAAAA,IAMJ,IAAMe,EAAchC,EAAaiC,IAAInB,EAAMG,GAC3CnC,EAAS,CACPL,WAAYuD,EAAYV,GACxBL,cAAAA,GAvBF,MAJM5B,GACFP,EAAS,CAAEmC,cAAAA,EAAexC,WAAY,MATtB,CAHpB,GA0CIyD,EAAiBd,eACrB,SAACE,GACKA,IAAO7C,IACTK,EAAS,CACPL,WAAY,KACZwC,cAAAA,IAEFP,EAAmB,OAErBV,EAAamC,OAAOb,EACrB,GACD,CAACL,EAAejB,EAAclB,EAAUL,IAGpC2D,EAAmB,SAACC,GACxB,IAAMvB,EAAOuB,EAAMC,YAAYC,UAAU,EAAGC,EAAAA,0BAC5C9B,SAAwBD,GAAe,CAAA,EAAA,CAAEK,KAAAA,MAGrC2B,EAAuBrB,EAAAA,aAC3B,SAACsB,EAAwBpB,GACvB,OAAQoB,GACN,IAAK,MACHrB,IACA,MACF,IAAK,SACHa,EAAeZ,GAKrB,GACA,CAACD,EAAkBa,IAGfS,EAAuBvB,eAC3B,SAACE,GAAe,IAAAsB,EACRC,EAAW7C,EAAakB,QAAQI,GACtCxC,EAAS,CACPL,WAAY6C,EACZL,cAA0C9B,QAA7ByD,EAAEC,eAAAA,EAAU5B,qBAAiB9B,IAAAA,EAAAA,EAAAA,GAE7C,GACD,CAACa,EAAclB,EAAUK,IAoB3B,OACE2D,EAAAA,KAACC,EAAAA,KAAI,CAACC,WAAS,EAACnD,UAAWA,EAAUoD,SAAA,CACnCC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACdxC,EACCyC,EAAAG,IAACC,gBAAa,CACZzD,UAAWC,EAAQyD,mBACnBC,MAAM,gBACNnB,MAAO5B,EAAgBK,KACvBhC,SAAUsD,EACVqB,QAAS,SAAAC,GACPA,EAAMC,OAAOC,QACb,EACFC,UAtBgB,SAACC,GACzB,GAAgB,UAAZA,EAAIC,IAAiB,CACvB,IAAQ1B,EAAUyB,EAAIH,OAAdtB,MACJA,IACFD,EAAiBC,GACjBT,IAEJ,GAgBQoC,WAAS,EACTC,OAAQrD,SAAAA,EAAkBsD,MAAQ,aAAUC,EAC5CC,QAASxD,aAAgB,EAAhBA,EAAkByD,aAG7BnB,MAACoB,iBAAc,CACbjC,MAAO5D,EACP0B,UAAW7B,EAAM6B,WAAa,GAC9BrB,SAAU6D,EACV3D,iBAAkBA,EAClBuF,SAAU9B,EACV+B,SAAU7D,MAIhBuC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,EAAEH,SACfC,MAACuB,MAAG,CAACC,QAAQ,OAAOC,WAAW,SAASC,OAAO,OAAM3B,SAEnDC,MAACuB,MAAG,CAACC,QAAQ,OAAOG,YAAa,EAAE5B,SAChCxC,EACCqC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASrD,EACTsD,aAAc,CAAEC,MAAO,QACvBC,WAAYxE,GAAoBD,EAA2BsC,SAE3DC,EAAAA,IAACmC,EAAcA,eAAA,MAEjBnC,MAAC8B,EAAU,CACT,cAAY,kBACZC,QAAS9D,EACT+D,aAAc,CAAEC,MAAO,UAAWlC,SAElCC,EAAAA,IAACoC,EAAcA,eAAA,SAInBxC,EAAAgC,KAAAC,WAAA,CAAA9B,SAAA,CACEC,MAAC8B,EAAU,CACT,cAAY,oBACZC,QAASzD,EACT0D,aAAc,CAAEC,MAAO,QACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACqC,EAASA,UAAA,QAETvF,EAAakB,QAAQzC,KAAgBuB,EAAa0B,UAAUjD,IAC7DyE,EAAAA,IAAC8B,EAAU,CACT,cAAY,sBACZC,QAAS,WAAA,OAAM/C,EAAezD,EAAY,EAC1CyG,aAAc,CAAEC,MAAO,UACvBC,SAAUzE,EAA2BsC,SAErCC,EAAAA,IAACsC,EAAcA,eAAA,eAQ7BtC,MAACH,OAAI,CAACI,MAAI,EAACC,GAAI,GAAGH,SAChBC,MAACuC,iBAAc,CACbC,KAAMjG,EACNkG,GAAIhG,EACJiG,KAAMhG,EACNiG,SAAO,EACP5E,eAAeR,eAAAA,EAAiBQ,gBAAiBA,EACjDnC,SAnGqB,SAACmC,GAC5BP,SACKD,GAAe,CAAA,EAAA,CAClBQ,cAAAA,MAiGIuD,UAAW/D,EACXqF,oBAAkB,QAK5B"}
+{"version":3,"file":"GradientManager.js","sources":["../../../../src/components/GradientManager/GradientManager.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { isEmpty, noop, trim } from 'lodash';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport IconButton from '../IconButton';\nimport { GradientPicker } from '../GradientPicker';\nimport { TextInputNext } from '../../componentsV2';\n\nimport {\n  DEFAULT_GRADIENT_STOPS,\n  DEFAULT_GRADIENTS,\n  GRADIENT_MAX_NAME_LENGTH,\n  TEMP_GRADIENT_ID,\n} from './configuration/constants';\nimport { GradientList } from './GradientList';\nimport { GradientSelect } from './GradientSelect';\nimport { GradientManagerProps } from './GradientManagerProps';\nimport { useStyles } from './GradientManager.styles';\n\nimport { CheckSmallIcon, CloseSmallIcon, DeleteFourIcon, WriteIcon } from '~/icons';\nimport type { CustomGradient, GradientFillStop } from '~/types';\n\nexport const GradientManager: React.FC<GradientManagerProps> = props => {\n  const {\n    gradientId,\n    onGradientEditStateChange = noop,\n    onChange = noop,\n    defaultGradients = DEFAULT_GRADIENTS,\n    defaultGradientStops = DEFAULT_GRADIENT_STOPS,\n    allowNoname,\n    scaleOptions: { scaleFrom = 0, scaleTo = 100, scaleUnit } = {},\n    className,\n  } = props;\n\n  const classes = useStyles();\n  const gradientList = useMemo(\n    () => new GradientList(props.gradients || [], defaultGradients, props.onGradientsChange!),\n    [props.gradients, defaultGradients, props.onGradientsChange]\n  );\n  const [currentlyEdited, setCurrentlyEdited] = useState<Partial<CustomGradient> | null>(null);\n  const disableGradientsManagement = props.disableGradientsManagement || !props.onGradientsChange;\n  const validationResult = gradientList.getHelperText({\n    name: currentlyEdited?.name ?? '',\n    allowNoname: allowNoname ?? false,\n    gradientId,\n  });\n\n  /**\n   * Calls editStateChange handler when gradient edit starts or ends.\n   * Will be called with false on component mount\n   */\n  useEffect(() => {\n    onGradientEditStateChange(Boolean(currentlyEdited));\n  }, [Boolean(currentlyEdited)]);\n\n  /**\n   * Use stops from the stored gradient first, then fallback to stored in the trace\n   * and finally, use defaultGradientStops if none of above is available\n   */\n  const gradientStops =\n    gradientList.getById(gradientId)?.gradientStops || props.gradientStops || defaultGradientStops;\n\n  const cancelEdit = useCallback(() => {\n    setCurrentlyEdited(null);\n  }, []);\n\n  const startAddGradient = useCallback(() => {\n    setCurrentlyEdited({\n      name: '',\n      gradientStops: defaultGradientStops,\n      id: TEMP_GRADIENT_ID,\n    });\n  }, [defaultGradientStops]);\n\n  const startEditGradient = useCallback(() => {\n    if (gradientList.isDefault(gradientId)) {\n      setCurrentlyEdited({\n        name: gradientList.newName(),\n        gradientStops,\n        id: TEMP_GRADIENT_ID,\n      });\n      return;\n    }\n\n    setCurrentlyEdited({\n      name: gradientList.getById(gradientId)?.name || '',\n      gradientStops,\n    });\n  }, [gradientList, gradientId, gradientStops]);\n\n  const saveChanges = () => {\n    if (!isEmpty(validationResult) || !currentlyEdited) {\n      return;\n    }\n\n    const { gradientStops } = currentlyEdited;\n    if (!gradientStops) return;\n\n    const name = trim(currentlyEdited.name);\n\n    setCurrentlyEdited(null);\n\n    // No name - no need to create a gradient. Saving stops to the trace.\n    if (!name) {\n      if (allowNoname) {\n        onChange({ gradientStops, gradientId: null });\n      }\n      return;\n    }\n\n    /**\n     * Gradient exists - Updating\n     * simple check that gradientId is not null is NOT enough because\n     * Deleted gradients have gradientId but should be handles as non-existing ones.\n     */\n    if (gradientList.getById(currentlyEdited.id || gradientId)) {\n      gradientList.update(gradientId, {\n        gradientStops,\n        name,\n      });\n      onChange({\n        gradientId,\n        gradientStops,\n      });\n      return;\n    }\n\n    // Creating a new gradient\n    const newGradient = gradientList.add(name, gradientStops);\n    onChange({\n      gradientId: newGradient.id,\n      gradientStops,\n    });\n  };\n\n  const deleteGradient = useCallback(\n    (id: string) => {\n      if (id === gradientId) {\n        onChange({\n          gradientId: null,\n          gradientStops,\n        });\n        setCurrentlyEdited(null);\n      }\n      gradientList.remove(id);\n    },\n    [gradientStops, gradientList, onChange, gradientId]\n  );\n\n  const handleNameChange = (value: string) => {\n    const name = value.trimStart().substring(0, GRADIENT_MAX_NAME_LENGTH);\n    setCurrentlyEdited({ ...currentlyEdited, name });\n  };\n\n  const handleGradientAction = useCallback(\n    (type: 'delete' | 'add', id: string) => {\n      switch (type) {\n        case 'add':\n          startAddGradient();\n          break;\n        case 'delete': {\n          deleteGradient(id);\n          break;\n        }\n        default:\n      }\n    },\n    [startAddGradient, deleteGradient]\n  );\n\n  const handleGradientSelect = useCallback(\n    (id: string) => {\n      const gradient = gradientList.getById(id);\n      onChange({\n        gradientId: id,\n        gradientStops: gradient?.gradientStops ?? defaultGradientStops,\n      });\n    },\n    [gradientList, onChange, defaultGradientStops]\n  );\n\n  const handleGradientChange = (gradientStops: GradientFillStop[]) => {\n    setCurrentlyEdited({\n      ...currentlyEdited,\n      gradientStops,\n    });\n  };\n\n  const handleNameKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\n    if (evt.key === 'Enter') {\n      const { value } = evt.target as HTMLInputElement;\n      if (value) {\n        handleNameChange(value);\n        saveChanges();\n      }\n    }\n  };\n\n  return (\n    <Grid container className={className}>\n      <Grid item xs={6}>\n        {currentlyEdited ? (\n          <TextInputNext\n            className={classes.customGradientName}\n            label=\"Gradient Name\"\n            value={currentlyEdited.name}\n            onChange={handleNameChange}\n            onFocus={event => {\n              event.target.select();\n            }}\n            onKeyDown={handleNameKeyDown}\n            autoFocus\n            status={validationResult?.error ? 'error' : undefined}\n            message={validationResult?.helperText}\n          />\n        ) : (\n          <GradientSelect\n            value={gradientId}\n            gradients={props.gradients || []}\n            onChange={handleGradientSelect}\n            defaultGradients={defaultGradients}\n            onAction={handleGradientAction}\n            readonly={disableGradientsManagement}\n          />\n        )}\n      </Grid>\n      <Grid item xs={6}>\n        <Box display=\"flex\" alignItems=\"center\" height=\"100%\">\n          {/* Control panel */}\n          <Box display=\"flex\" paddingLeft={1}>\n            {currentlyEdited ? (\n              <>\n                <IconButton\n                  data-testid=\"save-gradient-btn\"\n                  onClick={saveChanges}\n                  tooltipProps={{ title: 'Save' }}\n                  disabled={!!validationResult || disableGradientsManagement}\n                >\n                  <CheckSmallIcon />\n                </IconButton>\n                <IconButton\n                  data-testid=\"cancel-edit-btn\"\n                  onClick={cancelEdit}\n                  tooltipProps={{ title: 'Cancel' }}\n                >\n                  <CloseSmallIcon />\n                </IconButton>\n              </>\n            ) : (\n              <>\n                <IconButton\n                  data-testid=\"edit-gradient-btn\"\n                  onClick={startEditGradient}\n                  tooltipProps={{ title: 'Edit' }}\n                  disabled={disableGradientsManagement}\n                >\n                  <WriteIcon />\n                </IconButton>\n                {!!gradientList.getById(gradientId) && !gradientList.isDefault(gradientId) && (\n                  <IconButton\n                    data-testid=\"delete-gradient-btn\"\n                    onClick={() => deleteGradient(gradientId)}\n                    tooltipProps={{ title: 'Remove' }}\n                    disabled={disableGradientsManagement}\n                  >\n                    <DeleteFourIcon />\n                  </IconButton>\n                )}\n              </>\n            )}\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <GradientPicker\n          from={scaleFrom}\n          to={scaleTo}\n          unit={scaleUnit}\n          noScale\n          gradientStops={currentlyEdited?.gradientStops || gradientStops}\n          onChange={handleGradientChange}\n          readonly={!currentlyEdited}\n          isMoveInputVisible\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["props","_currentlyEdited$name","_gradientList$getById","gradientId","_props$onGradientEdit","onGradientEditStateChange","noop","_props$onChange","onChange","_props$defaultGradien","defaultGradients","DEFAULT_GRADIENTS","_props$defaultGradien2","defaultGradientStops","DEFAULT_GRADIENT_STOPS","allowNoname","_props$scaleOptions","scaleOptions","_props$scaleOptions$s","scaleFrom","_props$scaleOptions$s2","scaleTo","scaleUnit","className","classes","useStyles","gradientList","useMemo","GradientList","gradients","onGradientsChange","useState","_useState2","_slicedToArray","_useState","currentlyEdited","setCurrentlyEdited","disableGradientsManagement","validationResult","getHelperText","name","useEffect","Boolean","gradientStops","getById","cancelEdit","useCallback","startAddGradient","id","TEMP_GRADIENT_ID","startEditGradient","_gradientList$getById2","isDefault","newName","saveChanges","isEmpty","trim","update","newGradient","add","deleteGradient","remove","handleNameChange","value","trimStart","substring","GRADIENT_MAX_NAME_LENGTH","handleGradientAction","type","handleGradientSelect","_gradient$gradientSto","gradient","_jsxs","Grid","container","children","_jsx","item","xs","jsx","TextInputNext","customGradientName","label","onFocus","event","target","select","onKeyDown","evt","key","autoFocus","status","error","undefined","message","helperText","GradientSelect","onAction","readonly","Box","display","alignItems","height","paddingLeft","jsxs","_Fragment","IconButton","onClick","tooltipProps","title","disabled","CheckSmallIcon","CloseSmallIcon","WriteIcon","DeleteFourIcon","GradientPicker","from","to","unit","noScale","isMoveInputVisible"],"mappings":"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"}

package/cjs-bundle/components/GradientManager/GradientSelect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),r=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var t=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var a=require("./GradientPreview/GradientPreview.js"),p=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=l(e),m=function(e,s){return{id:e.id,title:e.name,prefix:o.jsx(a.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},d=function(e){return e.group};exports.GradientSelect=function(e){var a=e.value,l=e.gradients,j=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(q.default((null==l?void 0:l.map((function(e){return m(e,!1)})))||[]),q.default((null==V?void 0:V.map((function(e){return m(e,!0)})))||[]))}),[l,V]),h=s.useMemo((function(){return v.find((function(e){return e.id===a}))}),[v,a]),g=s.useCallback((function(e){e&&j(e.id)}),[j]),x=s.useCallback((function(){A("add")}),[A]),S=s.useCallback((function(e){var t=e.children,u=e.group,a=e.key,l=C?null:o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})});return o.jsxs(s.Fragment,{children:[o.jsx(r.Text,{size:12,color:"T6",className:p.group,testId:"gradient-group-header",children:"default"===u?o.jsxs(o.Fragment,{children:["Default Gradients ",!I&&l]}):o.jsxs(o.Fragment,{children:["My Gradients ",I&&l]})}),t]},a)}),[I,C,x]),P=s.useCallback((function(e){var s=e.title,r=e.id,u=e.group;return o.jsxs("div",{className:p.option,children:[o.jsx(t.TextEndTruncated,{children:s}),"custom"===u&&o.jsx(i.Tooltip,{title:"Delete Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",r)},children:o.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return o.jsx(u.Select,{label:"Gradients",options:v,value:a||"",clearable:!1,onChange:g,testId:"gradient-select",className:p.root,prefix:null==h?void 0:h.prefix,groupBy:d,renderGroup:S,renderOption:C?void 0:P,noOptionsMessage:o.jsxs("div",{className:p.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("react"),r=require("../../componentsV2/Text/Text.js");require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../componentsV2/Header/Header.scss.js");var o=require("react/jsx-runtime");require("../../componentsV2/Button/Button.js");var n=require("../../componentsV2/ButtonIcon/ButtonIcon.js"),i=require("../../componentsV2/Tooltip/Tooltip.js");require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../componentsV2/Radio/Radio.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@material-ui/core"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/TextArea/TextArea.js"),require("../../componentsV2/Label/Label.js");var t=require("../../componentsV2/TextEndTruncated/TextEndTruncated.js");require("@babel/runtime/helpers/slicedToArray"),require("lodash"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("uuid"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("../../componentsV2/utils.js");var c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../componentsV2/TemplatesControl/types.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("../../constants/completion.js"),require("moment"),require("../../constants/alerts.js"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("./configuration/constants.js"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("../../clients/jsonApi/index.js"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../componentsV2/Autocomplete/Autocomplete.js");var u=require("../../componentsV2/Select/Select.js");require("../../componentsV2/AppPanel/AppPanel.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js");var a=require("./GradientPreview/GradientPreview.js"),p=require("./GradientSelect.scss.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var q=l(e),m=function(e,s){return{id:e.id,title:e.name,prefix:o.jsx(a.GradientPreview,{gradientStops:e.gradientStops}),group:s?"default":"custom"}},d=function(e){return e.group};exports.GradientSelect=function(e){var a=e.value,l=e.gradients,j=e.onChange,V=e.defaultGradients,A=e.onAction,C=e.readonly,I=!(null==l||!l.length),v=s.useMemo((function(){return[].concat(q.default((null==l?void 0:l.map((function(e){return m(e,!1)})))||[]),q.default((null==V?void 0:V.map((function(e){return m(e,!0)})))||[]))}),[l,V]),h=s.useMemo((function(){return v.find((function(e){return e.id===a}))}),[v,a]),g=s.useCallback((function(e){e&&j(e.id)}),[j]),x=s.useCallback((function(){A("add")}),[A]),S=s.useCallback((function(e){var t=e.children,u=e.group,a=e.key,l=C?null:o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})});return o.jsxs(s.Fragment,{children:[o.jsx(r.Text,{size:12,color:"T6",className:p.group,testId:"gradient-group-header",children:"default"===u?o.jsxs(o.Fragment,{children:["Default Gradients ",!I&&l]}):o.jsxs(o.Fragment,{children:["My Gradients ",I&&l]})}),t]},a)}),[I,C,x]),P=s.useCallback((function(e){var s=e.title,r=e.id,u=e.group;return o.jsxs("div",{className:p.option,children:[o.jsx(t.TextEndTruncated,{children:s}),"custom"===u&&o.jsx(i.Tooltip,{title:"Delete Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:function(e){e.stopPropagation(),e.preventDefault(),A("delete",r)},children:o.jsx(c.DeleteFourIcon,{})})})]})}),[A]),D=s.useCallback((function(e){e.stopPropagation(),e.preventDefault()}),[]);return o.jsx(u.Select,{label:"Gradients",options:v,value:a||"",clearable:!1,onChange:g,testId:"gradient-select",className:p.root,prefix:null==h?void 0:h.prefix,groupBy:d,renderGroup:S,renderOption:C?void 0:P,noOptionsMessage:o.jsxs("div",{className:p.noGradientsMessage,onMouseDown:D,children:["No Gradients",!C&&o.jsx(i.Tooltip,{title:"Create Custom Gradient",children:o.jsx(n.ButtonIcon,{size:"xs",onClick:x,testId:"add-gradient-btn",type:"tertiaryBg",children:o.jsx(c.PlusIcon,{})})})]})})};
 //# sourceMappingURL=GradientSelect.js.map

package/cjs-bundle/components/GradientManager/GradientSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n  ButtonIcon,\n  Select,\n  SelectChangeHandler,\n  SelectProps,\n  Text,\n  TextEndTruncated,\n  Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n  gradients: CustomGradient[];\n  value: string;\n  onChange: (id: string) => void;\n  defaultGradients: CustomGradient[];\n  onAction: (type: 'delete' | 'add', data?: any) => void;\n  readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n  id: gradient.id,\n  title: gradient.name,\n  prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n  group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n  value,\n  gradients,\n  onChange,\n  defaultGradients,\n  onAction,\n  readonly,\n}) => {\n  const hasCustomGradients = !!gradients?.length;\n\n  const options = useMemo<Option[]>(\n    () => [\n      ...(gradients?.map(g => gradientToOption(g, false)) || []),\n      ...(defaultGradients?.map(g => gradientToOption(g, true)) || []),\n    ],\n    [gradients, defaultGradients]\n  );\n\n  const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n  const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n    option => {\n      if (option) {\n        onChange(option.id);\n      }\n    },\n    [onChange]\n  );\n\n  const onAddClick = useCallback(() => {\n    onAction('add');\n  }, [onAction]);\n\n  const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n    ({ children, group, key }) => {\n      const addButton = readonly ? null : (\n        <Tooltip title=\"Create Custom Gradient\">\n          <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n            <PlusIcon />\n          </ButtonIcon>\n        </Tooltip>\n      );\n\n      return (\n        <Fragment key={key}>\n          <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n            {group === 'default' ? (\n              <>Default Gradients {!hasCustomGradients && addButton}</>\n            ) : (\n              <>My Gradients {hasCustomGradients && addButton}</>\n            )}\n          </Text>\n          {children}\n        </Fragment>\n      );\n    },\n    [hasCustomGradients, readonly, onAddClick]\n  );\n\n  const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n    ({ title, id, group }) => {\n      return (\n        <div className={styles.option}>\n          <TextEndTruncated>{title}</TextEndTruncated>\n\n          {group === 'custom' && (\n            <Tooltip title=\"Delete Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={e => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onAction('delete', id);\n                }}\n              >\n                <DeleteFourIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      );\n    },\n    [onAction]\n  );\n\n  const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Select\n      label=\"Gradients\"\n      options={options}\n      value={value || ''}\n      clearable={false}\n      onChange={onSelectChange}\n      testId=\"gradient-select\"\n      className={styles.root}\n      prefix={currentOption?.prefix}\n      groupBy={groupBy}\n      renderGroup={renderGroup}\n      renderOption={readonly ? undefined : renderOption}\n      noOptionsMessage={\n        <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n          No Gradients\n          {!readonly && (\n            <Tooltip title=\"Create Custom Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={onAddClick}\n                testId=\"add-gradient-btn\"\n                type=\"tertiaryBg\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}
+{"version":3,"file":"GradientSelect.js","sources":["../../../../src/components/GradientManager/GradientSelect.tsx"],"sourcesContent":["import { type FC, Fragment, MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport {\n  ButtonIcon,\n  Select,\n  SelectChangeHandler,\n  SelectProps,\n  Text,\n  TextEndTruncated,\n  Tooltip,\n} from '../../componentsV2';\n\nimport { GradientPreview } from './GradientPreview/GradientPreview';\n\nimport styles from './GradientSelect.scss';\n\nimport { DeleteFourIcon, PlusIcon } from '~/icons';\nimport { CustomGradient } from '~/types';\n\ninterface GradientSelectProps {\n  gradients: CustomGradient[];\n  value: string;\n  onChange: (id: string) => void;\n  defaultGradients: CustomGradient[];\n  onAction: (type: 'delete' | 'add', data?: any) => void;\n  readonly: boolean;\n}\n\nconst gradientToOption = (gradient: CustomGradient, isDefault: boolean) => ({\n  id: gradient.id,\n  title: gradient.name,\n  prefix: <GradientPreview gradientStops={gradient.gradientStops} />,\n  group: isDefault ? 'default' : 'custom',\n});\n\ntype Option = ReturnType<typeof gradientToOption>;\n\nconst groupBy = ({ group }: Option) => group;\n\nexport const GradientSelect: FC<GradientSelectProps> = ({\n  value,\n  gradients,\n  onChange,\n  defaultGradients,\n  onAction,\n  readonly,\n}) => {\n  const hasCustomGradients = !!gradients?.length;\n\n  const options = useMemo<Option[]>(\n    () => [\n      ...(gradients?.map(g => gradientToOption(g, false)) || []),\n      ...(defaultGradients?.map(g => gradientToOption(g, true)) || []),\n    ],\n    [gradients, defaultGradients]\n  );\n\n  const currentOption = useMemo(() => options.find(({ id }) => id === value), [options, value]);\n\n  const onSelectChange = useCallback<SelectChangeHandler<Option>>(\n    option => {\n      if (option) {\n        onChange(option.id);\n      }\n    },\n    [onChange]\n  );\n\n  const onAddClick = useCallback(() => {\n    onAction('add');\n  }, [onAction]);\n\n  const renderGroup = useCallback<Required<SelectProps<Option>>['renderGroup']>(\n    ({ children, group, key }) => {\n      const addButton = readonly ? null : (\n        <Tooltip title=\"Create Custom Gradient\">\n          <ButtonIcon size=\"xs\" onClick={onAddClick} testId=\"add-gradient-btn\" type=\"tertiaryBg\">\n            <PlusIcon />\n          </ButtonIcon>\n        </Tooltip>\n      );\n\n      return (\n        <Fragment key={key}>\n          <Text size={12} color=\"T6\" className={styles.group} testId=\"gradient-group-header\">\n            {group === 'default' ? (\n              <>Default Gradients {!hasCustomGradients && addButton}</>\n            ) : (\n              <>My Gradients {hasCustomGradients && addButton}</>\n            )}\n          </Text>\n          {children}\n        </Fragment>\n      );\n    },\n    [hasCustomGradients, readonly, onAddClick]\n  );\n\n  const renderOption = useCallback<Required<SelectProps<Option>>['renderOption']>(\n    ({ title, id, group }) => {\n      return (\n        <div className={styles.option}>\n          <TextEndTruncated>{title}</TextEndTruncated>\n\n          {group === 'custom' && (\n            <Tooltip title=\"Delete Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={e => {\n                  e.stopPropagation();\n                  e.preventDefault();\n                  onAction('delete', id);\n                }}\n              >\n                <DeleteFourIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      );\n    },\n    [onAction]\n  );\n\n  const noGradientsMouseHandler = useCallback<MouseEventHandler>(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Select\n      label=\"Gradients\"\n      options={options}\n      value={value || ''}\n      clearable={false}\n      onChange={onSelectChange}\n      testId=\"gradient-select\"\n      className={styles.root}\n      prefix={currentOption?.prefix}\n      groupBy={groupBy}\n      renderGroup={renderGroup}\n      renderOption={readonly ? undefined : renderOption}\n      noOptionsMessage={\n        <div className={styles.noGradientsMessage} onMouseDown={noGradientsMouseHandler}>\n          No Gradients\n          {!readonly && (\n            <Tooltip title=\"Create Custom Gradient\">\n              <ButtonIcon\n                size=\"xs\"\n                onClick={onAddClick}\n                testId=\"add-gradient-btn\"\n                type=\"tertiaryBg\"\n              >\n                <PlusIcon />\n              </ButtonIcon>\n            </Tooltip>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"],"names":["gradientToOption","gradient","isDefault","id","title","name","prefix","_jsx","GradientPreview","gradientStops","group","groupBy","_ref","_ref2","value","gradients","onChange","defaultGradients","onAction","readonly","hasCustomGradients","length","options","useMemo","concat","_toConsumableArray","map","g","currentOption","find","_ref3","onSelectChange","useCallback","option","onAddClick","renderGroup","_ref4","children","key","addButton","Tooltip","ButtonIcon","size","onClick","testId","type","PlusIcon","_jsxs","Fragment","Text","color","className","styles","_Fragment","jsxs","renderOption","_ref5","TextEndTruncated","e","stopPropagation","preventDefault","DeleteFourIcon","noGradientsMouseHandler","Select","label","clearable","root","undefined","noOptionsMessage","noGradientsMessage","onMouseDown"],"mappings":"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"}

package/cjs-bundle/components/IconButton/index.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("classnames"),a=require("@material-ui/core"),i=require("react"),n=require("react/jsx-runtime");function l(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var c=l(r),s=l(t),u=l(e),d=l(o),p=["tooltipProps","isActive","size","variant","className","data-testid"];function b(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function f(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?b(Object(e),!0).forEach((function(t){c.default(r,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}))}return r}var m=a.makeStyles((function(r){var t=r.palette,e=t.primary.text1||"#fff",o={b08:a.fade(e,.08),b010:a.fade(e,.1),b012:a.fade(e,.12),b016:a.fade(e,.16),b020:a.fade(e,.2)};return{root:{borderRadius:"8px !important",color:t.primary.text6,padding:6,"&:hover":{color:e,backgroundColor:o.b016,backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:t.primary.light}},"&:active":{color:e,"&.MuiIconButton-colorPrimary":{color:t.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:t.primary.text1,backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:t.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"}},colorPrimary:{color:t.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:"20px !important",height:"20px !important"}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:o.b08,backdropFilter:"blur(2px)","&:hover":{backgroundColor:o.b016}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.b08}},transparent:{color:t.primary.contrastText,backgroundColor:o.b020,"&:hover":{backgroundColor:o.b010}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.b010}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:function(r){return"transparent"===r.variant?o.b020:t.background.b10}}},active:{"&.MuiButtonBase-root":{color:t.primary.main,backgroundColor:o.b012,"&.MuiIconButton-colorPrimary":{color:t.primary.main},"&.transparent":{color:t.primary.contrastText,backgroundColor:o.b020}}}}})),y={center:!1};module.exports=function(r){var t,e,o,l=r.tooltipProps,b=void 0===l?{title:"",classes:{}}:l,v=r.isActive,g=void 0!==v&&v,P=r.size,h=void 0===P?"medium":P,O=r.variant,j=void 0===O?"default":O,k=r.className,x=r["data-testid"],B=void 0===x?"IconButton":x,z=u.default(r,p),C=z.classes,M=void 0===C?{}:C,S=m({variant:j}),w=i.useState(!1),D=s.default(w,2),I=D[0],q=D[1],T=f(f({},M),{},{root:d.default(M.root,S.root,(t={},c.default(t,S.sizeLarge,"large"===h),c.default(t,S.contained,"contained"===j),c.default(t,S.transparent,"transparent"===j),t)),disabled:d.default(M.disabled,(e={},c.default(e,S.containedDisabled,"contained"===j),c.default(e,S.transparentDisabled,"transparent"===j),e)),colorPrimary:d.default(M.colorPrimary,S.colorPrimary),sizeSmall:d.default(M.sizeSmall,S.sizeSmall)});return b.title?n.jsx(a.Tooltip,f(f({open:I},b),{},{classes:f(f({},b.classes),{},{popper:d.default(S.tooltipPopper,null===(o=b.classes)||void 0===o?void 0:o.popper)}),children:n.jsx(a.IconButton,f({"data-testid":B,classes:T,className:d.default(k,c.default({},S.active,g),j),onPointerOver:function(){return q(!0)},onPointerOut:function(){return q(!1)},size:h,TouchRippleProps:y},z))})):n.jsx(a.IconButton,f({"data-testid":B,classes:T,className:d.default(k,c.default({},S.active,g),j),size:h,TouchRippleProps:y},z))};
+"use strict";var r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),e=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("classnames"),a=require("@material-ui/core"),i=require("react"),n=require("react/jsx-runtime");function l(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var c=l(r),s=l(t),u=l(e),p=l(o),d=["tooltipProps","isActive","size","variant","className","data-testid"];function b(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function f(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?b(Object(e),!0).forEach((function(t){c.default(r,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}))}return r}var m=a.makeStyles((function(r){var t=r.palette,e=t.primary.text1||"#fff",o={b08:a.fade(e,.08),b010:a.fade(e,.1),b012:a.fade(e,.12),b016:a.fade(e,.16),b020:a.fade(e,.2)};return{root:{borderRadius:"8px !important",color:t.primary.text6,padding:6,"&:hover":{color:e,backgroundColor:o.b016,backdropFilter:"blur(2px)","&.MuiIconButton-colorPrimary":{color:t.primary.light}},"&:active":{color:e,"&.MuiIconButton-colorPrimary":{color:t.primary.light}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:t.primary.text1,backgroundColor:"transparent","&.MuiIconButton-colorPrimary":{color:t.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"}},colorPrimary:{color:t.primary.main},sizeSmall:{fontSize:20,padding:6,height:32,width:32,"& .i-icon, & .i-icon > svg":{width:"20px !important",height:"20px !important"}},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:o.b08,backdropFilter:"blur(2px)","&:hover":{backgroundColor:o.b016}},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.b08}},transparent:{color:t.primary.contrastText,backgroundColor:o.b020,"&:hover":{backgroundColor:o.b010}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.b010}},tooltipPopper:{"& .MuiTooltip-tooltip":{backgroundColor:t.background.b10}},tooltipPopperTransparent:{"& .MuiTooltip-tooltip":{backgroundColor:o.b020}},active:{"&.MuiButtonBase-root":{color:t.primary.main,backgroundColor:o.b012,"&.MuiIconButton-colorPrimary":{color:t.primary.main},"&.transparent":{color:t.primary.contrastText,backgroundColor:o.b020}}}}})),y={center:!1};module.exports=function(r){var t,e,o,l=r.tooltipProps,b=void 0===l?{title:"",classes:{}}:l,g=r.isActive,v=void 0!==g&&g,P=r.size,h=void 0===P?"medium":P,O=r.variant,j=void 0===O?"default":O,k=r.className,x=r["data-testid"],B=void 0===x?"IconButton":x,z=u.default(r,d),C=z.classes,M=void 0===C?{}:C,S=m(),T=i.useState(!1),w=s.default(T,2),D=w[0],I=w[1],q=f(f({},M),{},{root:p.default(M.root,S.root,(t={},c.default(t,S.sizeLarge,"large"===h),c.default(t,S.contained,"contained"===j),c.default(t,S.transparent,"transparent"===j),t)),disabled:p.default(M.disabled,(e={},c.default(e,S.containedDisabled,"contained"===j),c.default(e,S.transparentDisabled,"transparent"===j),e)),colorPrimary:p.default(M.colorPrimary,S.colorPrimary),sizeSmall:p.default(M.sizeSmall,S.sizeSmall)});return b.title?n.jsx(a.Tooltip,f(f({open:D},b),{},{classes:f(f({},b.classes),{},{popper:p.default(S.tooltipPopper,c.default({},S.tooltipPopperTransparent,"transparent"===j),null===(o=b.classes)||void 0===o?void 0:o.popper)}),children:n.jsx(a.IconButton,f({"data-testid":B,classes:q,className:p.default(k,c.default({},S.active,v),j),onPointerOver:function(){return I(!0)},onPointerOut:function(){return I(!1)},size:h,TouchRippleProps:y},z))})):n.jsx(a.IconButton,f({"data-testid":B,classes:q,className:p.default(k,c.default({},S.active,v),j),size:h,TouchRippleProps:y},z))};
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/IconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/IconButton/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  IconButton as MuiIconButton,\n  IconButtonProps as MuiIconButtonProps,\n  makeStyles,\n  Tooltip,\n  TooltipProps,\n  fade,\n} from '@material-ui/core';\nimport { MouseEventHandler, ReactNode, useState } from 'react';\n\nconst useStyles = makeStyles(({ palette }) => {\n  const text1 = palette.primary.text1 || '#fff';\n  const background = {\n    b08: fade(text1, 0.08),\n    b010: fade(text1, 0.1),\n    b012: fade(text1, 0.12),\n    b016: fade(text1, 0.16),\n    b020: fade(text1, 0.2),\n  };\n\n  return {\n    root: {\n      borderRadius: '8px !important',\n      color: palette.primary.text6,\n      padding: 6,\n      '&:hover': {\n        color: text1,\n        backgroundColor: background.b016,\n        backdropFilter: 'blur(2px)',\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.light,\n        },\n      },\n      '&:active': {\n        color: text1,\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.light,\n        },\n      },\n      '&.Mui-disabled': {\n        pointerEvents: 'all',\n        opacity: 0.4,\n        color: palette.primary.text1,\n        backgroundColor: 'transparent',\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.main,\n        },\n      },\n      '& .MuiSvgIcon-root': {\n        color: 'inherit',\n        fontSize: 'inherit',\n      },\n    },\n    colorPrimary: {\n      color: palette.primary.main,\n    },\n    sizeSmall: {\n      fontSize: 20,\n      padding: 6,\n      height: 32,\n      width: 32,\n\n      '& .i-icon, & .i-icon > svg': {\n        width: '20px !important',\n        height: '20px !important',\n      },\n    },\n    sizeLarge: {\n      '&.MuiButtonBase-root': {\n        padding: 8,\n      },\n    },\n    contained: {\n      backgroundColor: background.b08,\n      backdropFilter: 'blur(2px)',\n      '&:hover': {\n        backgroundColor: background.b016,\n      },\n    },\n    containedDisabled: {\n      '&.MuiButtonBase-root': {\n        backgroundColor: background.b08,\n      },\n    },\n    transparent: {\n      color: palette.primary.contrastText,\n      backgroundColor: background.b020,\n      '&:hover': {\n        backgroundColor: background.b010,\n      },\n    },\n    transparentDisabled: {\n      '&.MuiButtonBase-root': {\n        backgroundColor: background.b010,\n      },\n    },\n    tooltipPopper: {\n      '& .MuiTooltip-tooltip': {\n        // @ts-ignore\n        backgroundColor: ({ variant }) =>\n          variant === 'transparent' ? background.b020 : palette.background.b10,\n      },\n    },\n    active: {\n      '&.MuiButtonBase-root': {\n        color: palette.primary.main,\n        backgroundColor: background.b012,\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.main,\n        },\n        '&.transparent': {\n          color: palette.primary.contrastText,\n          backgroundColor: background.b020,\n        },\n      },\n    },\n  };\n});\n\nconst TouchRippleProps = { center: false };\n\nexport type IconButtonProps = Omit<\n  MuiIconButtonProps,\n  'size' | 'variant' | 'classes' | 'className' | 'children' | 'onClick'\n> & {\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'transparent' | 'contained' | 'default';\n  className?: string;\n\n  isActive?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  classes?: {\n    root?: string;\n    disabled?: string;\n    colorPrimary?: string;\n    sizeSmall?: string;\n  };\n  'data-testid'?: string;\n};\n\nconst IconButton = ({\n  tooltipProps = { title: '', classes: {} },\n  isActive = false,\n  size = 'medium',\n  variant = 'default',\n  className,\n  'data-testid': dataTestId = 'IconButton',\n  ...otherProps\n}: IconButtonProps): JSX.Element => {\n  const { classes = {} } = otherProps;\n\n  const styles = useStyles({ variant });\n\n  const [isTooltipShown, setIsTooltipShown] = useState(false);\n\n  const buttonClasses = {\n    ...classes,\n    root: classNames(classes.root, styles.root, {\n      [styles.sizeLarge]: size === 'large',\n      [styles.contained]: variant === 'contained',\n      [styles.transparent]: variant === 'transparent',\n    }),\n    disabled: classNames(classes.disabled, {\n      [styles.containedDisabled]: variant === 'contained',\n      [styles.transparentDisabled]: variant === 'transparent',\n    }),\n    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),\n    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall),\n  };\n\n  return tooltipProps.title ? (\n    <Tooltip\n      open={isTooltipShown}\n      {...(tooltipProps as TooltipProps)}\n      classes={{\n        ...tooltipProps.classes,\n        popper: classNames(styles.tooltipPopper, tooltipProps.classes?.popper),\n      }}\n    >\n      <MuiIconButton\n        data-testid={dataTestId}\n        classes={buttonClasses}\n        className={classNames(className, { [styles.active]: isActive }, variant)}\n        onPointerOver={() => setIsTooltipShown(true)}\n        onPointerOut={() => setIsTooltipShown(false)}\n        size={size as any}\n        TouchRippleProps={TouchRippleProps}\n        {...(otherProps as MuiIconButtonProps)}\n      />\n    </Tooltip>\n  ) : (\n    <MuiIconButton\n      data-testid={dataTestId}\n      classes={buttonClasses}\n      className={classNames(className, { [styles.active]: isActive }, variant)}\n      size={size as any}\n      TouchRippleProps={TouchRippleProps}\n      {...(otherProps as MuiIconButtonProps)}\n    />\n  );\n};\n\nexport default IconButton;\n"],"names":["useStyles","makeStyles","_ref","palette","text1","primary","background","b08","fade","b010","b012","b016","b020","root","borderRadius","color","text6","padding","backgroundColor","backdropFilter","light","pointerEvents","opacity","main","fontSize","colorPrimary","sizeSmall","height","width","sizeLarge","contained","containedDisabled","transparent","contrastText","transparentDisabled","tooltipPopper","_ref2","variant","b10","active","TouchRippleProps","center","_ref3","_classNames","_classNames2","_tooltipProps$classes","_ref3$tooltipProps","tooltipProps","title","classes","_ref3$isActive","isActive","_ref3$size","size","_ref3$variant","className","_ref3$dataTestid","dataTestId","otherProps","_objectWithoutProperties","_excluded","_otherProps$classes","styles","useState","_useState2","_slicedToArray","_useState","isTooltipShown","setIsTooltipShown","buttonClasses","classNames","_defineProperty","disabled","_jsx","Tooltip","_objectSpread","open","popper","children","MuiIconButton","IconButton","onPointerOver","onPointerOut"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/IconButton/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  IconButton as MuiIconButton,\n  IconButtonProps as MuiIconButtonProps,\n  makeStyles,\n  Tooltip,\n  TooltipProps,\n  fade,\n} from '@material-ui/core';\nimport { MouseEventHandler, ReactNode, useState } from 'react';\n\nconst useStyles = makeStyles(({ palette }) => {\n  const text1 = palette.primary.text1 || '#fff';\n  const background = {\n    b08: fade(text1, 0.08),\n    b010: fade(text1, 0.1),\n    b012: fade(text1, 0.12),\n    b016: fade(text1, 0.16),\n    b020: fade(text1, 0.2),\n  };\n\n  return {\n    root: {\n      borderRadius: '8px !important',\n      color: palette.primary.text6,\n      padding: 6,\n      '&:hover': {\n        color: text1,\n        backgroundColor: background.b016,\n        backdropFilter: 'blur(2px)',\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.light,\n        },\n      },\n      '&:active': {\n        color: text1,\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.light,\n        },\n      },\n      '&.Mui-disabled': {\n        pointerEvents: 'all',\n        opacity: 0.4,\n        color: palette.primary.text1,\n        backgroundColor: 'transparent',\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.main,\n        },\n      },\n      '& .MuiSvgIcon-root': {\n        color: 'inherit',\n        fontSize: 'inherit',\n      },\n    },\n    colorPrimary: {\n      color: palette.primary.main,\n    },\n    sizeSmall: {\n      fontSize: 20,\n      padding: 6,\n      height: 32,\n      width: 32,\n\n      '& .i-icon, & .i-icon > svg': {\n        width: '20px !important',\n        height: '20px !important',\n      },\n    },\n    sizeLarge: {\n      '&.MuiButtonBase-root': {\n        padding: 8,\n      },\n    },\n    contained: {\n      backgroundColor: background.b08,\n      backdropFilter: 'blur(2px)',\n      '&:hover': {\n        backgroundColor: background.b016,\n      },\n    },\n    containedDisabled: {\n      '&.MuiButtonBase-root': {\n        backgroundColor: background.b08,\n      },\n    },\n    transparent: {\n      color: palette.primary.contrastText,\n      backgroundColor: background.b020,\n      '&:hover': {\n        backgroundColor: background.b010,\n      },\n    },\n    transparentDisabled: {\n      '&.MuiButtonBase-root': {\n        backgroundColor: background.b010,\n      },\n    },\n    tooltipPopper: {\n      '& .MuiTooltip-tooltip': {\n        backgroundColor: palette.background.b10,\n      },\n    },\n    tooltipPopperTransparent: {\n      '& .MuiTooltip-tooltip': {\n        backgroundColor: background.b020,\n      },\n    },\n    active: {\n      '&.MuiButtonBase-root': {\n        color: palette.primary.main,\n        backgroundColor: background.b012,\n        '&.MuiIconButton-colorPrimary': {\n          color: palette.primary.main,\n        },\n        '&.transparent': {\n          color: palette.primary.contrastText,\n          backgroundColor: background.b020,\n        },\n      },\n    },\n  };\n});\n\nconst TouchRippleProps = { center: false };\n\nexport type IconButtonProps = Omit<\n  MuiIconButtonProps,\n  'size' | 'variant' | 'classes' | 'className' | 'children' | 'onClick'\n> & {\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'transparent' | 'contained' | 'default';\n  className?: string;\n\n  isActive?: boolean;\n  tooltipProps?: Omit<TooltipProps, 'children'>;\n  classes?: {\n    root?: string;\n    disabled?: string;\n    colorPrimary?: string;\n    sizeSmall?: string;\n  };\n  'data-testid'?: string;\n};\n\nconst IconButton = ({\n  tooltipProps = { title: '', classes: {} },\n  isActive = false,\n  size = 'medium',\n  variant = 'default',\n  className,\n  'data-testid': dataTestId = 'IconButton',\n  ...otherProps\n}: IconButtonProps): JSX.Element => {\n  const { classes = {} } = otherProps;\n\n  const styles = useStyles();\n\n  const [isTooltipShown, setIsTooltipShown] = useState(false);\n\n  const buttonClasses = {\n    ...classes,\n    root: classNames(classes.root, styles.root, {\n      [styles.sizeLarge]: size === 'large',\n      [styles.contained]: variant === 'contained',\n      [styles.transparent]: variant === 'transparent',\n    }),\n    disabled: classNames(classes.disabled, {\n      [styles.containedDisabled]: variant === 'contained',\n      [styles.transparentDisabled]: variant === 'transparent',\n    }),\n    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),\n    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall),\n  };\n\n  return tooltipProps.title ? (\n    <Tooltip\n      open={isTooltipShown}\n      {...(tooltipProps as TooltipProps)}\n      classes={{\n        ...tooltipProps.classes,\n        popper: classNames(\n          styles.tooltipPopper,\n          { [styles.tooltipPopperTransparent]: variant === 'transparent' },\n          tooltipProps.classes?.popper\n        ),\n      }}\n    >\n      <MuiIconButton\n        data-testid={dataTestId}\n        classes={buttonClasses}\n        className={classNames(className, { [styles.active]: isActive }, variant)}\n        onPointerOver={() => setIsTooltipShown(true)}\n        onPointerOut={() => setIsTooltipShown(false)}\n        size={size as any}\n        TouchRippleProps={TouchRippleProps}\n        {...(otherProps as MuiIconButtonProps)}\n      />\n    </Tooltip>\n  ) : (\n    <MuiIconButton\n      data-testid={dataTestId}\n      classes={buttonClasses}\n      className={classNames(className, { [styles.active]: isActive }, variant)}\n      size={size as any}\n      TouchRippleProps={TouchRippleProps}\n      {...(otherProps as MuiIconButtonProps)}\n    />\n  );\n};\n\nexport default IconButton;\n"],"names":["useStyles","makeStyles","_ref","palette","text1","primary","background","b08","fade","b010","b012","b016","b020","root","borderRadius","color","text6","padding","backgroundColor","backdropFilter","light","pointerEvents","opacity","main","fontSize","colorPrimary","sizeSmall","height","width","sizeLarge","contained","containedDisabled","transparent","contrastText","transparentDisabled","tooltipPopper","b10","tooltipPopperTransparent","active","TouchRippleProps","center","_ref2","_classNames","_classNames2","_tooltipProps$classes","_ref2$tooltipProps","tooltipProps","title","classes","_ref2$isActive","isActive","_ref2$size","size","_ref2$variant","variant","className","_ref2$dataTestid","dataTestId","otherProps","_objectWithoutProperties","_excluded","_otherProps$classes","styles","useState","_useState2","_slicedToArray","_useState","isTooltipShown","setIsTooltipShown","buttonClasses","classNames","_defineProperty","disabled","_jsx","Tooltip","_objectSpread","open","popper","children","MuiIconButton","IconButton","onPointerOver","onPointerOut"],"mappings":"mhCAWA,IAAMA,EAAYC,EAAAA,YAAW,SAAiBC,GAAA,IAAdC,IAAAA,QACxBC,EAAQD,EAAQE,QAAQD,OAAS,OACjCE,EAAa,CACjBC,IAAKC,EAAAA,KAAKJ,EAAO,KACjBK,KAAMD,EAAAA,KAAKJ,EAAO,IAClBM,KAAMF,EAAAA,KAAKJ,EAAO,KAClBO,KAAMH,EAAAA,KAAKJ,EAAO,KAClBQ,KAAMJ,EAAAA,KAAKJ,EAAO,KAGpB,MAAO,CACLS,KAAM,CACJC,aAAc,iBACdC,MAAOZ,EAAQE,QAAQW,MACvBC,QAAS,EACT,UAAW,CACTF,MAAOX,EACPc,gBAAiBZ,EAAWK,KAC5BQ,eAAgB,YAChB,+BAAgC,CAC9BJ,MAAOZ,EAAQE,QAAQe,QAG3B,WAAY,CACVL,MAAOX,EACP,+BAAgC,CAC9BW,MAAOZ,EAAQE,QAAQe,QAG3B,iBAAkB,CAChBC,cAAe,MACfC,QAAS,GACTP,MAAOZ,EAAQE,QAAQD,MACvBc,gBAAiB,cACjB,+BAAgC,CAC9BH,MAAOZ,EAAQE,QAAQkB,OAG3B,qBAAsB,CACpBR,MAAO,UACPS,SAAU,YAGdC,aAAc,CACZV,MAAOZ,EAAQE,QAAQkB,MAEzBG,UAAW,CACTF,SAAU,GACVP,QAAS,EACTU,OAAQ,GACRC,MAAO,GAEP,6BAA8B,CAC5BA,MAAO,kBACPD,OAAQ,oBAGZE,UAAW,CACT,uBAAwB,CACtBZ,QAAS,IAGba,UAAW,CACTZ,gBAAiBZ,EAAWC,IAC5BY,eAAgB,YAChB,UAAW,CACTD,gBAAiBZ,EAAWK,OAGhCoB,kBAAmB,CACjB,uBAAwB,CACtBb,gBAAiBZ,EAAWC,MAGhCyB,YAAa,CACXjB,MAAOZ,EAAQE,QAAQ4B,aACvBf,gBAAiBZ,EAAWM,KAC5B,UAAW,CACTM,gBAAiBZ,EAAWG,OAGhCyB,oBAAqB,CACnB,uBAAwB,CACtBhB,gBAAiBZ,EAAWG,OAGhC0B,cAAe,CACb,wBAAyB,CACvBjB,gBAAiBf,EAAQG,WAAW8B,MAGxCC,yBAA0B,CACxB,wBAAyB,CACvBnB,gBAAiBZ,EAAWM,OAGhC0B,OAAQ,CACN,uBAAwB,CACtBvB,MAAOZ,EAAQE,QAAQkB,KACvBL,gBAAiBZ,EAAWI,KAC5B,+BAAgC,CAC9BK,MAAOZ,EAAQE,QAAQkB,MAEzB,gBAAiB,CACfR,MAAOZ,EAAQE,QAAQ4B,aACvBf,gBAAiBZ,EAAWM,QAKtC,IAEM2B,EAAmB,CAAEC,QAAQ,kBA0BhB,SAQiBC,GAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAJ,EAPlCK,aAAAA,OAAe,IAAAD,EAAA,CAAEE,MAAO,GAAIC,QAAS,CAAC,GAAGH,EAAAI,EAAAR,EACzCS,SAAAA,cAAgBD,EAAAE,EAAAV,EAChBW,KAAAA,aAAO,SAAQD,EAAAE,EAAAZ,EACfa,QAAAA,aAAU,UAASD,EACnBE,IAAAA,UAASC,EAAAf,EACT,eAAegB,aAAa,aAAYD,EACrCE,EAAUC,EAAA,QAAAlB,EAAAmB,GAEYF,EAAAA,EAAjBV,QAAAA,OAAO,IAAAa,EAAG,CAAA,EAAEA,EAEdC,EAAS9D,IAE6B+D,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApDC,EAAcH,EAAA,GAAEI,EAAiBJ,EAAA,GAElCK,SACDrB,GAAO,GAAA,CACVnC,KAAMyD,EAAAA,QAAWtB,EAAQnC,KAAMiD,EAAOjD,MACnCiD,EAAAA,CAAAA,EAAAA,EAAAA,QAAAA,EAAAA,EAAOjC,UAAqB,UAATuB,GAAgBmB,EAAA,QAAA7B,EACnCoB,EAAOhC,UAAwB,cAAZwB,GACnBQ,EAAAA,QAAAA,EAAAA,EAAO9B,YAA0B,gBAAZsB,GACtBZ,IACF8B,SAAUF,EAAAA,QAAWtB,EAAQwB,UAAQ7B,EAAA,GAAA4B,EAAAA,QAAA5B,EAClCmB,EAAO/B,kBAAgC,cAAZuB,eAC3BQ,EAAO5B,oBAAkC,gBAAZoB,GAC9BX,IACFlB,aAAc6C,EAAAA,QAAWtB,EAAQvB,aAAcqC,EAAOrC,cACtDC,UAAW4C,EAAAA,QAAWtB,EAAQtB,UAAWoC,EAAOpC,aAGlD,OAAOoB,EAAaC,MAClB0B,EAAAA,IAACC,EAAAA,QAAOC,EAAAA,EAAA,CACNC,KAAMT,GACDrB,GAAY,GAAA,CACjBE,QAAO2B,EAAAA,EAAA,CAAA,EACF7B,EAAaE,SAAO,GAAA,CACvB6B,OAAQP,EAAAA,QACNR,EAAO3B,cAAaoC,EAAAA,QAAA,CAAA,EACjBT,EAAOzB,yBAAuC,gBAAZiB,GACjB,QAApBR,EAAAA,EAAaE,eAAO,IAAAJ,OAAA,EAApBA,EAAsBiC,UAExBC,SAEFL,EAAAA,IAACM,EAAaC,WAAAL,EAAA,CACZ,cAAalB,EACbT,QAASqB,EACTd,UAAWe,EAAAA,QAAWf,EAAcO,UAAAA,CAAAA,EAAAA,EAAOxB,OAASY,GAAYI,GAChE2B,cAAe,WAAA,OAAMb,GAAkB,EAAM,EAC7Cc,aAAc,WAAA,OAAMd,GAAkB,EAAO,EAC7ChB,KAAMA,EACNb,iBAAkBA,GACbmB,OAITe,EAAAA,IAACM,EAAaC,WAAAL,EAAA,CACZ,cAAalB,EACbT,QAASqB,EACTd,UAAWe,EAAAA,QAAWf,EAAcO,UAAAA,CAAAA,EAAAA,EAAOxB,OAASY,GAAYI,GAChEF,KAAMA,EACNb,iBAAkBA,GACbmB,GAGX"}

package/cjs-bundle/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),r=require("prop-types"),i=require("lodash"),n=require("@material-ui/core"),l=require("@material-ui/icons/Close"),o=require("@material-ui/core/styles"),a=require("@material-ui/core/useMediaQuery"),u=require("classnames"),c=require("./components/Filter/index.js"),d=require("./components/Map/index.js"),f=require("./components/Table/index.js"),p=require("./effects/index.js"),m=require("./utils/index.js"),g=require("./constants.js"),j=require("../LoadingIndicator/LoadingIndicator.js"),b=require("../../permissions/usePermissions.js"),q=require("../../permissions/constants/index.js");require("../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js"),require("../../permissions/PermissionsContext.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("uuid"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js");var h=require("../../effects/useGlobalOffsetWellsSync.js"),y=require("react/jsx-runtime"),S=require("./effects/biDirectionalFiltering.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=C(e),v=C(s),W=C(r),T=C(l),I=C(a),k=C(u);function A(e,s){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),t.push.apply(t,r)}return t}function O(e){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};s%2?A(Object(t),!0).forEach((function(s){x.default(e,s,t[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))}))}return e}var D=n.makeStyles((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),N=function(e){var s=e.isOpen,r=e.defaultSubjectWellId,l=void 0===r?null:r,a=e.companyId,u=void 0===a?null:a,C=e.offsetSetting,W=e.currentUser,A=e.addWellsUsabilityInfo,N=void 0===A?null:A,E=e.unusableWellAlarm,P=void 0===E?"Unable to add":E,w=e.isAdvancedSearch,B=void 0!==w&&w,M=e.bestCount,F=void 0===M?0:M,L=e.maxOffsetSize,R=void 0===L?1e3:L,z=e.onClose,U=e.onSave,_=D(),G=o.useTheme(),V=I.default(G.breakpoints.down("sm")),K=b([q.PERMISSIONS.companySelectorView]),H=v.default(K,1)[0].active,Q=t.useState(u||i.get(C,"companyId")||+i.get(W,"company_id")),$=v.default(Q,2),J=$[0],X=$[1],Y=t.useState(i.get(C,"subjectWellId")||l),Z=v.default(Y,2),ee=Z[0],se=Z[1];h.useGlobalOffsetWellsSync(C,U,R);var te=t.useState(i.get(C,"filters")||g.DEFAULT_SETTINGS.filters),re=v.default(te,2),ie=re[0],ne=re[1],le=t.useState(i.get(C,"radius")||g.DEFAULT_SETTINGS.radius),oe=v.default(le,2),ae=oe[0],ue=oe[1],ce=t.useState(i.get(C,"excludeSideTrack")||!1),de=v.default(ce,2),fe=de[0],pe=de[1],me=t.useState(i.get(C,"includeNonEngineeredWells")||!1),ge=v.default(me,2),je=ge[0],be=ge[1],qe=t.useState([]),he=v.default(qe,2),ye=he[0],Se=he[1],Ce=t.useState(g.DEFAULT_SETTINGS.sortInfo),xe=v.default(Ce,2),ve=xe[0],We=xe[1],Te=t.useState(!1),Ie=v.default(Te,2),ke=Ie[0],Ae=Ie[1],Oe=t.useState([]),De=v.default(Oe,2),Ne=De[0],Ee=De[1];t.useEffect((function(){s&&(Ee(i.get(C,"selectedWellIds")||[]),X(u||i.get(C,"companyId")||+i.get(W,"company_id")),se(i.get(C,"subjectWellId")||l))}),[s,C]);var Pe=t.useMemo((function(){return!!ee}),[ee]),we=p.useCompanies(H,B&&l,J),Be=p.useWells(J,N),Me=p.useCompanyMetricKey(J);t.useEffect((function(){Se((function(e){return Me?[Me]:e}))}),[Me]);var Fe=S(ie,Be),Le=t.useMemo((function(){return m.getFilteredWells(ie,fe,Be)}),[ie,fe,Be]),Re=t.useMemo((function(){return m.getFilteredWellsByNonEngineered(Le,je)}),[Le,je]),ze=t.useMemo((function(){return Re&&ee?Re.find((function(e){return e.id===ee})):null}),[Re,ee]),Ue=p.useWellsWithCoords(Le,ze),_e=t.useMemo((function(){return m.getFilteredWellsByNonEngineered(Ue,!1)}),[Ue]),Ge=je?Ue:_e,Ve=Ue&&Ue.length!==_e.length;p.useRadiusWells(ae,Ue,Ee);var Ke=p.useOffsetWells(ae,Be,Ne),He=p.useMetricsData(J,Ge),Qe=v.default(He,2),$e=Qe[0],Je=Qe[1],Xe=t.useMemo((function(){return Je?i.orderBy(Je,ve.key,1===ve.direction?"asc":"desc"):Je}),[ve,Je]),Ye=t.useCallback((function(e){X(e),se(null),Ee([]),ne(g.DEFAULT_SETTINGS.filters)}),[]),Ze=t.useCallback((function(e){var s=Re.find((function(s){return s.id===e}));s&&s.is_usable&&Ee(i.uniq(Ne.concat(e)))}),[Ne,Re]),es=t.useCallback((function(e){Ee(i.uniq(Ne.filter((function(s){return s!==e}))))}),[Ne]),ss=t.useCallback((function(){Ee(Re.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Re]),ts=t.useCallback((function(){Ee([])}),[]),rs=t.useCallback((function(e){Ee([]),se(e)}),[Be]),is=t.useCallback((function(){Ee([]),se(null)}),[]),ns=t.useCallback((function(e){ue(e)}),[]),ls=t.useCallback((function(e){pe(e)}),[]),os=t.useCallback((function(e){e||Ee((function(e){return e.filter((function(e){return _e.map((function(e){return e.id})).includes(e)}))})),be(e)}),[_e]),as=t.useCallback((function(e,s){ne((function(t){return O(O({},t),{},x.default({},e,s))})),Ee([])}),[]),us=t.useCallback((function(){ne(O({},g.DEFAULT_SETTINGS.filters)),Ee([])}),[]),cs=t.useCallback((function(){Ae((function(e){return!e}))}),[]),ds=t.useCallback((function(e){Se(e)}),[]),fs=t.useCallback((function(e){We((function(s){return s.key===e?O(O({},s),{},{direction:-1*s.direction}):{key:e,direction:1}}))}),[]),ps=function(){z()},ms=!(Be&&Re&&Ge&&Je&&Ke&&Xe);return y.jsxs(n.Dialog,{onBackdropClick:z,onEscapeKeyDown:z,maxWidth:"lg",fullWidth:!0,fullScreen:V,open:s,children:[y.jsx(n.DialogTitle,{children:y.jsxs("div",{className:_.dialogTitles,children:[B?y.jsxs("div",{className:_.titleArea,children:[y.jsx(n.Typography,{className:_.subTitle,onClick:ps,children:"Select Offset Wells"}),y.jsx(n.Typography,{className:_.subTitleSpace,children:" / "}),y.jsx(n.Typography,{className:_.title,children:"Advanced Search"})]}):y.jsx(n.Typography,{className:_.title,children:"Select Offset Wells"}),y.jsx(n.Tooltip,{title:"Close",children:y.jsx(n.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:_.closeIconButton,onClick:z,children:y.jsx(T.default,{className:_.closeIcon})})})]})}),y.jsx(n.DialogContent,{className:_.dialogContent,children:ms?y.jsx(j,{fullscreen:!1}):y.jsxs(y.Fragment,{children:[y.jsx(c,{companyId:J,companies:we,canViewCompanies:H,radius:ae,excludeSideTrack:fe,includeNonEngineeredWells:je,wells:Re,subjectWell:ze,filters:ie,filtersOptions:Fe,mapHidden:ke,isRadiusEditable:Pe,isExistNonEngineeredWells:Ve,onChangeCompany:Ye,onSetSubjectWell:rs,onChangeRadius:ns,onChangeSidetrack:ls,onChangeNonEngineeredWells:os,onChangeFilters:as,onClearFilters:us,onToggleMap:cs}),y.jsx(d,{subjectWell:ze,wells:Re,offsetWells:Ke,radius:ae,mapHidden:ke,onSetSubjectWell:rs,onRemoveSubjectWell:is,onAddOffsetWell:Ze,onDeleteOffsetWell:es}),y.jsx(f.default,{subjectWell:ze,wells:Xe,offsetWells:Ke,metricsKeys:ye,sortInfo:ve,isMetricsLoading:$e,unusableWellAlarm:P,onChangeMetricsKeys:ds,onSorting:fs,onAddOffsetWell:Ze,onDeleteOffsetWell:es,onAddAllOffsetWells:ss,onDeleteAllOffsetWells:ts})]})}),y.jsx("div",{className:_.bottomShadow}),y.jsxs(n.DialogActions,{className:k.default(_.dialogActions,x.default({},_.dialogActionsSmallScreen,V)),children:[B?y.jsxs("div",{className:_.selectedWells,children:[y.jsx(n.Typography,{className:_.selected,children:"Selected:"}),y.jsx(n.Typography,{className:_.selectedLabel,children:"Best:"}),y.jsx(n.Typography,{className:_.selectedNumber,children:F}),y.jsx(n.Typography,{className:_.selectedLabel,children:"Advanced Search:"}),y.jsx(n.Typography,{className:_.selectedNumber,children:(null==Ke?void 0:Ke.length)||0})]}):y.jsx("div",{}),y.jsxs("div",{children:[y.jsx(n.Button,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:ps,color:"primary",style:{marginRight:16},children:"CANCEL"}),y.jsxs(n.Button,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=O(O({},C),{},{companyId:J,subjectWellId:ee,radius:ae,excludeSideTrack:fe,includeNonEngineeredWells:je,filters:ie,selectedWellIds:i.uniq(Ke.map((function(e){return e.id})))});U(e,Ke)},children:["ADD (",(null==Ke?void 0:Ke.length)||0,")"]})]})]})]})};N.propTypes={isOpen:W.default.bool.isRequired,defaultSubjectWellId:W.default.number,companyId:W.default.number,offsetSetting:W.default.shape({}).isRequired,currentUser:W.default.shape({}).isRequired,addWellsUsabilityInfo:W.default.func,unusableWellAlarm:W.default.string,isAdvancedSearch:W.default.bool,bestCount:W.default.number,maxOffsetSize:W.default.number,onSave:W.default.func.isRequired,onClose:W.default.func.isRequired};var E=t.memo(N);module.exports=E;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),r=require("prop-types"),i=require("lodash"),n=require("@material-ui/core"),l=require("@material-ui/icons/Close"),o=require("@material-ui/core/styles"),a=require("@material-ui/core/useMediaQuery"),u=require("classnames"),c=require("./components/Filter/index.js"),d=require("./components/Map/index.js"),f=require("./components/Table/index.js"),m=require("./effects/index.js"),p=require("./utils/index.js"),g=require("./constants.js"),j=require("../LoadingIndicator/LoadingIndicator.js"),b=require("../../permissions/usePermissions.js"),q=require("../../permissions/constants/index.js");require("../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js"),require("../../permissions/PermissionsContext.js"),require("querystring"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../UserMention/utils/index.js"),require("../../utils/convert.js"),require("moment"),require("../../utils/casing/validation.js"),require("lodash/mean"),require("../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../utils/ga.js"),require("../../utils/goalsConfig/goalsConfig.js"),require("../../utils/lasParser.js"),require("../../utils/main.js"),require("../../utils/metrics/metricsConfig.js"),require("../../utils/mobileDetect.js"),require("../../utils/feed.js"),require("../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../utils/dashboardReports.js"),require("../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../utils/jsonaDataFormatter.js"),require("../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("../../utils/charts/Styles.scss.js"),require("../../utils/getSingleAsset.js"),require("uuid"),require("../StatusBadge/constants.js"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppPanel/AppPanelsContext.js");var h=require("../../effects/useGlobalOffsetWellsSync.js"),y=require("react/jsx-runtime"),S=require("./effects/biDirectionalFiltering.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=C(e),v=C(t),W=C(r),T=C(l),I=C(a),k=C(u);function A(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,r)}return s}function O(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?A(Object(s),!0).forEach((function(t){x.default(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):A(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var D=n.makeStyles((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),N=function(e){var t=e.isOpen,r=e.defaultSubjectWellId,l=void 0===r?null:r,a=e.companyId,u=void 0===a?null:a,C=e.offsetSetting,W=e.currentUser,A=e.addWellsUsabilityInfo,N=void 0===A?null:A,E=e.unusableWellAlarm,P=void 0===E?"Unable to add":E,w=e.isAdvancedSearch,B=void 0!==w&&w,M=e.bestCount,F=void 0===M?0:M,L=e.maxOffsetSize,R=void 0===L?1e3:L,z=e.onClose,U=e.onSave,_=D(),G=o.useTheme(),V=I.default(G.breakpoints.down("sm")),K=b([q.PERMISSIONS.companySelectorView]),H=v.default(K,1)[0].active,Q=s.useState(u||i.get(C,"companyId")||+i.get(W,"company_id")),$=v.default(Q,2),J=$[0],X=$[1],Y=s.useState(i.get(C,"subjectWellId")||l),Z=v.default(Y,2),ee=Z[0],te=Z[1];h.useGlobalOffsetWellsSync(C,U,R);var se=s.useState(i.get(C,"filters")||g.DEFAULT_SETTINGS.filters),re=v.default(se,2),ie=re[0],ne=re[1],le=s.useState(i.get(C,"radius")||g.DEFAULT_SETTINGS.radius),oe=v.default(le,2),ae=oe[0],ue=oe[1],ce=s.useState(i.get(C,"excludeSideTrack")||!1),de=v.default(ce,2),fe=de[0],me=de[1],pe=s.useState(i.get(C,"includeNonEngineeredWells")||!1),ge=v.default(pe,2),je=ge[0],be=ge[1],qe=s.useState([]),he=v.default(qe,2),ye=he[0],Se=he[1],Ce=s.useState(g.DEFAULT_SETTINGS.sortInfo),xe=v.default(Ce,2),ve=xe[0],We=xe[1],Te=s.useState(!1),Ie=v.default(Te,2),ke=Ie[0],Ae=Ie[1],Oe=s.useState([]),De=v.default(Oe,2),Ne=De[0],Ee=De[1];s.useEffect((function(){t&&(Ee(i.get(C,"selectedWellIds")||[]),X(u||i.get(C,"companyId")||+i.get(W,"company_id")),te(i.get(C,"subjectWellId")||l))}),[t,C]);var Pe=s.useMemo((function(){return!!ee}),[ee]),we=m.useCompanies(H,B&&l,J),Be=m.useWells(J,N),Me=m.useCompanyMetricKey(J);s.useEffect((function(){Se((function(e){return Me?[Me]:e}))}),[Me]);var Fe=S(ie,Be),Le=s.useMemo((function(){return p.getFilteredWells(ie,fe,Be)}),[ie,fe,Be]),Re=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(Le,je)}),[Le,je]),ze=s.useMemo((function(){return Re&&ee?Re.find((function(e){return e.id===ee})):null}),[Re,ee]),Ue=m.useWellsWithCoords(Le,ze),_e=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(Ue,!1)}),[Ue]),Ge=je?Ue:_e,Ve=Ue&&Ue.length!==_e.length;m.useRadiusWells(ae,Ue,Ee);var Ke=m.useOffsetWells(ae,Be,Ne),He=m.useMetricsData(J,Ge),Qe=v.default(He,2),$e=Qe[0],Je=Qe[1],Xe=s.useMemo((function(){return Je?i.orderBy(Je,ve.key,1===ve.direction?"asc":"desc"):Je}),[ve,Je]),Ye=s.useCallback((function(e){X(e),te(null),Ee([]),ne(g.DEFAULT_SETTINGS.filters)}),[]),Ze=s.useCallback((function(e){var t=Re.find((function(t){return t.id===e}));t&&t.is_usable&&Ee(i.uniq(Ne.concat(e)))}),[Ne,Re]),et=s.useCallback((function(e){Ee(i.uniq(Ne.filter((function(t){return t!==e}))))}),[Ne]),tt=s.useCallback((function(){Ee(Re.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Re]),st=s.useCallback((function(){Ee([])}),[]),rt=s.useCallback((function(e){Ee([]),te(e)}),[Be]),it=s.useCallback((function(){Ee([]),te(null)}),[]),nt=s.useCallback((function(e){ue(e)}),[]),lt=s.useCallback((function(e){me(e)}),[]),ot=s.useCallback((function(e){e||Ee((function(e){return e.filter((function(e){return _e.map((function(e){return e.id})).includes(e)}))})),be(e)}),[_e]),at=s.useCallback((function(e,t){ne((function(s){return O(O({},s),{},x.default({},e,t))})),Ee([])}),[]),ut=s.useCallback((function(){ne(O({},g.DEFAULT_SETTINGS.filters)),Ee([])}),[]),ct=s.useCallback((function(){Ae((function(e){return!e}))}),[]),dt=s.useCallback((function(e){Se(e)}),[]),ft=s.useCallback((function(e){We((function(t){return t.key===e?O(O({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),mt=function(){z()},pt=!(Be&&Re&&Ge&&Je&&Ke&&Xe);return y.jsxs(n.Dialog,{onBackdropClick:z,onEscapeKeyDown:z,maxWidth:"lg",fullWidth:!0,fullScreen:V,open:t,children:[y.jsx(n.DialogTitle,{children:y.jsxs("div",{className:_.dialogTitles,children:[B?y.jsxs("div",{className:_.titleArea,children:[y.jsx(n.Typography,{className:_.subTitle,onClick:mt,children:"Select Offset Wells"}),y.jsx(n.Typography,{className:_.subTitleSpace,children:" / "}),y.jsx(n.Typography,{className:_.title,children:"Advanced Search"})]}):y.jsx(n.Typography,{className:_.title,children:"Select Offset Wells"}),y.jsx(n.Tooltip,{title:"Close",children:y.jsx(n.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:_.closeIconButton,onClick:z,children:y.jsx(T.default,{className:_.closeIcon})})})]})}),y.jsx(n.DialogContent,{className:_.dialogContent,children:pt?y.jsx(j,{fullscreen:!1}):y.jsxs(y.Fragment,{children:[y.jsx(c,{companyId:J,companies:we,canViewCompanies:H,radius:ae,excludeSideTrack:fe,includeNonEngineeredWells:je,wells:Re,subjectWell:ze,filters:ie,filtersOptions:Fe,mapHidden:ke,isRadiusEditable:Pe,isExistNonEngineeredWells:Ve,onChangeCompany:Ye,onSetSubjectWell:rt,onChangeRadius:nt,onChangeSidetrack:lt,onChangeNonEngineeredWells:ot,onChangeFilters:at,onClearFilters:ut,onToggleMap:ct}),y.jsx(d,{subjectWell:ze,wells:Re,offsetWells:Ke,radius:ae,mapHidden:ke,onSetSubjectWell:rt,onRemoveSubjectWell:it,onAddOffsetWell:Ze,onDeleteOffsetWell:et}),y.jsx(f.default,{subjectWell:ze,wells:Xe,offsetWells:Ke,metricsKeys:ye,sortInfo:ve,isMetricsLoading:$e,unusableWellAlarm:P,onChangeMetricsKeys:dt,onSorting:ft,onAddOffsetWell:Ze,onDeleteOffsetWell:et,onAddAllOffsetWells:tt,onDeleteAllOffsetWells:st})]})}),y.jsx("div",{className:_.bottomShadow}),y.jsxs(n.DialogActions,{className:k.default(_.dialogActions,x.default({},_.dialogActionsSmallScreen,V)),children:[B?y.jsxs("div",{className:_.selectedWells,children:[y.jsx(n.Typography,{className:_.selected,children:"Selected:"}),y.jsx(n.Typography,{className:_.selectedLabel,children:"Best:"}),y.jsx(n.Typography,{className:_.selectedNumber,children:F}),y.jsx(n.Typography,{className:_.selectedLabel,children:"Advanced Search:"}),y.jsx(n.Typography,{className:_.selectedNumber,children:(null==Ke?void 0:Ke.length)||0})]}):y.jsx("div",{}),y.jsxs("div",{children:[y.jsx(n.Button,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:mt,color:"primary",style:{marginRight:16},children:"CANCEL"}),y.jsxs(n.Button,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=O(O({},C),{},{companyId:J,subjectWellId:ee,radius:ae,excludeSideTrack:fe,includeNonEngineeredWells:je,filters:ie,selectedWellIds:i.uniq(Ke.map((function(e){return e.id})))});U(e,Ke)},children:["ADD (",(null==Ke?void 0:Ke.length)||0,")"]})]})]})]})};N.propTypes={isOpen:W.default.bool.isRequired,defaultSubjectWellId:W.default.number,companyId:W.default.number,offsetSetting:W.default.shape({}).isRequired,currentUser:W.default.shape({}).isRequired,addWellsUsabilityInfo:W.default.func,unusableWellAlarm:W.default.string,isAdvancedSearch:W.default.bool,bestCount:W.default.number,maxOffsetSize:W.default.number,onSave:W.default.func.isRequired,onClose:W.default.func.isRequired};var E=s.memo(N);module.exports=E;
 //# sourceMappingURL=OffsetWellPickerDialog.js.map