npm - @corva/ui - Versions diffs - 3.75.0-17 → 3.75.0-19 - Mend

@corva/ui 3.75.0-17 → 3.75.0-19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1045) hide show

package/components/GradientPicker/GradientPicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import I from"tinygradient";import{v4 as f}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as F,roundToStep as k,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,R=s.to,_=void 0===R?100:R,G=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,Io=Number.isFinite(_)?Number(_):100,fo=Io-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:f()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),Fo||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,Fo=ro?u(Y,{id:ro}):void 0,ko=N(fo),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*fo;return k(s,ko/100)}(Fo);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",G]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[Io," ",G]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=I(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:f(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,F(n,{fromValue:jo,toValue:Io})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==Fo?void 0:Fo.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:Io,step:ko,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,Io);n||o.target.select();var i=(n-jo)/fo*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useRef as i,useState as c,useEffect as t,useMemo as r}from"react";import e from"classnames";import m from"react-draggable";import{find as u,noop as a,sortBy as l,reject as p,clamp as d,omit as j}from"lodash";import I from"tinygradient";import{v4 as f}from"uuid";import{Typography as h,Tooltip as v,Popover as b,TextField as g}from"@material-ui/core";import{Add as C}from"@material-ui/icons";import{DeleteFourIcon as O}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import y from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import{calcGradientStyle as P,getStopText as F,roundToStep as k,getRangeStep as N}from"./GradientPicker.utils.js";import{useThrottledCallback as x}from"../shared/useThrottledCallback.js";import A from"../IconButton/index.js";import{useStyles as D}from"./GradientPicker.styles.js";import{withSize as M}from"react-sizeme";import{jsxs as S,jsx as T}from"react/jsx-runtime";function E(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function w(o){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?E(Object(i),!0).forEach((function(n){s(o,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):E(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var z=M()((function(s){var M,E=s.size,z=s.from,B=void 0===z?0:z,R=s.to,_=void 0===R?100:R,G=s.unit,L=s.gradientStops,U=s.onChange,V=s.style,W=s.isMoveInputVisible,q=s.readonly,K=s.noScale,H=s["data-testid"],X=void 0===H?"GradientPicker":H,Z=i(null),J=c([]),Q=n(J,2),Y=Q[0],$=Q[1],oo=c(null),so=n(oo,2),no=so[0],io=so[1],co=c(null),to=n(co,2),ro=to[0],eo=to[1],mo=c(null),uo=n(mo,2),ao=uo[0],lo=uo[1],po=D({readonly:q}),jo=Number.isFinite(B)?Number(B):0,Io=Number.isFinite(_)?Number(_):100,fo=Io-jo;t((function(){(L.length!==(null==Y?void 0:Y.length)||L.some((function(o,s){return o.color!==Y[s].color||o.pos!==Y[s].pos})))&&$(L.map((function(o){return w(w({},o),{},{id:f()})})))}),[L]);var ho=r((function(){return P(Y)}),[Y]),vo=r((function(){var o;return null===(o=Z.current)||void 0===o?void 0:o.clientWidth}),[null==E?void 0:E.width,Z.current]),bo=function(o){var s=l(o,"pos");$(s),U&&U(s.map((function(o){return j(o,"id")})))},go=function(o){if(o.target===o.currentTarget){var s=o.currentTarget.getBoundingClientRect(),n=o.clientX-s.left;lo(Number.isFinite(n)?n:null)}else lo(null)},Co=x((function(s,n,i){var c=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(!no&&vo){var t=n/vo*100,r=u(Y,{id:s});if(i>=40||i<=-50)yo();else if(r){var e=w(w({},r),{},{pos:t}),m=l([].concat(o(p(Y,{id:s})),[e]),"pos");if(c)return bo(m),void eo(null);$(m),Fo||eo(s)}}}),0),Oo=function(){bo(Y),eo(null),io(null)},yo=function(){Y.length>2&&(bo(p(Y,{id:ro})),io(null),eo(null))},Po=!no&&Number.isFinite(ao)&&!q,Fo=ro?u(Y,{id:ro}):void 0,ko=N(fo),No=function(o){if(!o)return null;var s=jo+(null==o?void 0:o.pos)/100*fo;return k(s,ko/100)}(Fo);return S("div",{className:po.root,style:V,children:[!K&&S("div",{className:po.indicatorContainer,children:[T("div",{children:S(h,{"data-testid":"".concat(X,"_from"),className:po.indicator,children:[jo," ",G]})}),T("div",{children:S(h,{"data-testid":"".concat(X,"_to"),className:po.indicator,children:[Io," ",G]})})]}),S("div",{onMouseEnter:go,onMouseMove:go,onMouseLeave:function(){return lo(null)},onClick:function(s){if(!q&&null!==ao&&vo){var n=ao/vo*100,i=I(Y.map((function(o){return{color:o.color,pos:o.pos/100}}))),c="#".concat(i.rgbAt(n/100).toHex()),t={id:f(),pos:n,color:c};bo([].concat(o(Y),[t]))}},"data-testid":"".concat(X,"_track"),className:po.mainBar,style:{background:"linear-gradient(90deg, ".concat(ho,")")},ref:Z,children:[Po&&T("div",{"data-testid":"".concat(X,"_addCircle"),className:po.addCircle,style:{left:ao-12},children:T(C,{fontSize:"small",className:po.addIcon})}),!!vo&&Y.map((function(o,s){var n,i=o.pos,c=o.color,t=o.id;return T(m,{disabled:q,axis:"x",bounds:{left:-12,right:vo-12,top:-50,bottom:40},onDrag:function(o,s){return Co(t,s.x+12,s.y,!1)},onStop:function(o,s){return Co(t,s.x+12,s.y,!0)},position:{x:vo*i/100-12,y:-4},children:T("div",{onClick:function(o){return function(o,s){o.stopPropagation(),q||ro||(eo(s),io(o.currentTarget))}(o,t)},"data-testid":"".concat(X,"_stop_").concat(s),className:e(po.circle,{highlight:ro===t}),style:{backgroundColor:c},children:T(v,{title:(n=i,F(n,{fromValue:jo,toValue:Io})),placement:"top",children:T("div",{style:{height:"100%"}})})})},t)}))]}),Boolean(no)&&S(b,{id:"colors-popper",open:Boolean(no),anchorEl:no,onClose:Oo,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:[T(y,{color:null!==(M=null==Fo?void 0:Fo.color)&&void 0!==M?M:"#000000",onChange:function(o){var s=o.hex;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{color:s}):o})))},onSizeChange:a,enableTransparencyPalette:!1}),T(A,{"data-testid":"".concat(X,"_stopDelete"),className:po.removeButton,onClick:yo,children:T(O,{className:po.deleteIcon})}),W&&T(g,{"data-testid":"".concat(X,"_moveInput"),type:"number",variant:"outlined",value:No,classes:{root:po.posTextfield},InputProps:{inputProps:{min:jo,max:Io,step:ko,maxLength:10},classes:{root:po.posOutlinedRoot,input:po.posOutlinedInput}},autoFocus:!0,onFocus:function(o){return o.target.select()},onChange:function(o){if(""===o.target.value){var s=o.target;setTimeout((function(){return null==s?void 0:s.select()}))}var n=d(Number(o.target.value),jo,Io);n||o.target.select();var i=(n-jo)/fo*100;$(Y.map((function(o){return o.id===ro?w(w({},o),{},{pos:i}):o})))},onKeyDown:function(o){return"Enter"===o.key&&Oo()}})]})]})})),B=function(o){return T(z,w({},o))};export{B as GradientPicker};
 //# sourceMappingURL=GradientPicker.js.map

package/components/GradientPicker/GradientPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GradientPicker.js","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","Typography","concat","indicator","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","GradientPicker","props"],"mappings":"kyKAoBA,IAKMA,EAA0BC,KAC9B,SAYoCC,GAAA,IAAAC,EAXlCC,IAAAA,KAAIC,EAAAH,EACJI,KAAAA,aAAO,EAACD,EAAAE,EAAAL,EACRM,GAAAA,aAAK,IAAGD,EACRE,IAAAA,KACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,MACAC,IAAAA,mBACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAd,EACP,eAAee,aAAY,iBAAgBD,EAErCE,EAAWC,EAAuB,MAEdC,EAAAA,EAAmD,IAAGC,EAAAC,EAAAC,EAAA,GAAzEC,EAAKH,EAAA,GAAEI,EAAQJ,EAAA,GAEwBD,GAAAA,EAA6B,MAAKM,GAAAJ,EAAAK,GAAA,GAAzEC,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GACFN,GAAAA,EAAwB,MAAKU,GAAAR,EAAAS,GAAA,GAA9DC,GAAYF,GAAA,GAAEG,GAAeH,GAAA,GACIV,GAAAA,EAAwB,MAAKc,GAAAZ,EAAAa,GAAA,GAA9DC,GAAYF,GAAA,GAAEG,GAAeH,GAAA,GAE9BI,GAAUC,EAAU,CAAEzB,SAAAA,IAEtB0B,GAAYC,OAAOC,SAASpC,GAAQmC,OAAOnC,GAAQ,EACnDqC,GAAUF,OAAOC,SAASlC,GAAMiC,OAAOjC,GAAM,IAC7CoC,GAAQD,GAAUH,GAExBK,GAAU,YAENnC,EAAcoC,UAAWtB,aAAK,EAALA,EAAOsB,SAChCpC,EAAcqC,MACZ,SAACC,EAAMC,GAAK,OAAKD,EAAKE,QAAU1B,EAAMyB,GAAOC,OAASF,EAAKG,MAAQ3B,EAAMyB,GAAOE,SAIlF1B,EAASf,EAAc0C,KAAI,SAAAJ,GAAI,OAAAK,EAAAA,EAAA,CAAA,EAAUL,GAAI,CAAA,EAAA,CAAEM,GAAIC,KAAW,IAElE,GAAG,CAAC7C,IAEJ,IAAM8C,GAAWC,GAAQ,WAAA,OAAMC,EAAkBlC,KAAQ,CAACA,IACpDmC,GAAiBF,GACrB,WAAA,IAAAG,EAAA,OAAsB,QAAtBA,EAAM1C,EAAS2C,eAAO,IAAAD,OAAA,EAAhBA,EAAkBE,WAAW,GACnC,CAAC1D,aAAAA,EAAAA,EAAM2D,MAAO7C,EAAS2C,UAGnBG,GAAa,SAACxC,GAClB,IAAMyC,EAASC,EAAO1C,EAAO,OAC7BC,EAASwC,GACLtD,GACFA,EAASsD,EAAOb,KAAI,SAAAJ,GAAI,OAAImB,EAAKnB,EAAM,KAAK,MAI1CoB,GAAsD,SAAAC,GAC1D,GAAIA,EAAIC,SAAWD,EAAIE,cAAvB,CAIA,IAAMC,EAAOH,EAAIE,cAAcE,wBACzBC,EAAIL,EAAIM,QAAUH,EAAKI,KAC7BvC,GAAgBI,OAAOC,SAASgC,GAAKA,EAAI,KAHzC,MAFErC,GAAgB,OAcdwC,GAAiBC,GACrB,SAACxB,EAAYyB,EAAcC,GAAoC,IAAtBC,0DACvC,IAAIrD,IAAoB+B,GAAxB,CAGA,IAAMR,EAAO4B,EAAOpB,GAAkB,IAChCX,EAAOkC,EAAK1D,EAAO,CAAE8B,GAAAA,IAC3B,GAAI0B,GAjFc,IAiFeA,IAlFlB,GAmFbG,UAIF,GAAKnC,EAAL,CAIA,IAAMoC,SAAmBpC,GAAI,GAAA,CAAEG,IAAAA,IAEzBkC,EAAWnB,cAAWoB,EAAO9D,EAAO,CAAE8B,GAAAA,KAAK,CAAkB8B,IAAc,OAEjF,GAAIH,EAGF,OAFAjB,GAAWqB,QACXpD,GAAgB,MAIlBR,EAAS4D,GACJE,IACHtD,GAAgBqB,EAdlB,CAVA,CA0BD,GACD,GA6BIkC,GAAyB,WAC7BxB,GAAWxC,GACXS,GAAgB,MAChBJ,GAAmB,OAuBfsD,GAAmB,WACnB3D,EAAMsB,OAAS,IACjBkB,GAAWsB,EAAO9D,EAAO,CAAE8B,GAAItB,MAC/BH,GAAmB,MACnBI,GAAgB,QAQdwD,IAAoB7D,IAAmBa,OAAOC,SAASN,MAAkBtB,EAUzEyE,GAAavD,GAAekD,EAAK1D,EAAO,CAAE8B,GAAItB,UAAkB0D,EAChEC,GAAWC,EAAahD,IAExBiD,GAXwB,SAACN,GAC7B,IAAKA,EACH,OAAO,KAET,IAAMO,EAAYtD,IAAa+C,aAAU,EAAVA,EAAYpC,KAAM,IAAOP,GACxD,OAAOmD,EAAYD,EAAWH,GAAW,KAMfK,CAAsBT,IAElD,OACEU,EAAA,MAAA,CAAKC,UAAW5D,GAAQ6D,KAAMvF,MAAOA,EAAMwF,SACxC,EAACrF,GACAkF,EAAA,MAAA,CAAKC,UAAW5D,GAAQ+D,mBAAmBD,SACzC,CAAAE,EAAA,MAAA,CAAAF,SACEH,EAACM,EAAU,CAAC,cAAA,GAAAC,OAAgBvF,EAAiB,SAACiF,UAAW5D,GAAQmE,UAAUL,SACxE5D,CAAAA,OAAY/B,OAGjB6F,EAAA,MAAA,CAAAF,SACEH,EAACM,EAAU,CAAC,cAAA,GAAAC,OAAgBvF,EAAe,OAACiF,UAAW5D,GAAQmE,UAAUL,SACtEzD,CAAAA,OAAUlC,UAMnBwF,EAAA,MAAA,CACES,aAActC,GACduC,YAAavC,GACbwC,aAAc,WAAA,OAAMvE,GAAgB,KAAM,EAC1CwE,QApG+C,SAAAC,GACnD,IAAIhG,GAA6B,OAAjBsB,IAA0BuB,GAA1C,CAGA,IAAMR,EAAOf,GAAeuB,GAAkB,IACxCH,EAAWuD,EACfvF,EAAM4B,KAAI,SAAA4D,GAAI,MAAK,CACjB9D,MAAO8D,EAAK9D,MACZC,IAAK6D,EAAK7D,IAAM,IAChB,KAGED,EAAK,IAAAsD,OAAOhD,EAASyD,MAAM9D,EAAM,KAAK+D,SACtCC,EAAU,CAAE7D,GAAIC,IAAUJ,IAAAA,EAAKD,MAAAA,GACrCc,GAAexC,GAAAA,OAAAA,EAAAA,GAAO2F,CAAAA,IAXtB,GAkGI,cAAA,GAAAX,OAAgBvF,EAAkB,UAClCiF,UAAW5D,GAAQ8E,QACnBxG,MAAO,CAAEyG,4CAAsC7D,GAAQ,MACvD8D,IAAKpG,EAASkF,SAAA,CAEbX,IACCa,EAAA,MAAA,CACE,cAAA,GAAAE,OAAgBvF,EAAsB,cACtCiF,UAAW5D,GAAQiF,UACnB3G,MAAO,CAAEgE,KAAMxC,GAzNP,IAyNuCgE,SAE/CE,EAACkB,EAAG,CAACC,SAAS,QAAQvB,UAAW5D,GAAQoF,cAI1C/D,IACDnC,EAAM4B,KAAI,SAAAuE,EAAqB1E,GAAK,IAzDf2E,EAyDRzE,IAAAA,IAAKD,IAAAA,MAAOI,IAAAA,GAAE,OAEzBgD,EAACuB,EAAS,CACRC,SAAUhH,EAEViH,KAAK,IACLC,OAAQ,CACNpD,MAvOI,GAwOJqD,MAAOtE,GAxOH,GAyOJuE,KA3OK,GA4OLC,OA3OQ,IA6OVC,OAAQ,SAACC,EAAIC,GAAQ,OACnBzD,GAAevB,EAAIgF,EAAS5D,EA7OxB,GA6O2C4D,EAASC,GAAG,EAC5D,EACDC,OAAQ,SAACH,EAAIC,GAAQ,OACnBzD,GAAevB,EAAIgF,EAAS5D,EAhPxB,GAgP2C4D,EAASC,GAAG,EAC5D,EACDX,SAAU,CACRlD,EAAIf,GAAiBR,EAAO,IAnPxB,GAoPJoF,GAnPI,GAoPJnC,SAEFE,EAAA,MAAA,CACEO,QAAS,SAAA4B,GAAC,OA5HM,SAACpE,EAAuBf,GACpDe,EAAIqE,kBACA5H,GAAYkB,KAGhBC,GAAgBqB,GAChBzB,GAAmBwC,EAAIE,gBAsHGoE,CAAsBF,EAAGnF,EAAI,EAC3C,cAAgBrC,GAAAA,OAAAA,EAAkBgC,UAAAA,OAAAA,GAClCiD,UAAW0C,EAAWtG,GAAQuG,OAAQ,CACpCC,UAAW9G,KAAiBsB,IAE9B1C,MAAO,CAAEmI,gBAAiB7F,GAAQkD,SAElCE,EAAC0C,EAAO,CAACC,OAxFMrB,EAwFqBzE,EAvFzC+F,EAAYtB,EAAU,CAAEpF,UAAAA,GAAWG,QAAAA,MAuFYwG,UAAU,MAAK/C,SACvDE,EAAA,MAAA,CAAK1F,MAAO,CAAEwI,OAAQ,eA5BrB9F,EA+BK,OAIjB+F,QAAQzH,KACPqE,EAACqD,EAAO,CACNhG,GAAG,gBACHiG,KAAMF,QAAQzH,IACd4H,SAAU5H,GACV6H,QAASjE,GACTkE,aAAc,CACZC,SAAU,SACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZxD,SAAA,CAEFE,EAACwD,EAAmB,CAClB5G,MAAwB,QAAnB/C,EAAEoF,gBAAAA,GAAYrC,aAAK,IAAA/C,EAAAA,EAAI,UAC5BQ,SA9HgB,SAACoJ,GACzB,IAAM7G,EAAQ6G,EAASC,IACvBvI,EAASD,EAAM4B,KAAI,SAAAJ,GAAI,OAAKA,EAAKM,KAAOtB,UAAoBgB,GAAI,GAAA,CAAEE,MAAAA,IAAUF,CAAK,MA6HzEiH,aAAcC,EACdC,2BAA2B,IAE7B7D,EAAC8D,EAAU,CACT,cAAA,GAAA5D,OAAgBvF,EAAuB,eACvCiF,UAAW5D,GAAQ+H,aACnBxD,QAAS1B,GAAiBiB,SAE1BE,EAACgE,EAAc,CAACpE,UAAW5D,GAAQiI,eAEpC1J,GACCyF,EAACkE,EAAS,CACR,cAAA,GAAAhE,OAAgBvF,EAAsB,cACtCwJ,KAAK,SACLC,QAAQ,WACRC,MAAO9E,GACPvD,QAAS,CAAE6D,KAAM7D,GAAQsI,cACzBC,WAAY,CACVC,WAAY,CACVC,IAAKvI,GACLwI,IAAKrI,GACLsI,KAAMtF,GACNuF,UAAW,IAEb5I,QAAS,CACP6D,KAAM7D,GAAQ6I,gBACdC,MAAO9I,GAAQ+I,mBAGnBC,WAAS,EACTC,QAAS,SAAAlH,GAAG,OAAIA,EAAIC,OAAOkH,QAAS,EACpC7K,SA7KwB,SAAC0D,GAGnC,GAAyB,KAArBA,EAAIC,OAAOqG,MAAc,CAC3B,IAAMc,EAAepH,EAAIC,OACzBoH,YAAW,WAAA,OAAMD,eAAAA,EAAcD,WACjC,CACA,IAAMG,EAAYC,EAAMnJ,OAAO4B,EAAIC,OAAOqG,OAAQnI,GAAWG,IACxDgJ,GACHtH,EAAIC,OAAOkH,SAEb,IAAMrI,GAAQwI,EAAYnJ,IAAaI,GAAS,IAChDnB,EAASD,EAAM4B,KAAI,SAAAJ,GAAI,OAAKA,EAAKM,KAAOtB,UAAoBgB,GAAI,GAAA,CAAEG,IAAAA,IAAQH,CAAK,MAkKrE6I,UAAW,SAAAxH,GAAG,MAAgB,UAAZA,EAAIyH,KAAmBtG,IAAwB,SAO/E,IAIWuG,EAAiB,SAACC,GAAiD,OAC9E1F,EAACtG,EAA4BgM,EAAAA,CAAAA,EAAAA,GAAS"}
1	+ {"version":3,"file":"GradientPicker.js","sources":["../../../src/components/GradientPicker/GradientPicker.tsx"],"sourcesContent":["import React, { MouseEventHandler, useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\nimport { clamp, find, noop, omit, reject, sortBy } from 'lodash';\nimport tinygradient from 'tinygradient';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Popover, TextField, Tooltip, Typography } from '@material-ui/core';\nimport { Add } from '@material-ui/icons';\n\nimport { DeleteFourIcon } from '~/icons';\n\nimport { GradientFillStop } from '~/types';\nimport PaletteChromePicker from '../ColorPicker/PaletteChromePicker';\nimport { calcGradientStyle, getRangeStep, getStopText, roundToStep } from './GradientPicker.utils';\nimport { GradientPickerComponentProps } from './GradientPickerProps';\nimport { useThrottledCallback } from '../shared/useThrottledCallback';\nimport IconButton from '../IconButton';\nimport { useStyles } from './GradientPicker.styles';\nimport { withSize } from 'react-sizeme';\n\nconst DRAG_TOP_LIMIT = -50;\nconst DRAG_BOTTOM_LIMIT = 40;\nconst DRAG_OFFSET_X = 12;\nconst DRAG_OFFSET_Y = -4;\n\nconst GradientPickerComponent = withSize()(\n ({\n size,\n from = 0,\n to = 100,\n unit,\n gradientStops,\n onChange,\n style,\n isMoveInputVisible,\n readonly,\n noScale,\n 'data-testid': PAGE_NAME = 'GradientPicker',\n }: GradientPickerComponentProps) => {\n const trackRef = useRef<HTMLDivElement>(null);\n\n const [stops, setStops] = useState<Array<GradientFillStop & { id: string }>>([]);\n\n const [paletteAnchorEl, setPaletteAnchorEl] = useState<HTMLElement \| null>(null);\n const [activeStopId, setActiveStopId] = useState<string \| null>(null);\n const [addCirclePos, setAddCirclePos] = useState<number \| null>(null);\n\n const classes = useStyles({ readonly });\n\n const fromValue = Number.isFinite(from) ? Number(from) : 0;\n const toValue = Number.isFinite(to) ? Number(to) : 100;\n const range = toValue - fromValue;\n\n useEffect(() => {\n const changed =\n gradientStops.length !== stops?.length \|\|\n gradientStops.some(\n (stop, index) => stop.color !== stops[index].color \|\| stop.pos !== stops[index].pos\n );\n\n if (changed) {\n setStops(gradientStops.map(stop => ({ ...stop, id: uuidv4() })));\n }\n }, [gradientStops]);\n\n const gradient = useMemo(() => calcGradientStyle(stops), [stops]);\n const containerWidth = useMemo(\n () => trackRef.current?.clientWidth,\n [size?.width, trackRef.current]\n );\n\n const emitChange = (stops: Array<GradientFillStop & { id: string }>) => {\n const sorted = sortBy(stops, 'pos');\n setStops(sorted);\n if (onChange) {\n onChange(sorted.map(stop => omit(stop, 'id')));\n }\n };\n\n const handleTrackHover: MouseEventHandler<HTMLDivElement> = evt => {\n if (evt.target !== evt.currentTarget) {\n setAddCirclePos(null);\n return;\n }\n const rect = evt.currentTarget.getBoundingClientRect();\n const x = evt.clientX - rect.left;\n setAddCirclePos(Number.isFinite(x) ? x : null);\n };\n\n /*\n When a user clicks a stop the \"startDrag\" and \"click\" events are fired simultaneously.\n * So useThrottledCallback (or any other scheduler, like setTimeout) solves\n * this conflict by waiting a tick and allowing the palette to open.\n * Then if it was a click and palette is open - do not initiate drag-n-drop.\n /\n const handleDragMove = useThrottledCallback(\n (id: string, xPos: number, yPos: number, isStopped = false) => {\n if (paletteAnchorEl \|\| !containerWidth) {\n return;\n }\n const pos = (xPos / containerWidth) 100;\n const stop = find(stops, { id });\n if (yPos >= DRAG_BOTTOM_LIMIT \|\| yPos <= DRAG_TOP_LIMIT) {\n handleRemoveStop();\n return;\n }\n\n if (!stop) {\n return;\n }\n\n const currentStop = { ...stop, pos };\n\n const newStops = sortBy([...reject(stops, { id }) as typeof stops, currentStop], 'pos');\n\n if (isStopped) {\n emitChange(newStops);\n setActiveStopId(null);\n return;\n }\n\n setStops(newStops);\n if (!activeStop) {\n setActiveStopId(id);\n }\n },\n 0\n );\n\n const handleAdd: MouseEventHandler<HTMLDivElement> = _evt => {\n if (readonly \|\| addCirclePos === null \|\| !containerWidth) {\n return;\n }\n const pos = (addCirclePos / containerWidth) * 100;\n const gradient = tinygradient(\n stops.map(item => ({\n color: item.color,\n pos: item.pos / 100,\n }))\n );\n\n const color = `#${gradient.rgbAt(pos / 100).toHex()}`;\n const newStop = { id: uuidv4(), pos, color };\n emitChange([...stops, newStop]);\n };\n\n const handleColorPickerOpen = (evt: React.MouseEvent, id: string) => {\n evt.stopPropagation();\n if (readonly \|\| activeStopId) {\n return;\n }\n setActiveStopId(id);\n setPaletteAnchorEl(evt.currentTarget as HTMLElement);\n };\n\n const handleColorPickerClose = () => {\n emitChange(stops);\n setActiveStopId(null);\n setPaletteAnchorEl(null);\n };\n\n const handleStopPositionTextInput = (evt: React.ChangeEvent<HTMLInputElement>) => {\n // give React a moment to update state and draw input with a zero and select the zero\n // to allow user type a new value\n if (evt.target.value === '') {\n const inputElement = evt.target;\n setTimeout(() => inputElement?.select());\n }\n const posScaled = clamp(Number(evt.target.value), fromValue, toValue);\n if (!posScaled) {\n evt.target.select();\n }\n const pos = ((posScaled - fromValue) / range) * 100;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, pos } : stop)));\n };\n\n const handleColorChange = (newColor: { hex: string }) => {\n const color = newColor.hex;\n setStops(stops.map(stop => (stop.id === activeStopId ? { ...stop, color } : stop)));\n };\n\n const handleRemoveStop = () => {\n if (stops.length > 2) {\n emitChange(reject(stops, { id: activeStopId }) as typeof stops);\n setPaletteAnchorEl(null);\n setActiveStopId(null);\n }\n };\n\n const getStopTooltipValue = (position: number) => {\n return getStopText(position, { fromValue, toValue });\n };\n\n const addCircleVisible = !paletteAnchorEl && Number.isFinite(addCirclePos) && !readonly;\n\n const getStopScaledPosition = (activeStop: (GradientFillStop & { id: string }) \| undefined) => {\n if (!activeStop) {\n return null;\n }\n const stopValue = fromValue + (activeStop?.pos / 100) * range;\n return roundToStep(stopValue, stopStep / 100);\n };\n\n const activeStop = activeStopId ? find(stops, { id: activeStopId }) : undefined;\n const stopStep = getRangeStep(range);\n\n const activeStopScaledPos = getStopScaledPosition(activeStop);\n\n return (\n <div className={classes.root} style={style}>\n {!noScale && (\n <div className={classes.indicatorContainer}>\n <div>\n <Typography data-testid={`${PAGE_NAME}_from`} className={classes.indicator}>\n {fromValue} {unit}\n </Typography>\n </div>\n <div>\n <Typography data-testid={`${PAGE_NAME}_to`} className={classes.indicator}>\n {toValue} {unit}\n </Typography>\n </div>\n </div>\n )}\n\n <div\n onMouseEnter={handleTrackHover}\n onMouseMove={handleTrackHover}\n onMouseLeave={() => setAddCirclePos(null)}\n onClick={handleAdd}\n data-testid={`${PAGE_NAME}_track`}\n className={classes.mainBar}\n style={{ background: `linear-gradient(90deg, ${gradient})` }}\n ref={trackRef}\n >\n {addCircleVisible && (\n <div\n data-testid={`${PAGE_NAME}_addCircle`}\n className={classes.addCircle}\n style={{ left: addCirclePos! - DRAG_OFFSET_X }}\n >\n <Add fontSize=\"small\" className={classes.addIcon} />\n </div>\n )}\n\n {!!containerWidth &&\n stops.map(({ pos, color, id }, index) => (\n // @ts-ignore Draggable propTypes issues\n <Draggable\n disabled={readonly}\n key={id}\n axis=\"x\"\n bounds={{\n left: -DRAG_OFFSET_X,\n right: containerWidth - DRAG_OFFSET_X,\n top: DRAG_TOP_LIMIT,\n bottom: DRAG_BOTTOM_LIMIT,\n }}\n onDrag={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, false)\n }\n onStop={(_e, dragData) =>\n handleDragMove(id, dragData.x + DRAG_OFFSET_X, dragData.y, true)\n }\n position={{\n x: (containerWidth * pos) / 100 - DRAG_OFFSET_X,\n y: DRAG_OFFSET_Y,\n }}\n >\n <div\n onClick={e => handleColorPickerOpen(e, id)}\n data-testid={`${PAGE_NAME}_stop_${index}`}\n className={classNames(classes.circle, {\n highlight: activeStopId === id,\n })}\n style={{ backgroundColor: color }}\n >\n <Tooltip title={getStopTooltipValue(pos)} placement=\"top\">\n <div style={{ height: '100%' }} />\n </Tooltip>\n </div>\n </Draggable>\n ))}\n </div>\n\n {Boolean(paletteAnchorEl) && (\n <Popover\n id=\"colors-popper\"\n open={Boolean(paletteAnchorEl)}\n anchorEl={paletteAnchorEl}\n onClose={handleColorPickerClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'left',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'left',\n }}\n >\n <PaletteChromePicker\n color={activeStop?.color ?? '#000000'}\n onChange={handleColorChange}\n onSizeChange={noop}\n enableTransparencyPalette={false}\n />\n <IconButton\n data-testid={`${PAGE_NAME}_stopDelete`}\n className={classes.removeButton}\n onClick={handleRemoveStop}\n >\n <DeleteFourIcon className={classes.deleteIcon} />\n </IconButton>\n {isMoveInputVisible && (\n <TextField\n data-testid={`${PAGE_NAME}_moveInput`}\n type=\"number\"\n variant=\"outlined\"\n value={activeStopScaledPos}\n classes={{ root: classes.posTextfield }}\n InputProps={{\n inputProps: {\n min: fromValue,\n max: toValue,\n step: stopStep,\n maxLength: 10,\n },\n classes: {\n root: classes.posOutlinedRoot,\n input: classes.posOutlinedInput,\n },\n }}\n autoFocus\n onFocus={evt => evt.target.select()}\n onChange={handleStopPositionTextInput}\n onKeyDown={evt => evt.key === 'Enter' && handleColorPickerClose()}\n />\n )}\n </Popover>\n )}\n </div>\n );\n }\n);\n\n// \"Hiding\" react-sizeme so Storybook can get the props type\nexport const GradientPicker = (props: Omit<GradientPickerComponentProps, 'size'>) => (\n <GradientPickerComponent {...props} />\n);\n"],"names":["GradientPickerComponent","withSize","_ref","_activeStop$color","size","_ref$from","from","_ref$to","to","unit","gradientStops","onChange","style","isMoveInputVisible","readonly","noScale","_ref$dataTestid","PAGE_NAME","trackRef","useRef","useState","_useState2","_slicedToArray","_useState","stops","setStops","_useState4","_useState3","paletteAnchorEl","setPaletteAnchorEl","_useState6","_useState5","activeStopId","setActiveStopId","_useState8","_useState7","addCirclePos","setAddCirclePos","classes","useStyles","fromValue","Number","isFinite","toValue","range","useEffect","length","some","stop","index","color","pos","map","_objectSpread","id","uuidv4","gradient","useMemo","calcGradientStyle","containerWidth","_trackRef$current","current","clientWidth","width","emitChange","sorted","sortBy","omit","handleTrackHover","evt","target","currentTarget","rect","getBoundingClientRect","x","clientX","left","handleDragMove","useThrottledCallback","xPos","yPos","isStopped","find","handleRemoveStop","currentStop","newStops","reject","activeStop","handleColorPickerClose","addCircleVisible","undefined","stopStep","getRangeStep","activeStopScaledPos","stopValue","roundToStep","getStopScaledPosition","_jsxs","className","root","children","indicatorContainer","_jsx","Typography","concat","indicator","onMouseEnter","onMouseMove","onMouseLeave","onClick","_evt","tinygradient","item","rgbAt","toHex","newStop","mainBar","background","ref","addCircle","Add","fontSize","addIcon","_ref2","position","Draggable","disabled","axis","bounds","right","top","bottom","onDrag","_e","dragData","y","onStop","e","stopPropagation","handleColorPickerOpen","classNames","circle","highlight","backgroundColor","Tooltip","title","getStopText","placement","height","Boolean","Popover","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","PaletteChromePicker","newColor","hex","onSizeChange","noop","enableTransparencyPalette","IconButton","removeButton","DeleteFourIcon","deleteIcon","TextField","type","variant","value","posTextfield","InputProps","inputProps","min","max","step","maxLength","posOutlinedRoot","input","posOutlinedInput","autoFocus","onFocus","select","inputElement","setTimeout","posScaled","clamp","onKeyDown","key","GradientPicker","props"],"mappings":"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"}

package/components/HelpCenter/HelpCenterIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,e=o.helpContentUpdatedAt,p=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],u=e&&(!p||s(p).isBefore(e));return t(u?m:c,{})}export{r as HelpCenterIcon};
+import{createSvgIcon as o}from"@material-ui/core";import s from"moment";import{HelpIcon as c}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{getLocalStorageItem as i}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var m=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,e=o.helpContentUpdatedAt,p=null===(n=i("helpCenter"))||void 0===n?void 0:n[r],u=e&&(!p||s(p).isBefore(e));return t(u?m:c,{})}export{r as HelpCenterIcon};
 //# sourceMappingURL=HelpCenterIcon.js.map

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

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

package/components/Hint/Hint.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as c,useEffect as n,Children as i,isValidElement as t,cloneElement as m}from"react";import r from"classnames";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as u,Fragment as l,jsx as a}from"react/jsx-runtime";import{Regular14 as j}from"../Typography.js";import{Popper as I}from"../Popper/Popper.js";import d from"../IconButton/index.js";import{useStyles as h}from"./styles.js";var C=function(C){var f=h(),b=s(),F=c(),v=o(F,2),O=v[0],P=v[1],x=c(),A=o(x,2),B=A[0],g=A[1];if(n((function(){setTimeout((function(){return g(C.open?C.anchorEl||b.current:void 0)}),100)})),!C.anchorEl&&i.count(C.children)>1)throw new Error("Hint expects a single reffable element as a child");var k=C.anchorEl?C.children:i.map(C.children,(function(o){return t(o)?m(o,{ref:b}):o}));return u(l,{children:[k,u(I,{className:r(f.popper,C.className),transition:!0,open:!!B,anchorEl:B,placement:C.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!O,element:O}},children:[a("div",{ref:P,className:f.arrow}),u("div",{className:f.tooltip,children:[C.title&&a("span",{className:r(f.title,C.onClose&&f.hasClose),children:C.title}),C.onClose&&a(d,{onClick:C.onClose,className:f.close,size:"small",children:a(p,{})}),C.content&&a(j,{className:f.content,children:C.content}),C.onConfirm&&a(e,{color:"inherit",className:f.button,onClick:C.onConfirm,children:C.confirmText||"Got It"})]})]})]})};export{C as Hint};
+import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as c,useEffect as n,Children as i,isValidElement as t,cloneElement as m}from"react";import r from"classnames";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseIcon as p}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as u,Fragment as l,jsx as a}from"react/jsx-runtime";import{Regular14 as j}from"../Typography.js";import{Popper as I}from"../Popper/Popper.js";import d from"../IconButton/index.js";import{useStyles as h}from"./styles.js";var C=function(C){var f=h(),b=s(),F=c(),v=o(F,2),O=v[0],P=v[1],x=c(),A=o(x,2),B=A[0],g=A[1];if(n((function(){setTimeout((function(){return g(C.open?C.anchorEl||b.current:void 0)}),100)})),!C.anchorEl&&i.count(C.children)>1)throw new Error("Hint expects a single reffable element as a child");var k=C.anchorEl?C.children:i.map(C.children,(function(o){return t(o)?m(o,{ref:b}):o}));return u(l,{children:[k,u(I,{className:r(f.popper,C.className),transition:!0,open:!!B,anchorEl:B,placement:C.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!O,element:O}},children:[a("div",{ref:P,className:f.arrow}),u("div",{className:f.tooltip,children:[C.title&&a("span",{className:r(f.title,C.onClose&&f.hasClose),children:C.title}),C.onClose&&a(d,{onClick:C.onClose,className:f.close,size:"small",children:a(p,{})}),C.content&&a(j,{className:f.content,children:C.content}),C.onConfirm&&a(e,{color:"inherit",className:f.button,onClick:C.onConfirm,children:C.confirmText||"Got It"})]})]})]})};export{C as Hint};
 //# sourceMappingURL=Hint.js.map

package/components/Hint/Hint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hint.js","sources":["../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"~~g/IAsDaA~~,EAAO,SAACC,GACnB,IAAMC,EAASC,IAETC,EAAiBC,IACvBC,EAAgCC,IAAUC,EAAAC,EAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,IAAuBM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,GAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAASC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAASK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAeD,GACVE,EAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAC,EAAA,CAAAT,SACGE,CAAAA,EACDM,EAACE,EAAM,CACLC,UAAWC,EAAWlC,EAAOmC,OAAQpC,EAAMkC,WAC3CG,YAAU,EACVpB,OAAQJ,EACRK,SAAUL,EACVyB,UAAWtC,EAAMsC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWhC,EACXkC,QAASlC,IAEXc,SAEF,CAAAqB,EAAA,MAAA,CAAKd,IAAKpB,EAAoBwB,UAAWjC,EAAOyC,QAChDX,EAAA,MAAA,CAAKG,UAAWjC,EAAO4C,QAAQtB,SAC5BvB,CAAAA,EAAM8C,OACLF,EAAA,OAAA,CAAMV,UAAWC,EAAWlC,EAAO6C,MAAO9C,EAAM+C,SAAW9C,EAAO+C,UAAUzB,SACzEvB,EAAM8C,QAGV9C,EAAM+C,SACLH,EAACK,EAAU,CAACC,QAASlD,EAAM+C,QAASb,UAAWjC,EAAOkD,MAAOC,KAAK,QAAO7B,SACvEqB,EAACS,EAAS,MAGbrD,EAAMsD,SAAWV,EAACW,EAAS,CAACrB,UAAWjC,EAAOqD,QAAQ/B,SAAEvB,EAAMsD,UAC9DtD,EAAMwD,WACLZ,EAACa,EAAM,CAACC,MAAM,UAAUxB,UAAWjC,EAAO0D,OAAQT,QAASlD,EAAMwD,UAAUjC,SACxEvB,EAAM4D,aAAe,mBAOpC"}
1	+ {"version":3,"file":"Hint.js","sources":["../../../src/components/Hint/Hint.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n isValidElement,\n ReactElement,\n ReactNode,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { PopperProps } from '@material-ui/core';\n\nimport Button from '../Button';\nimport { Regular14 } from '../Typography';\nimport { Popper } from '../Popper';\nimport IconButton from '../IconButton';\n\nimport { useStyles } from './styles';\n\nimport { CloseIcon } from '~/icons';\n\ntype HintProps = {\n open: boolean;\n /*\n ⚠️ Has to be a <i>single</i> reffable child (use `forwardRef` for custom components)\n /\n children?: ReactElement;\n title?: ReactNode;\n content?: ReactNode;\n /\n @default Got It\n /\n confirmText?: ReactNode;\n /\n Action button is shown only if this prop is present\n /\n onConfirm?: () => void;\n /\n Check [Positioned Popper](https://v4.mui.com/components/popper/#positioned-popper) example for more info\n * @default bottom\n /\n placement?: PopperProps['placement'];\n /\n Allows anchoring to arbitrary element\n /\n anchorEl?: HTMLElement \| null;\n className?: string;\n /\n Close button is shown only when this prop is present\n */\n onClose?: () => void;\n};\n\nexport const Hint = (props: HintProps) => {\n const styles = useStyles();\n\n const childAnchorRef = useRef<HTMLElement>();\n const [arrowRef, setArrowRef] = useState();\n const [anchor, setAnchor] = useState<HTMLElement>();\n\n // This is needed for Popper to properly position itself on initial render\n useEffect(() => {\n setTimeout(\n () => setAnchor(props.open ? props.anchorEl \|\| childAnchorRef.current : undefined),\n 100\n );\n });\n\n if (!props.anchorEl && Children.count(props.children) > 1) {\n throw new Error('Hint expects a single reffable element as a child');\n }\n\n const childrenWithRef = props.anchorEl\n ? props.children\n : Children.map(props.children, child => {\n // Checking isValidElement is the safe way and avoids a typescript error too.\n if (isValidElement(child)) {\n return cloneElement(child, { ref: childAnchorRef } as any);\n }\n\n return child;\n });\n\n return (\n <>\n {childrenWithRef}\n <Popper\n className={classNames(styles.popper, props.className)}\n transition\n open={!!anchor}\n anchorEl={anchor as HTMLElement}\n placement={props.placement}\n modifiers={{\n flip: {\n enabled: true,\n },\n arrow: {\n enabled: !!arrowRef,\n element: arrowRef,\n },\n }}\n >\n <div ref={setArrowRef as any} className={styles.arrow} />\n <div className={styles.tooltip}>\n {props.title && (\n <span className={classNames(styles.title, props.onClose && styles.hasClose)}>\n {props.title}\n </span>\n )}\n {props.onClose && (\n <IconButton onClick={props.onClose} className={styles.close} size=\"small\">\n <CloseIcon />\n </IconButton>\n )}\n {props.content && <Regular14 className={styles.content}>{props.content}</Regular14>}\n {props.onConfirm && (\n <Button color=\"inherit\" className={styles.button} onClick={props.onConfirm}>\n {props.confirmText \|\| 'Got It'}\n </Button>\n )}\n </div>\n </Popper>\n </>\n );\n};\n"],"names":["Hint","props","styles","useStyles","childAnchorRef","useRef","_useState","useState","_useState2","_slicedToArray","arrowRef","setArrowRef","_useState3","_useState4","anchor","setAnchor","useEffect","setTimeout","open","anchorEl","current","undefined","Children","count","children","Error","childrenWithRef","map","child","isValidElement","cloneElement","ref","_jsxs","_Fragment","Popper","className","classNames","popper","transition","placement","modifiers","flip","enabled","arrow","element","_jsx","tooltip","title","onClose","hasClose","IconButton","onClick","close","size","CloseIcon","content","Regular14","onConfirm","Button","color","button","confirmText"],"mappings":"ulJAsDaA,EAAO,SAACC,GACnB,IAAMC,EAASC,IAETC,EAAiBC,IACvBC,EAAgCC,IAAUC,EAAAC,EAAAH,EAAA,GAAnCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAA4BL,IAAuBM,EAAAJ,EAAAG,EAAA,GAA5CE,EAAMD,EAAA,GAAEE,EAASF,EAAA,GAUxB,GAPAG,GAAU,WACRC,YACE,WAAA,OAAMF,EAAUd,EAAMiB,KAAOjB,EAAMkB,UAAYf,EAAegB,aAAUC,EAAU,GAClF,IAEJ,KAEKpB,EAAMkB,UAAYG,EAASC,MAAMtB,EAAMuB,UAAY,EACtD,MAAM,IAAIC,MAAM,qDAGlB,IAAMC,EAAkBzB,EAAMkB,SAC1BlB,EAAMuB,SACNF,EAASK,IAAI1B,EAAMuB,UAAU,SAAAI,GAE3B,OAAIC,EAAeD,GACVE,EAAaF,EAAO,CAAEG,IAAK3B,IAG7BwB,CACT,IAEJ,OACEI,EAAAC,EAAA,CAAAT,SACGE,CAAAA,EACDM,EAACE,EAAM,CACLC,UAAWC,EAAWlC,EAAOmC,OAAQpC,EAAMkC,WAC3CG,YAAU,EACVpB,OAAQJ,EACRK,SAAUL,EACVyB,UAAWtC,EAAMsC,UACjBC,UAAW,CACTC,KAAM,CACJC,SAAS,GAEXC,MAAO,CACLD,UAAWhC,EACXkC,QAASlC,IAEXc,SAEF,CAAAqB,EAAA,MAAA,CAAKd,IAAKpB,EAAoBwB,UAAWjC,EAAOyC,QAChDX,EAAA,MAAA,CAAKG,UAAWjC,EAAO4C,QAAQtB,SAC5BvB,CAAAA,EAAM8C,OACLF,EAAA,OAAA,CAAMV,UAAWC,EAAWlC,EAAO6C,MAAO9C,EAAM+C,SAAW9C,EAAO+C,UAAUzB,SACzEvB,EAAM8C,QAGV9C,EAAM+C,SACLH,EAACK,EAAU,CAACC,QAASlD,EAAM+C,QAASb,UAAWjC,EAAOkD,MAAOC,KAAK,QAAO7B,SACvEqB,EAACS,EAAS,MAGbrD,EAAMsD,SAAWV,EAACW,EAAS,CAACrB,UAAWjC,EAAOqD,QAAQ/B,SAAEvB,EAAMsD,UAC9DtD,EAAMwD,WACLZ,EAACa,EAAM,CAACC,MAAM,UAAUxB,UAAWjC,EAAO0D,OAAQT,QAASlD,EAAMwD,UAAUjC,SACxEvB,EAAM4D,aAAe,mBAOpC"}

package/components/Modal/CorvaModal.js CHANGED Viewed

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

package/components/Modal/CorvaModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"~~y/KAYA~~,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}
1	+ {"version":3,"file":"CorvaModal.js","sources":["../../../src/components/Modal/CorvaModal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Modal as MUIModal } from '@material-ui/core';\n\nimport styles from './CorvaModal.scss';\n\nimport { CloseSmallIcon } from '~/icons';\nimport { isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ModalProps } from '~/components/Modal/types';\nimport IconButton from '~/components/IconButton';\nimport { CLASSNAMES } from '~/constants';\n\nconst DEFAULT_TITLES = {\n filters: 'Filters',\n settings: 'Settings',\n};\n\nexport function CorvaModal({\n actions,\n actionsClassName,\n children,\n contentClassName,\n contentContainerClassName,\n isCloseIconHidden = false,\n isMobile = isMobileDetected,\n isNative = isNativeDetected,\n modalTitleClassName,\n closeIconClassName,\n onClose = noop,\n open,\n rootClassName,\n size,\n stickyFooterClassName,\n title,\n type,\n contentRef,\n 'data-testid': PAGE_NAME = 'CorvaModal',\n ...otherProps\n}: ModalProps): JSX.Element {\n const isMobileOrNative = isNative \|\| isMobile;\n const modalTitle = title \|\| (type ? DEFAULT_TITLES[type] : undefined);\n\n return (\n <MUIModal\n open={open ?? false}\n onClose={onClose}\n className={classNames(\n !isMobileOrNative && 'c-modal',\n styles.modalWrapper,\n rootClassName,\n CLASSNAMES.modal\n )}\n {...otherProps}\n >\n <div\n className={classNames(\n styles.modalContainer,\n isMobileOrNative && styles.modalContainerMobile,\n size && styles[size],\n contentContainerClassName\n )}\n >\n {modalTitle && (\n <div\n className={classNames(\n styles.title,\n isMobileOrNative && styles.titleMobile,\n modalTitleClassName\n )}\n >\n <div className={classNames(styles.titleText)}>{modalTitle}</div>\n {(!isCloseIconHidden \|\| type) && (\n <IconButton\n className={closeIconClassName}\n tooltipProps={{ title: 'Close' }}\n onClick={onClose}\n data-testid={`${PAGE_NAME}_closeButton`}\n >\n <CloseSmallIcon size={24} />\n </IconButton>\n )}\n </div>\n )}\n\n {children && (\n <div\n ref={contentRef}\n className={classNames(\n styles.modalContent,\n isMobileOrNative && styles.modalContentMobile,\n contentClassName\n )}\n >\n {children}\n </div>\n )}\n\n {actions && (\n <div\n className={classNames(\n styles.modalActions,\n isMobileOrNative && styles.modalActionsMobile,\n stickyFooterClassName,\n actionsClassName\n )}\n >\n {actions}\n </div>\n )}\n </div>\n </MUIModal>\n );\n}\n"],"names":["DEFAULT_TITLES","filters","settings","CorvaModal","_ref","actions","actionsClassName","children","contentClassName","contentContainerClassName","_ref$isCloseIconHidde","isCloseIconHidden","_ref$isMobile","isMobile","isMobileDetected","_ref$isNative","isNative","isNativeDetected","modalTitleClassName","closeIconClassName","_ref$onClose","onClose","noop","open","rootClassName","size","stickyFooterClassName","title","type","contentRef","_ref$dataTestid","PAGE_NAME","otherProps","_objectWithoutProperties","_excluded","isMobileOrNative","modalTitle","undefined","_jsx","MUIModal","_objectSpread","className","classNames","styles","modalWrapper","CLASSNAMES","modal","_jsxs","modalContainer","modalContainerMobile","titleMobile","titleText","IconButton","tooltipProps","onClick","concat","CloseSmallIcon","ref","modalContent","modalContentMobile","modalActions","modalActionsMobile"],"mappings":"gmLAYA,IAAMA,EAAiB,CACrBC,QAAS,UACTC,SAAU,YAGL,SAASC,EAqBYC,GAAA,IApB1BC,IAAAA,QACAC,IAAAA,iBACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,0BAAyBC,EAAAN,EACzBO,kBAAAA,cAAyBD,EAAAE,EAAAR,EACzBS,SAAAA,aAAWC,EAAgBF,EAAAG,EAAAX,EAC3BY,SAAAA,aAAWC,EAAgBF,EAC3BG,IAAAA,oBACAC,IAAAA,mBAAkBC,EAAAhB,EAClBiB,QAAAA,aAAUC,EAAIF,EACdG,IAAAA,KACAC,IAAAA,cACAC,IAAAA,KACAC,IAAAA,sBACAC,IAAAA,MACAC,IAAAA,KACAC,IAAAA,WAAUC,EAAA1B,EACV,eAAe2B,aAAY,aAAYD,EACpCE,EAAUC,EAAA7B,EAAA8B,GAEPC,EAAmBnB,GAAYH,EAC/BuB,EAAaT,IAAUC,EAAO5B,EAAe4B,QAAQS,GAE3D,OACEC,EAACC,EAAQC,EAAAA,EAAA,CACPjB,KAAMA,SAAAA,EACNF,QAASA,EACToB,UAAWC,GACRP,GAAoB,UACrBQ,EAAOC,aACPpB,EACAqB,EAAWC,QAETd,GAAU,GAAA,CAAAzB,SAEdwC,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOK,eACPb,GAAoBQ,EAAOM,qBAC3BxB,GAAQkB,EAAOlB,GACfhB,GACAF,SAAA,CAED6B,GACCW,EAAA,MAAA,CACEN,UAAWC,EACTC,EAAOhB,MACPQ,GAAoBQ,EAAOO,YAC3BhC,GACAX,SAEF,CAAA+B,EAAA,MAAA,CAAKG,UAAWC,EAAWC,EAAOQ,WAAW5C,SAAE6B,MAC5CzB,GAAqBiB,IACtBU,EAACc,EAAU,CACTX,UAAWtB,EACXkC,aAAc,CAAE1B,MAAO,SACvB2B,QAASjC,EACT,cAAA,GAAAkC,OAAgBxB,EAAwB,gBAAAxB,SAExC+B,EAACkB,EAAc,CAAC/B,KAAM,UAM7BlB,GACC+B,EAAA,MAAA,CACEmB,IAAK5B,EACLY,UAAWC,EACTC,EAAOe,aACPvB,GAAoBQ,EAAOgB,mBAC3BnD,GACAD,SAEDA,IAIJF,GACCiC,EAAA,MAAA,CACEG,UAAWC,EACTC,EAAOiB,aACPzB,GAAoBQ,EAAOkB,mBAC3BnC,EACApB,GACAC,SAEDF,SAMb"}

package/components/Notifications/Toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import{useEffect as c,cloneElement as i}from"react";import n from"classnames";import{noop as t}from"lodash";import{Grow as r,SnackbarContent as e,Tooltip as m,Typography as a}from"@material-ui/core";import{useStyles as p}from"./Toast.styles.js";import l from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as u}from"../../constants/notifications.js";import{CheckOneIcon as j,CautionIcon as I,AttentionIcon as d,InfoIcon as b,CloseSmallIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as h,jsxs as C}from"react/jsx-runtime";var v,O=["onDismissClick","toast"];function g(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function P(o){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?g(Object(i),!0).forEach((function(c){s(o,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var F=(s(v={},u.success,j),s(v,u.warning,I),s(v,u.error,d),s(v,u.info,b),v),y=function(j){var I=j.onDismissClick,d=j.toast,b=o(j,O),v=d.alertLevel,g=d.autoHideDuration,y=void 0===g?3e3:g,k=d.content,D=d.hideIcon,N=d.icon,A=d.id,M=d.onClick,T=void 0===M?t:M,w=d.onClose,x=void 0===w?t:w,S=d.timestamp,E=d.title,R=d.tooltipProps,z=d.variant,B=void 0===z?"info":z;c((function(){if(y!==1/0){var o=setTimeout((function(){return I(A)}),y);return function(){return clearTimeout(o)}}}),[]);var W=p(),G=F[B];return h(r,{appear:!0,in:!0,children:h(e,P({classes:{root:n(W.main,!v&&W[B],v&&W.alertNotification,v&&W["alertLevels-".concat(v)]),action:W.actionContainer,message:W.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u[B]),message:h(m,P(P({},R),{},{title:null!=k?k:"",classes:{tooltip:W.tooltip},placement:"bottom",children:C("div",{id:"client-snackbar",className:W.messageWrapper,onClick:T,children:[!D&&h("div",{className:W.iconWrapper,children:N?i(N,{className:W.icon,nativeColor:"#000"}):h(G,{size:16,className:W.icon})}),C("div",{className:W.message,children:[C("div",{className:W.messageTop,children:[E&&h(a,{"data-testid":"title",variant:"subtitle2",className:n(W.title,s({},W.alertTitle,v)),children:E}),S&&h(a,{className:n(W.timestamp,!v&&W[B]),children:S})]}),h("div",{className:n(W.messageContent,!v&&W[B]),children:h(a,{"data-testid":"content",className:n(v?W.alertContent:W.content),children:k})})]})]})})),action:[h(l,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){x(),I(A)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:W.tooltip}},className:W.closeIconButton,children:h(f,{size:20,fill:"#000"})},"close")]},b))})};export{y as Toast};
+import o from"@babel/runtime/helpers/objectWithoutProperties";import s from"@babel/runtime/helpers/defineProperty";import{useEffect as c,cloneElement as i}from"react";import n from"classnames";import{noop as t}from"lodash";import{Grow as r,SnackbarContent as e,Tooltip as m,Typography as a}from"@material-ui/core";import{useStyles as p}from"./Toast.styles.js";import l from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as u}from"../../constants/notifications.js";import{CheckOneIcon as j,CautionIcon as I,AttentionIcon as d,InfoIcon as C,CloseSmallIcon as b}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as f,jsxs as h}from"react/jsx-runtime";var O,v=["onDismissClick","toast"];function P(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function g(o){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?P(Object(i),!0).forEach((function(c){s(o,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):P(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var F=(s(O={},u.success,j),s(O,u.warning,I),s(O,u.error,d),s(O,u.info,C),O),y=function(j){var I=j.onDismissClick,d=j.toast,C=o(j,v),O=d.alertLevel,P=d.autoHideDuration,y=void 0===P?3e3:P,k=d.content,D=d.hideIcon,N=d.icon,A=d.id,M=d.onClick,T=void 0===M?t:M,w=d.onClose,x=void 0===w?t:w,S=d.timestamp,E=d.title,R=d.tooltipProps,z=d.variant,B=void 0===z?"info":z;c((function(){if(y!==1/0){var o=setTimeout((function(){return I(A)}),y);return function(){return clearTimeout(o)}}}),[]);var W=p(),G=F[B];return f(r,{appear:!0,in:!0,children:f(e,g({classes:{root:n(W.main,!O&&W[B],O&&W.alertNotification,O&&W["alertLevels-".concat(O)]),action:W.actionContainer,message:W.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(u[B]),message:f(m,g(g({},R),{},{title:null!=k?k:"",classes:{tooltip:W.tooltip},placement:"bottom",children:h("div",{id:"client-snackbar",className:W.messageWrapper,onClick:T,children:[!D&&f("div",{className:W.iconWrapper,children:N?i(N,{className:W.icon,nativeColor:"#000"}):f(G,{size:16,className:W.icon})}),h("div",{className:W.message,children:[h("div",{className:W.messageTop,children:[E&&f(a,{"data-testid":"title",variant:"subtitle2",className:n(W.title,s({},W.alertTitle,O)),children:E}),S&&f(a,{className:n(W.timestamp,!O&&W[B]),children:S})]}),f("div",{className:n(W.messageContent,!O&&W[B]),children:f(a,{"data-testid":"content",className:n(O?W.alertContent:W.content),children:k})})]})]})})),action:[f(l,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){x(),I(A)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:W.tooltip}},className:W.closeIconButton,children:f(b,{size:20,fill:"#000"})},"close")]},C))})};export{y as Toast};
 //# sourceMappingURL=Toast.js.map

package/components/Notifications/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../src/components/Notifications/Toast.tsx"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';\n\nimport { Notification } from './types';\nimport { useStyles } from './Toast.styles';\n\nimport IconButton from '~/components/IconButton';\nimport { NOTIFICATION_VARIANTS } from '~/constants/notifications';\nimport { AttentionIcon, CautionIcon, CheckOneIcon, CloseSmallIcon, InfoIcon } from '~/icons';\n\nconst icons = {\n [NOTIFICATION_VARIANTS.success]: CheckOneIcon,\n [NOTIFICATION_VARIANTS.warning]: CautionIcon,\n [NOTIFICATION_VARIANTS.error]: AttentionIcon,\n [NOTIFICATION_VARIANTS.info]: InfoIcon,\n};\n\ninterface ToastProps {\n onDismissClick: (id: string) => void;\n toast: Notification;\n}\n\nexport const Toast = ({ onDismissClick, toast, ...other }: ToastProps): JSX.Element => {\n const {\n alertLevel,\n autoHideDuration = 3000,\n content,\n hideIcon,\n icon,\n id,\n onClick = noop,\n onClose = noop,\n timestamp,\n title,\n tooltipProps,\n variant = 'info',\n } = toast;\n\n useEffect(() => {\n if (autoHideDuration === Infinity) return undefined;\n\n const timeout = setTimeout(() => onDismissClick(id), autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n const styles = useStyles();\n\n const Icon = icons[variant];\n\n return (\n <Grow appear in>\n <SnackbarContent\n classes={{\n root: classNames(\n styles.main,\n !alertLevel && styles[variant],\n alertLevel && styles.alertNotification,\n alertLevel && styles[`alertLevels-${alertLevel}`]\n ),\n action: styles.actionContainer,\n message: styles.messageContainer,\n }}\n aria-describedby=\"client-snackbar\"\n data-testid={`notificationPopup_${NOTIFICATION_VARIANTS[variant]}`}\n message={\n <Tooltip\n {...tooltipProps}\n title={content ?? ''}\n classes={{ tooltip: styles.tooltip }}\n placement=\"bottom\"\n >\n <div id=\"client-snackbar\" className={styles.messageWrapper} onClick={onClick}>\n {!hideIcon && (\n <div className={styles.iconWrapper}>\n {icon ? (\n cloneElement(icon, {\n className: styles.icon,\n nativeColor: '#000',\n })\n ) : (\n <Icon size={16} className={styles.icon} />\n )}\n </div>\n )}\n <div className={styles.message}>\n <div className={styles.messageTop}>\n {title && (\n <Typography\n data-testid=\"title\"\n variant=\"subtitle2\"\n className={classNames(styles.title, { [styles.alertTitle]: alertLevel })}\n >\n {title}\n </Typography>\n )}\n {timestamp && (\n <Typography\n className={classNames(styles.timestamp, !alertLevel && styles[variant])}\n >\n {timestamp}\n </Typography>\n )}\n </div>\n <div className={classNames(styles.messageContent, !alertLevel && styles[variant])}>\n <Typography\n data-testid=\"content\"\n className={classNames(alertLevel ? styles.alertContent : styles.content)}\n >\n {content}\n </Typography>\n </div>\n </div>\n </div>\n </Tooltip>\n }\n action={[\n <IconButton\n data-testid=\"closeButton\"\n key=\"close\"\n aria-label=\"Close\"\n color=\"inherit\"\n onClick={() => {\n onClose();\n onDismissClick(id);\n }}\n size=\"small\"\n // @ts-ignore\n tooltipProps={{ title: 'Close', classes: { tooltip: styles.tooltip } }}\n className={styles.closeIconButton}\n >\n <CloseSmallIcon size={20} fill=\"#000\" />\n </IconButton>,\n ]}\n {...other}\n />\n </Grow>\n );\n};\n"],"names":["icons","NOTIFICATION_VARIANTS","success","CheckOneIcon","_defineProperty","_icons","warning","CautionIcon","error","AttentionIcon","info","InfoIcon","Toast","_ref","onDismissClick","toast","other","_objectWithoutProperties","_excluded","alertLevel","_toast$autoHideDurati","autoHideDuration","content","hideIcon","icon","id","_toast$onClick","onClick","noop","_toast$onClose","onClose","timestamp","title","tooltipProps","_toast$variant","variant","useEffect","Infinity","timeout","setTimeout","clearTimeout","styles","useStyles","Icon","_jsx","Grow","appear","in","children","SnackbarContent","_objectSpread","classes","root","classNames","main","alertNotification","concat","action","actionContainer","message","messageContainer","Tooltip","tooltip","placement","_jsxs","className","messageWrapper","iconWrapper","cloneElement","nativeColor","size","messageTop","Typography","alertTitle","messageContent","alertContent","IconButton","color","closeIconButton","CloseSmallIcon","fill"],"mappings":"~~w6JAYA~~,IAAMA,GACHC,EAAAA,EAAAA,CAAAA,EAAAA,EAAsBC,QAAUC,GAAYC,EAAAC,EAC5CJ,EAAsBK,QAAUC,GAChCN,EAAAA,EAAAA,EAAsBO,MAAQC,GAC9BR,EAAAA,EAAAA,EAAsBS,KAAOC,GAC/BN,GAOYO,EAAQ,SAAkEC,GAAA,IAA/DC,IAAAA,eAAgBC,IAAAA,MAAUC,EAAKC,EAAAJ,EAAAK,GAEnDC,EAYEJ,EAZFI,WAAUC,EAYRL,EAXFM,iBAAAA,aAAmB,IAAID,EACvBE,EAUEP,EAVFO,QACAC,EASER,EATFQ,SACAC,EAQET,EARFS,KACAC,EAOEV,EAPFU,GAAEC,EAOAX,EANFY,QAAAA,aAAUC,EAAIF,EAAAG,EAMZd,EALFe,QAAAA,aAAUF,EAAIC,EACdE,EAIEhB,EAJFgB,UACAC,EAGEjB,EAHFiB,MACAC,EAEElB,EAFFkB,aAAYC,EAEVnB,EADFoB,QAAAA,aAAU,OAAMD,EAGlBE,GAAU,WACR,GAAIf,IAAqBgB,IAAzB,CAEA,IAAMC,EAAUC,YAAW,WAAA,OAAMzB,EAAeW,EAAG,GAAEJ,GAErD,OAAO,WAAA,OAAMmB,aAAaF,EAAQ,CAJiB,CAKpD,GAAE,IAEH,IAAMG,EAASC,IAETC,EAAO3C,EAAMmC,GAEnB,OACES,EAACC,EAAI,CAACC,QAAM,EAACC,IAAE,EAAAC,SACbJ,EAACK,EAAeC,EAAA,CACdC,QAAS,CACPC,KAAMC,EACJZ,EAAOa,MACNnC,GAAcsB,EAAON,GACtBhB,GAAcsB,EAAOc,kBACrBpC,GAAcsB,EAAM,eAAAe,OAAgBrC,KAEtCsC,OAAQhB,EAAOiB,gBACfC,QAASlB,EAAOmB,kBAElB,mBAAiB,kBACjB,cAAA,qBAAAJ,OAAkCvD,EAAsBkC,IACxDwB,QACEf,EAACiB,EAAOX,EAAAA,EAAA,GACFjB,GAAY,GAAA,CAChBD,MAAOV,QAAAA,EAAW,GAClB6B,QAAS,CAAEW,QAASrB,EAAOqB,SAC3BC,UAAU,SAAQf,SAElBgB,EAAA,MAAA,CAAKvC,GAAG,kBAAkBwC,UAAWxB,EAAOyB,eAAgBvC,QAASA,EAAQqB,SAC1E,EAACzB,GACAqB,EAAA,MAAA,CAAKqB,UAAWxB,EAAO0B,YAAYnB,SAChCxB,EACC4C,EAAa5C,EAAM,CACjByC,UAAWxB,EAAOjB,KAClB6C,YAAa,SAGfzB,EAACD,EAAI,CAAC2B,KAAM,GAAIL,UAAWxB,EAAOjB,SAIxCwC,EAAA,MAAA,CAAKC,UAAWxB,EAAOkB,QAAQX,SAC7B,CAAAgB,EAAA,MAAA,CAAKC,UAAWxB,EAAO8B,WAAWvB,SAC/BhB,CAAAA,GACCY,EAAC4B,EAAU,CACT,cAAY,QACZrC,QAAQ,YACR8B,UAAWZ,EAAWZ,EAAOT,MAAUS,EAAAA,CAAAA,EAAAA,EAAOgC,WAAatD,IAAc6B,SAExEhB,IAGJD,GACCa,EAAC4B,EAAU,CACTP,UAAWZ,EAAWZ,EAAOV,WAAYZ,GAAcsB,EAAON,IAAUa,SAEvEjB,OAIPa,EAAA,MAAA,CAAKqB,UAAWZ,EAAWZ,EAAOiC,gBAAiBvD,GAAcsB,EAAON,IAAUa,SAChFJ,EAAC4B,EAAU,CACT,cAAY,UACZP,UAAWZ,EAAWlC,EAAasB,EAAOkC,aAAelC,EAAOnB,SAAS0B,SAExE1B,eAObmC,OAAQ,CACNb,EAACgC,EAAU,CACT,cAAY,cAEZ,aAAW,QACXC,MAAM,UACNlD,QAAS,WACPG,IACAhB,EAAeW,EACf,EACF6C,KAAK,QAELrC,aAAc,CAAED,MAAO,QAASmB,QAAS,CAAEW,QAASrB,EAAOqB,UAC3DG,UAAWxB,EAAOqC,gBAAgB9B,SAElCJ,EAACmC,EAAc,CAACT,KAAM,GAAIU,KAAK,UAZ3B,WAeJhE,KAIZ"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../src/components/Notifications/Toast.tsx"],"sourcesContent":["import { cloneElement, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\nimport { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';\n\nimport { Notification } from './types';\nimport { useStyles } from './Toast.styles';\n\nimport IconButton from '~/components/IconButton';\nimport { NOTIFICATION_VARIANTS } from '~/constants/notifications';\nimport { AttentionIcon, CautionIcon, CheckOneIcon, CloseSmallIcon, InfoIcon } from '~/icons';\n\nconst icons = {\n [NOTIFICATION_VARIANTS.success]: CheckOneIcon,\n [NOTIFICATION_VARIANTS.warning]: CautionIcon,\n [NOTIFICATION_VARIANTS.error]: AttentionIcon,\n [NOTIFICATION_VARIANTS.info]: InfoIcon,\n};\n\ninterface ToastProps {\n onDismissClick: (id: string) => void;\n toast: Notification;\n}\n\nexport const Toast = ({ onDismissClick, toast, ...other }: ToastProps): JSX.Element => {\n const {\n alertLevel,\n autoHideDuration = 3000,\n content,\n hideIcon,\n icon,\n id,\n onClick = noop,\n onClose = noop,\n timestamp,\n title,\n tooltipProps,\n variant = 'info',\n } = toast;\n\n useEffect(() => {\n if (autoHideDuration === Infinity) return undefined;\n\n const timeout = setTimeout(() => onDismissClick(id), autoHideDuration);\n\n return () => clearTimeout(timeout);\n }, []);\n\n const styles = useStyles();\n\n const Icon = icons[variant];\n\n return (\n <Grow appear in>\n <SnackbarContent\n classes={{\n root: classNames(\n styles.main,\n !alertLevel && styles[variant],\n alertLevel && styles.alertNotification,\n alertLevel && styles[`alertLevels-${alertLevel}`]\n ),\n action: styles.actionContainer,\n message: styles.messageContainer,\n }}\n aria-describedby=\"client-snackbar\"\n data-testid={`notificationPopup_${NOTIFICATION_VARIANTS[variant]}`}\n message={\n <Tooltip\n {...tooltipProps}\n title={content ?? ''}\n classes={{ tooltip: styles.tooltip }}\n placement=\"bottom\"\n >\n <div id=\"client-snackbar\" className={styles.messageWrapper} onClick={onClick}>\n {!hideIcon && (\n <div className={styles.iconWrapper}>\n {icon ? (\n cloneElement(icon, {\n className: styles.icon,\n nativeColor: '#000',\n })\n ) : (\n <Icon size={16} className={styles.icon} />\n )}\n </div>\n )}\n <div className={styles.message}>\n <div className={styles.messageTop}>\n {title && (\n <Typography\n data-testid=\"title\"\n variant=\"subtitle2\"\n className={classNames(styles.title, { [styles.alertTitle]: alertLevel })}\n >\n {title}\n </Typography>\n )}\n {timestamp && (\n <Typography\n className={classNames(styles.timestamp, !alertLevel && styles[variant])}\n >\n {timestamp}\n </Typography>\n )}\n </div>\n <div className={classNames(styles.messageContent, !alertLevel && styles[variant])}>\n <Typography\n data-testid=\"content\"\n className={classNames(alertLevel ? styles.alertContent : styles.content)}\n >\n {content}\n </Typography>\n </div>\n </div>\n </div>\n </Tooltip>\n }\n action={[\n <IconButton\n data-testid=\"closeButton\"\n key=\"close\"\n aria-label=\"Close\"\n color=\"inherit\"\n onClick={() => {\n onClose();\n onDismissClick(id);\n }}\n size=\"small\"\n // @ts-ignore\n tooltipProps={{ title: 'Close', classes: { tooltip: styles.tooltip } }}\n className={styles.closeIconButton}\n >\n <CloseSmallIcon size={20} fill=\"#000\" />\n </IconButton>,\n ]}\n {...other}\n />\n </Grow>\n );\n};\n"],"names":["icons","NOTIFICATION_VARIANTS","success","CheckOneIcon","_defineProperty","_icons","warning","CautionIcon","error","AttentionIcon","info","InfoIcon","Toast","_ref","onDismissClick","toast","other","_objectWithoutProperties","_excluded","alertLevel","_toast$autoHideDurati","autoHideDuration","content","hideIcon","icon","id","_toast$onClick","onClick","noop","_toast$onClose","onClose","timestamp","title","tooltipProps","_toast$variant","variant","useEffect","Infinity","timeout","setTimeout","clearTimeout","styles","useStyles","Icon","_jsx","Grow","appear","in","children","SnackbarContent","_objectSpread","classes","root","classNames","main","alertNotification","concat","action","actionContainer","message","messageContainer","Tooltip","tooltip","placement","_jsxs","className","messageWrapper","iconWrapper","cloneElement","nativeColor","size","messageTop","Typography","alertTitle","messageContent","alertContent","IconButton","color","closeIconButton","CloseSmallIcon","fill"],"mappings":"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"}

package/components/OffsetWellPickerV2/OffsetWellPickerDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as i,useEffect as o,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import S from"@material-ui/icons/Close";import{useTheme as v}from"@material-ui/core/styles";import C from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import x from"./components/Map/index.js";import A from"./components/Table/index.js";import{useCompanies as I,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as k,useRadiusWells as w,useOffsetWells as P,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as _,jsx as U,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?G(Object(i),!0).forEach((function(n){e(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var K=d((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)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=void 0===d?null:d,Q=n.companyId,$=void 0===Q?null:Q,J=n.offsetSetting,X=n.currentUser,Y=n.addWellsUsabilityInfo,Z=void 0===Y?null:Y,ee=n.unusableWellAlarm,te=void 0===ee?"Unable to add":ee,ne=n.isAdvancedSearch,ie=void 0!==ne&&ne,oe=n.bestCount,se=void 0===oe?0:oe,re=n.maxOffsetSize,le=void 0===re?1e3:re,ce=n.onClose,ae=n.onSave,me=K(),de=v(),ue=C(de.breakpoints.down("sm")),pe=L([q.companySelectorView]),fe=t(pe,1)[0].active,be=i($||c(J,"companyId")||+c(X,"company_id")),ge=t(be,2),je=ge[0],he=ge[1],ye=i(c(J,"subjectWellId")||G),Se=t(ye,2),ve=Se[0],Ce=Se[1];M(J,ae,le);var We=i(c(J,"filters")||z.filters),Oe=t(We,2),xe=Oe[0],Ae=Oe[1],Ie=i(c(J,"radius")||z.radius),Ne=t(Ie,2),De=Ne[0],ke=Ne[1],we=i(c(J,"excludeSideTrack")||!1),Pe=t(we,2),Te=Pe[0],Be=Pe[1],Ee=i(c(J,"includeNonEngineeredWells")||!1),ze=t(Ee,2),Re=ze[0],Le=ze[1],qe=i([]),Me=t(qe,2),_e=Me[0],Ue=Me[1],Ve=i(z.sortInfo),Fe=t(Ve,2),Ge=Fe[0],He=Fe[1],Ke=i(!1),Qe=t(Ke,2),$e=Qe[0],Je=Qe[1],Xe=i([]),Ye=t(Xe,2),Ze=Ye[0],et=Ye[1];o((function(){l&&(et(c(J,"selectedWellIds")||[]),he($||c(J,"companyId")||+c(X,"company_id")),Ce(c(J,"subjectWellId")||G))}),[l,J]);var tt=s((function(){return!!ve}),[ve]),nt=I(fe,ie&&G,je),it=N(je,Z),ot=D(je);o((function(){Ue((function(e){return ot?[ot]:e}))}),[ot]);var st=F(xe,it),rt=s((function(){return B(xe,Te,it)}),[xe,Te,it]),lt=s((function(){return E(rt,Re)}),[rt,Re]),ct=s((function(){return lt&&ve?lt.find((function(e){return e.id===ve})):null}),[lt,ve]),at=k(rt,ct),mt=s((function(){return E(at,!1)}),[at]),dt=Re?at:mt,ut=at&&at.length!==mt.length;w(De,at,et);var pt=P(De,it,Ze),ft=T(je,dt),bt=t(ft,2),gt=bt[0],jt=bt[1],ht=s((function(){return jt?a(jt,Ge.key,1===Ge.direction?"asc":"desc"):jt}),[Ge,jt]),yt=r((function(e){he(e),Ce(null),et([]),Ae(z.filters)}),[]),St=r((function(e){var t=lt.find((function(t){return t.id===e}));t&&t.is_usable&&et(m(Ze.concat(e)))}),[Ze,lt]),vt=r((function(e){et(m(Ze.filter((function(t){return t!==e}))))}),[Ze]),Ct=r((function(){et(lt.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[lt]),Wt=r((function(){et([])}),[]),Ot=r((function(e){et([]),Ce(e)}),[it]),xt=r((function(){et([]),Ce(null)}),[]),At=r((function(e){ke(e)}),[]),It=r((function(e){Be(e)}),[]),Nt=r((function(e){e||et((function(e){return e.filter((function(e){return mt.map((function(e){return e.id})).includes(e)}))})),Le(e)}),[mt]),Dt=r((function(t,n){Ae((function(i){return H(H({},i),{},e({},t,n))})),et([])}),[]),kt=r((function(){Ae(H({},z.filters)),et([])}),[]),wt=r((function(){Je((function(e){return!e}))}),[]),Pt=r((function(e){Ue(e)}),[]),Tt=r((function(e){He((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),Bt=function(){ce()},Et=!(it&&lt&&dt&&jt&&pt&&ht);return _(u,{onBackdropClick:ce,onEscapeKeyDown:ce,maxWidth:"lg",fullWidth:!0,fullScreen:ue,open:l,children:[U(p,{children:_("div",{className:me.dialogTitles,children:[ie?_("div",{className:me.titleArea,children:[U(f,{className:me.subTitle,onClick:Bt,children:"Select Offset Wells"}),U(f,{className:me.subTitleSpace,children:" / "}),U(f,{className:me.title,children:"Advanced Search"})]}):U(f,{className:me.title,children:"Select Offset Wells"}),U(b,{title:"Close",children:U(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:me.closeIconButton,onClick:ce,children:U(S,{className:me.closeIcon})})})]})}),U(j,{className:me.dialogContent,children:Et?U(R,{fullscreen:!1}):_(V,{children:[U(O,{companyId:je,companies:nt,canViewCompanies:fe,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,wells:lt,subjectWell:ct,filters:xe,filtersOptions:st,mapHidden:$e,isRadiusEditable:tt,isExistNonEngineeredWells:ut,onChangeCompany:yt,onSetSubjectWell:Ot,onChangeRadius:At,onChangeSidetrack:It,onChangeNonEngineeredWells:Nt,onChangeFilters:Dt,onClearFilters:kt,onToggleMap:wt}),U(x,{subjectWell:ct,wells:lt,offsetWells:pt,radius:De,mapHidden:$e,onSetSubjectWell:Ot,onRemoveSubjectWell:xt,onAddOffsetWell:St,onDeleteOffsetWell:vt}),U(A,{subjectWell:ct,wells:ht,offsetWells:pt,metricsKeys:_e,sortInfo:Ge,isMetricsLoading:gt,unusableWellAlarm:te,onChangeMetricsKeys:Pt,onSorting:Tt,onAddOffsetWell:St,onDeleteOffsetWell:vt,onAddAllOffsetWells:Ct,onDeleteAllOffsetWells:Wt})]})}),U("div",{className:me.bottomShadow}),_(h,{className:W(me.dialogActions,e({},me.dialogActionsSmallScreen,ue)),children:[ie?_("div",{className:me.selectedWells,children:[U(f,{className:me.selected,children:"Selected:"}),U(f,{className:me.selectedLabel,children:"Best:"}),U(f,{className:me.selectedNumber,children:se}),U(f,{className:me.selectedLabel,children:"Advanced Search:"}),U(f,{className:me.selectedNumber,children:(null==pt?void 0:pt.length)||0})]}):U("div",{}),_("div",{children:[U(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Bt,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},J),{},{companyId:je,subjectWellId:ve,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,filters:xe,selectedWellIds:m(pt.map((function(e){return e.id})))});ae(e,pt)},children:["ADD (",(null==pt?void 0:pt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired};var $=n(Q);export{$ as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as n,useState as o,useEffect as i,useMemo as s,useCallback as r}from"react";import l from"prop-types";import{get as c,orderBy as a,uniq as m}from"lodash";import{makeStyles as d,Dialog as u,DialogTitle as p,Typography as f,Tooltip as b,IconButton as g,DialogContent as j,DialogActions as h,Button as y}from"@material-ui/core";import v from"@material-ui/icons/Close";import{useTheme as S}from"@material-ui/core/styles";import C from"@material-ui/core/useMediaQuery";import W from"classnames";import O from"./components/Filter/index.js";import x from"./components/Map/index.js";import A from"./components/Table/index.js";import{useCompanies as I,useWells as N,useCompanyMetricKey as D,useWellsWithCoords as P,useRadiusWells as k,useOffsetWells as w,useMetricsData as T}from"./effects/index.js";import{getFilteredWells as B,getFilteredWellsByNonEngineered as E}from"./utils/index.js";import{DEFAULT_SETTINGS as z}from"./constants.js";import R from"../LoadingIndicator/LoadingIndicator.js";import L from"../../permissions/usePermissions.js";import{PERMISSIONS as q}from"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../clients/jsonApi/index.js";import"../../permissions/ProvidePermissions.js";import"../../permissions/PermissionsContext.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../constants/streamSourceType.js";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppPanel/AppPanelsContext.js";import{useGlobalOffsetWellsSync as M}from"../../effects/useGlobalOffsetWellsSync.js";import{jsxs as _,jsx as U,Fragment as V}from"react/jsx-runtime";import F from"./effects/biDirectionalFiltering.js";function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function H(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?G(Object(o),!0).forEach((function(n){e(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var K=d((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)"}}})),Q=function(n){var l=n.isOpen,d=n.defaultSubjectWellId,G=void 0===d?null:d,Q=n.companyId,$=void 0===Q?null:Q,J=n.offsetSetting,X=n.currentUser,Y=n.addWellsUsabilityInfo,Z=void 0===Y?null:Y,ee=n.unusableWellAlarm,te=void 0===ee?"Unable to add":ee,ne=n.isAdvancedSearch,oe=void 0!==ne&&ne,ie=n.bestCount,se=void 0===ie?0:ie,re=n.maxOffsetSize,le=void 0===re?1e3:re,ce=n.onClose,ae=n.onSave,me=K(),de=S(),ue=C(de.breakpoints.down("sm")),pe=L([q.companySelectorView]),fe=t(pe,1)[0].active,be=o($||c(J,"companyId")||+c(X,"company_id")),ge=t(be,2),je=ge[0],he=ge[1],ye=o(c(J,"subjectWellId")||G),ve=t(ye,2),Se=ve[0],Ce=ve[1];M(J,ae,le);var We=o(c(J,"filters")||z.filters),Oe=t(We,2),xe=Oe[0],Ae=Oe[1],Ie=o(c(J,"radius")||z.radius),Ne=t(Ie,2),De=Ne[0],Pe=Ne[1],ke=o(c(J,"excludeSideTrack")||!1),we=t(ke,2),Te=we[0],Be=we[1],Ee=o(c(J,"includeNonEngineeredWells")||!1),ze=t(Ee,2),Re=ze[0],Le=ze[1],qe=o([]),Me=t(qe,2),_e=Me[0],Ue=Me[1],Ve=o(z.sortInfo),Fe=t(Ve,2),Ge=Fe[0],He=Fe[1],Ke=o(!1),Qe=t(Ke,2),$e=Qe[0],Je=Qe[1],Xe=o([]),Ye=t(Xe,2),Ze=Ye[0],et=Ye[1];i((function(){l&&(et(c(J,"selectedWellIds")||[]),he($||c(J,"companyId")||+c(X,"company_id")),Ce(c(J,"subjectWellId")||G))}),[l,J]);var tt=s((function(){return!!Se}),[Se]),nt=I(fe,oe&&G,je),ot=N(je,Z),it=D(je);i((function(){Ue((function(e){return it?[it]:e}))}),[it]);var st=F(xe,ot),rt=s((function(){return B(xe,Te,ot)}),[xe,Te,ot]),lt=s((function(){return E(rt,Re)}),[rt,Re]),ct=s((function(){return lt&&Se?lt.find((function(e){return e.id===Se})):null}),[lt,Se]),at=P(rt,ct),mt=s((function(){return E(at,!1)}),[at]),dt=Re?at:mt,ut=at&&at.length!==mt.length;k(De,at,et);var pt=w(De,ot,Ze),ft=T(je,dt),bt=t(ft,2),gt=bt[0],jt=bt[1],ht=s((function(){return jt?a(jt,Ge.key,1===Ge.direction?"asc":"desc"):jt}),[Ge,jt]),yt=r((function(e){he(e),Ce(null),et([]),Ae(z.filters)}),[]),vt=r((function(e){var t=lt.find((function(t){return t.id===e}));t&&t.is_usable&&et(m(Ze.concat(e)))}),[Ze,lt]),St=r((function(e){et(m(Ze.filter((function(t){return t!==e}))))}),[Ze]),Ct=r((function(){et(lt.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[lt]),Wt=r((function(){et([])}),[]),Ot=r((function(e){et([]),Ce(e)}),[ot]),xt=r((function(){et([]),Ce(null)}),[]),At=r((function(e){Pe(e)}),[]),It=r((function(e){Be(e)}),[]),Nt=r((function(e){e||et((function(e){return e.filter((function(e){return mt.map((function(e){return e.id})).includes(e)}))})),Le(e)}),[mt]),Dt=r((function(t,n){Ae((function(o){return H(H({},o),{},e({},t,n))})),et([])}),[]),Pt=r((function(){Ae(H({},z.filters)),et([])}),[]),kt=r((function(){Je((function(e){return!e}))}),[]),wt=r((function(e){Ue(e)}),[]),Tt=r((function(e){He((function(t){return t.key===e?H(H({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),Bt=function(){ce()},Et=!(ot&&lt&&dt&&jt&&pt&&ht);return _(u,{onBackdropClick:ce,onEscapeKeyDown:ce,maxWidth:"lg",fullWidth:!0,fullScreen:ue,open:l,children:[U(p,{children:_("div",{className:me.dialogTitles,children:[oe?_("div",{className:me.titleArea,children:[U(f,{className:me.subTitle,onClick:Bt,children:"Select Offset Wells"}),U(f,{className:me.subTitleSpace,children:" / "}),U(f,{className:me.title,children:"Advanced Search"})]}):U(f,{className:me.title,children:"Select Offset Wells"}),U(b,{title:"Close",children:U(g,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:me.closeIconButton,onClick:ce,children:U(v,{className:me.closeIcon})})})]})}),U(j,{className:me.dialogContent,children:Et?U(R,{fullscreen:!1}):_(V,{children:[U(O,{companyId:je,companies:nt,canViewCompanies:fe,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,wells:lt,subjectWell:ct,filters:xe,filtersOptions:st,mapHidden:$e,isRadiusEditable:tt,isExistNonEngineeredWells:ut,onChangeCompany:yt,onSetSubjectWell:Ot,onChangeRadius:At,onChangeSidetrack:It,onChangeNonEngineeredWells:Nt,onChangeFilters:Dt,onClearFilters:Pt,onToggleMap:kt}),U(x,{subjectWell:ct,wells:lt,offsetWells:pt,radius:De,mapHidden:$e,onSetSubjectWell:Ot,onRemoveSubjectWell:xt,onAddOffsetWell:vt,onDeleteOffsetWell:St}),U(A,{subjectWell:ct,wells:ht,offsetWells:pt,metricsKeys:_e,sortInfo:Ge,isMetricsLoading:gt,unusableWellAlarm:te,onChangeMetricsKeys:wt,onSorting:Tt,onAddOffsetWell:vt,onDeleteOffsetWell:St,onAddAllOffsetWells:Ct,onDeleteAllOffsetWells:Wt})]})}),U("div",{className:me.bottomShadow}),_(h,{className:W(me.dialogActions,e({},me.dialogActionsSmallScreen,ue)),children:[oe?_("div",{className:me.selectedWells,children:[U(f,{className:me.selected,children:"Selected:"}),U(f,{className:me.selectedLabel,children:"Best:"}),U(f,{className:me.selectedNumber,children:se}),U(f,{className:me.selectedLabel,children:"Advanced Search:"}),U(f,{className:me.selectedNumber,children:(null==pt?void 0:pt.length)||0})]}):U("div",{}),_("div",{children:[U(y,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:Bt,color:"primary",style:{marginRight:16},children:"CANCEL"}),_(y,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=H(H({},J),{},{companyId:je,subjectWellId:Se,radius:De,excludeSideTrack:Te,includeNonEngineeredWells:Re,filters:xe,selectedWellIds:m(pt.map((function(e){return e.id})))});ae(e,pt)},children:["ADD (",(null==pt?void 0:pt.length)||0,")"]})]})]})]})};Q.propTypes={isOpen:l.bool.isRequired,defaultSubjectWellId:l.number,companyId:l.number,offsetSetting:l.shape({}).isRequired,currentUser:l.shape({}).isRequired,addWellsUsabilityInfo:l.func,unusableWellAlarm:l.string,isAdvancedSearch:l.bool,bestCount:l.number,maxOffsetSize:l.number,onSave:l.func.isRequired,onClose:l.func.isRequired};var $=n(Q);export{$ as default};
 //# sourceMappingURL=OffsetWellPickerDialog.js.map