npm - @corva/ui - Versions diffs - 3.75.0-9 → 3.75.0-rc.0 - Mend

@corva/ui 3.75.0-9 → 3.75.0-rc.0

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 (1470) hide show

package/components/ParameterCharts/components/TraceHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useContext as n,useRef as c}from"react";import t from"prop-types";import e from"classnames";import{get as r,isEqual as m,last as a}from"lodash";import{withStyles as u,Tooltip as p,Button as l}from"@material-ui/core";import d from"../SettingsContext.js";import j from"../DataContext.js";import{DEFAULT_TRACE_SETTINGS as I,MAX_TRACE_COUNT as f}from"../constants.js";import h from"./TraceSettings.js";import b from"./TraceHeader.css.js";import{getUnitDisplay as g}from"../../../utils/convert.js";import C from"../../Modal/Modal.js";import{PlusIcon as y}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/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 v,jsx as O,Fragment as k}from"react/jsx-runtime";function S(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function T(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?S(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var M=function(o){return Number.isFinite(o)?Math.round(100*o)/100:"-"},N=function(t){var u,S=t.onChange,N=t.onDelete,D=t.traceSettings,x=void 0===D?F:D,R=t.classes,A=t.mapping,q=t.index,E=t.openTrackSettings,z=void 0===E?P:E,w=i(!1),L=s(w,2),B=L[0],G=L[1],U=i(!1),W=s(U,2),H=W[0],K=W[1],Z=i(!1),J=s(Z,2),Q=J[0],V=J[1],X=i(x),Y=s(X,2),$=Y[0],_=Y[1],oo=i(I),so=s(oo,2),io=so[0],no=so[1],co=n(d),to=co.horizontal,eo=co.maxTracesCount,ro=n(j).parsedData,mo=c(),ao=r(ro,x&&"".concat(x.collection,".").concat(x.key),{}),uo=ao.min,po=ao.max,lo=ao.data,jo=eo>=5,Io=function(){S(H?io:$),G(!1),K(!1),no(I)},fo=function(){clearTimeout(mo.current),mo.current=setTimeout((function(){V(!1)}),1e3)},ho=!x||!x.name,bo=q===eo-1,go=eo>=f,Co=H?!io.key:m(x,$),yo=lo?M(r(a(lo),1,"-")):"-";return v("div",{onMouseEnter:function(){return V(!0)},onMouseLeave:fo,className:e(b.container,o({},b.horizontal,to)),children:[O(p,{title:jo&&!ho?v("p",{children:[x.name,": ",O("br",{})," ",yo," (",g(x.unitType)||x.unit,")"]}):"",children:v("div",{className:e(b.header,(u={},o(u,b.horizontal,to),o(u,b.vertical,!to),o(u,b.last,bo),o(u,b.minimal,jo),u)),onClick:function(){return G(!0)},children:[ho&&O("div",{className:b.empty,children:O(y,{fill:"#03BCD4",size:16})}),!ho&&v(k,{children:[!jo&&v("span",{className:b.unit,children:[x.name," (",g(x.unitType)||x.unit,")"]}),O("span",{className:b.current,children:yo}),v("div",{className:b.values,children:[O("span",{className:b.min,children:!x.autoScale&&Number.isFinite(x.scaleMin)?x.scaleMin:M(uo)}),O("span",{className:b.max,children:!x.autoScale&&Number.isFinite(x.scaleMax)?x.scaleMax:M(po)})]}),O("div",{className:b.line,style:{borderColor:x.color,borderStyle:x.dashStyle}})]})]})}),bo&&!ho&&Q&&!go&&O("div",{className:b.addTrace,onClick:function(){K(!0),G(!0)},onMouseLeave:fo,onMouseEnter:function(){return clearTimeout(mo.current)},children:O(y,{fill:"#03BCD4",size:16})}),O(C,{open:B,title:v("div",{className:b.modalTitle,children:[v("span",{className:b.trackTitle,onClick:function(){Io(),z()},children:["Track Settings /"," "]}),x.name||"Empty Trace"]}),actions:v("div",{className:b.actions,children:[O(l,{className:R.button,color:"primary",onClick:function(){N(x.id),G(!1)},disabled:!x||!x.id,children:"Delete Trace"}),O(l,{className:R.button,color:"primary",onClick:function(){G(!1),K(!1),no(I)},children:"Cancel"}),O(l,{className:R.button,variant:"contained",color:"primary",onClick:Io,disabled:Co,children:"Save"})]}),children:O(h,{traceSettings:H?io:$,onChange:function(i,n){var c=s(H?[io,no]:[$,_],2),t=c[0],e=c[1];if("key"===i){var r=A.find((function(o){return o.key===n}));e(T(T({},t),{},o({},i,n),r))}else e(T(T({},t),{},o({},i,n)))},mapping:A})})]})};N.propTypes={onChange:t.func.isRequired,onDelete:t.func.isRequired,openTrackSettings:t.func,classes:t.shape({}).isRequired,traceSettings:t.shape({name:t.string,key:t.string,id:t.string,unit:t.string,unitType:t.string,autoScale:t.bool,scaleMin:t.string,scaleMax:t.string,color:t.string,dashStyle:t.string,collection:t.string}),mapping:t.arrayOf(t.shape({name:t.string.isRequired,key:t.string.isRequired}).isRequired).isRequired,index:t.number.isRequired};var F=I,P=function(){},D=u({button:{fontSize:14,marginLeft:20}})(N);export{D as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useContext as i,useRef as c}from"react";import t from"prop-types";import e from"classnames";import{get as r,isEqual as m,last as a}from"lodash";import{withStyles as u,Tooltip as p,Button as l}from"@material-ui/core";import d from"../SettingsContext.js";import j from"../DataContext.js";import{DEFAULT_TRACE_SETTINGS as I,MAX_TRACE_COUNT as f}from"../constants.js";import h from"./TraceSettings.js";import b from"./TraceHeader.css.js";import{getUnitDisplay as g}from"../../../utils/convert.js";import C from"../../Modal/Modal.js";import{PlusIcon as y}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 v,jsx as O,Fragment as k}from"react/jsx-runtime";function S(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 T(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?S(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):S(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var F=function(o){return Number.isFinite(o)?Math.round(100*o)/100:"-"},M=function(t){var u,S=t.onChange,M=t.onDelete,D=t.traceSettings,x=void 0===D?N:D,R=t.classes,A=t.mapping,q=t.index,E=t.openTrackSettings,z=void 0===E?P:E,w=n(!1),L=s(w,2),B=L[0],G=L[1],U=n(!1),W=s(U,2),H=W[0],K=W[1],Z=n(!1),J=s(Z,2),Q=J[0],V=J[1],X=n(x),Y=s(X,2),$=Y[0],_=Y[1],oo=n(I),so=s(oo,2),no=so[0],io=so[1],co=i(d),to=co.horizontal,eo=co.maxTracesCount,ro=i(j).parsedData,mo=c(),ao=r(ro,x&&"".concat(x.collection,".").concat(x.key),{}),uo=ao.min,po=ao.max,lo=ao.data,jo=eo>=5,Io=function(){S(H?no:$),G(!1),K(!1),io(I)},fo=function(){clearTimeout(mo.current),mo.current=setTimeout((function(){V(!1)}),1e3)},ho=!x||!x.name,bo=q===eo-1,go=eo>=f,Co=H?!no.key:m(x,$),yo=lo?F(r(a(lo),1,"-")):"-";return v("div",{onMouseEnter:function(){return V(!0)},onMouseLeave:fo,className:e(b.container,o({},b.horizontal,to)),children:[O(p,{title:jo&&!ho?v("p",{children:[x.name,": ",O("br",{})," ",yo," (",g(x.unitType)||x.unit,")"]}):"",children:v("div",{className:e(b.header,(u={},o(u,b.horizontal,to),o(u,b.vertical,!to),o(u,b.last,bo),o(u,b.minimal,jo),u)),onClick:function(){return G(!0)},children:[ho&&O("div",{className:b.empty,children:O(y,{fill:"#03BCD4",size:16})}),!ho&&v(k,{children:[!jo&&v("span",{className:b.unit,children:[x.name," (",g(x.unitType)||x.unit,")"]}),O("span",{className:b.current,children:yo}),v("div",{className:b.values,children:[O("span",{className:b.min,children:!x.autoScale&&Number.isFinite(x.scaleMin)?x.scaleMin:F(uo)}),O("span",{className:b.max,children:!x.autoScale&&Number.isFinite(x.scaleMax)?x.scaleMax:F(po)})]}),O("div",{className:b.line,style:{borderColor:x.color,borderStyle:x.dashStyle}})]})]})}),bo&&!ho&&Q&&!go&&O("div",{className:b.addTrace,onClick:function(){K(!0),G(!0)},onMouseLeave:fo,onMouseEnter:function(){return clearTimeout(mo.current)},children:O(y,{fill:"#03BCD4",size:16})}),O(C,{open:B,title:v("div",{className:b.modalTitle,children:[v("span",{className:b.trackTitle,onClick:function(){Io(),z()},children:["Track Settings /"," "]}),x.name||"Empty Trace"]}),actions:v("div",{className:b.actions,children:[O(l,{className:R.button,color:"primary",onClick:function(){M(x.id),G(!1)},disabled:!x||!x.id,children:"Delete Trace"}),O(l,{className:R.button,color:"primary",onClick:function(){G(!1),K(!1),io(I)},children:"Cancel"}),O(l,{className:R.button,variant:"contained",color:"primary",onClick:Io,disabled:Co,children:"Save"})]}),children:O(h,{traceSettings:H?no:$,onChange:function(n,i){var c=s(H?[no,io]:[$,_],2),t=c[0],e=c[1];if("key"===n){var r=A.find((function(o){return o.key===i}));e(T(T({},t),{},o({},n,i),r))}else e(T(T({},t),{},o({},n,i)))},mapping:A})})]})};M.propTypes={onChange:t.func.isRequired,onDelete:t.func.isRequired,openTrackSettings:t.func,classes:t.shape({}).isRequired,traceSettings:t.shape({name:t.string,key:t.string,id:t.string,unit:t.string,unitType:t.string,autoScale:t.bool,scaleMin:t.string,scaleMax:t.string,color:t.string,dashStyle:t.string,collection:t.string}),mapping:t.arrayOf(t.shape({name:t.string.isRequired,key:t.string.isRequired}).isRequired).isRequired,index:t.number.isRequired};var N=I,P=function(){},D=u({button:{fontSize:14,marginLeft:20}})(M);export{D as default};
 //# sourceMappingURL=TraceHeader.js.map

package/components/ParameterCharts/components/TraceHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceHeader.js","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"sourcesContent":["import { useContext, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { get, isEqual, last } from 'lodash';\nimport { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport TraceSettings from './TraceSettings';\n\nimport styles from './TraceHeader.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport Modal from '~/components/Modal';\nimport { PlusIcon } from '~/icons';\n\nconst round = val => {\n return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';\n};\n\nconst TraceHeader = ({\n onChange,\n onDelete,\n traceSettings = DEFAULT_TRACE_HEADER_TRACE_SETTINGS,\n classes,\n mapping,\n index,\n openTrackSettings = DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS,\n}) => {\n const [isSettingsVisible, setIsSettingsVisible] = useState(false);\n const [isAddingTraceInProgress, setIsAddingTraceInProgress] = useState(false);\n const [isAddTraceVisible, setIsAddTraceVisible] = useState(false);\n const [currentSettings, setCurrentSettings] = useState(traceSettings);\n const [newTraceSettings, setNewTraceSettings] = useState(DEFAULT_TRACE_SETTINGS);\n const { horizontal, maxTracesCount } = useContext(SettingsContext);\n const { parsedData } = useContext(DataContext);\n const timer = useRef();\n\n const { min, max, data } = get(\n parsedData,\n traceSettings && `${traceSettings.collection}.${traceSettings.key}`,\n {}\n );\n const showMinimalInfo = maxTracesCount >= 5;\n\n const onSettingsChange = (key, value) => {\n const [settings, setSettings] = isAddingTraceInProgress\n ? [newTraceSettings, setNewTraceSettings]\n : [currentSettings, setCurrentSettings];\n if (key === 'key') {\n // Trace change\n const mappingData = mapping.find(item => item.key === value);\n setSettings({\n ...settings,\n [key]: value,\n ...mappingData,\n });\n } else {\n setSettings({\n ...settings,\n [key]: value,\n });\n }\n };\n\n const onSave = () => {\n onChange(isAddingTraceInProgress ? newTraceSettings : currentSettings);\n setIsSettingsVisible(false);\n setIsAddingTraceInProgress(false);\n setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n };\n\n const autoHideAddingTrraces = () => {\n clearTimeout(timer.current);\n timer.current = setTimeout(() => {\n setIsAddTraceVisible(false);\n }, 1000);\n };\n\n const deleteTrace = () => {\n onDelete(traceSettings.id);\n setIsSettingsVisible(false);\n };\n\n const addNewTrace = () => {\n setIsAddingTraceInProgress(true);\n setIsSettingsVisible(true);\n };\n\n const onSettingsClose = () => {\n setIsSettingsVisible(false);\n setIsAddingTraceInProgress(false);\n setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n };\n\n const isEpmty = !traceSettings \|\| !traceSettings.name;\n\n const isLastTrace = index === maxTracesCount - 1;\n\n const isTracesLimitReached = maxTracesCount >= MAX_TRACE_COUNT;\n\n const isSaveDisabled = isAddingTraceInProgress\n ? !newTraceSettings.key\n : isEqual(traceSettings, currentSettings);\n\n const onTrackClick = () => {\n onSave();\n openTrackSettings();\n };\n\n const actualValue = data ? round(get(last(data), 1, '-')) : '-';\n\n return (\n <div\n onMouseEnter={() => setIsAddTraceVisible(true)}\n onMouseLeave={autoHideAddingTrraces}\n className={classNames(styles.container, {\n [styles.horizontal]: horizontal,\n })}\n >\n <Tooltip\n title={\n showMinimalInfo && !isEpmty ? (\n <p>\n {traceSettings.name}: <br /> {actualValue} (\n {getUnitDisplay(traceSettings.unitType) \|\| traceSettings.unit})\n </p>\n ) : (\n ''\n )\n }\n >\n <div\n className={classNames(styles.header, {\n [styles.horizontal]: horizontal,\n [styles.vertical]: !horizontal,\n [styles.last]: isLastTrace,\n [styles.minimal]: showMinimalInfo,\n })}\n onClick={() => setIsSettingsVisible(true)}\n >\n {isEpmty && (\n <div className={styles.empty}>\n <PlusIcon fill=\"#03BCD4\" size={16} />\n </div>\n )}\n {!isEpmty && (\n <>\n {!showMinimalInfo && (\n <span className={styles.unit}>\n {traceSettings.name} (\n {getUnitDisplay(traceSettings.unitType) \|\| traceSettings.unit})\n </span>\n )}\n <span className={styles.current}>{actualValue}</span>\n <div className={styles.values}>\n <span className={styles.min}>\n {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMin)\n ? traceSettings.scaleMin\n : round(min)}\n </span>\n <span className={styles.max}>\n {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMax)\n ? traceSettings.scaleMax\n : round(max)}\n </span>\n </div>\n <div\n className={styles.line}\n style={{\n borderColor: traceSettings.color,\n borderStyle: traceSettings.dashStyle,\n }}\n />\n </>\n )}\n </div>\n </Tooltip>\n {isLastTrace && !isEpmty && isAddTraceVisible && !isTracesLimitReached && (\n <div\n className={styles.addTrace}\n onClick={addNewTrace}\n onMouseLeave={autoHideAddingTrraces}\n onMouseEnter={() => clearTimeout(timer.current)}\n >\n <PlusIcon fill=\"#03BCD4\" size={16} />\n </div>\n )}\n <Modal\n open={isSettingsVisible}\n title={\n <div className={styles.modalTitle}>\n <span className={styles.trackTitle} onClick={onTrackClick}>\n Track Settings /{' '}\n </span>\n {traceSettings.name \|\| 'Empty Trace'}\n </div>\n }\n actions={\n <div className={styles.actions}>\n <Button\n className={classes.button}\n color=\"primary\"\n onClick={deleteTrace}\n disabled={!traceSettings \|\| !traceSettings.id}\n >\n Delete Trace\n </Button>\n <Button className={classes.button} color=\"primary\" onClick={onSettingsClose}>\n Cancel\n </Button>\n <Button\n className={classes.button}\n variant=\"contained\"\n color=\"primary\"\n onClick={onSave}\n disabled={isSaveDisabled}\n >\n Save\n </Button>\n </div>\n }\n >\n <TraceSettings\n traceSettings={isAddingTraceInProgress ? newTraceSettings : currentSettings}\n onChange={onSettingsChange}\n mapping={mapping}\n />\n </Modal>\n </div>\n );\n};\n\nTraceHeader.propTypes = {\n onChange: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n openTrackSettings: PropTypes.func,\n classes: PropTypes.shape({}).isRequired,\n traceSettings: PropTypes.shape({\n name: PropTypes.string,\n key: PropTypes.string,\n id: PropTypes.string,\n unit: PropTypes.string,\n unitType: PropTypes.string,\n autoScale: PropTypes.bool,\n scaleMin: PropTypes.string,\n scaleMax: PropTypes.string,\n color: PropTypes.string,\n dashStyle: PropTypes.string,\n collection: PropTypes.string,\n }),\n mapping: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n key: PropTypes.string.isRequired,\n }).isRequired\n ).isRequired,\n index: PropTypes.number.isRequired,\n};\n\nconst DEFAULT_TRACE_HEADER_TRACE_SETTINGS = DEFAULT_TRACE_SETTINGS;\nconst DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS = () => {};\n\nexport default withStyles({\n button: { fontSize: 14, marginLeft: 20 },\n})(TraceHeader);\n"],"names":["round","val","Number","isFinite","Math","TraceHeader","_ref","_classNames2","onChange","onDelete","_ref$traceSettings","traceSettings","DEFAULT_TRACE_HEADER_TRACE_SETTINGS","classes","mapping","index","_ref$openTrackSetting","openTrackSettings","DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS","useState","_useState2","_slicedToArray","_useState","isSettingsVisible","setIsSettingsVisible","_useState4","_useState3","isAddingTraceInProgress","setIsAddingTraceInProgress","_useState6","_useState5","isAddTraceVisible","setIsAddTraceVisible","_useState8","_useState7","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","_useState10","_useState9","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","parsedData","DataContext","timer","useRef","_get","get","collection","concat","key","min","max","data","showMinimalInfo","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","actualValue","last","_jsxs","onMouseEnter","onMouseLeave","className","classNames","styles","container","children","_jsx","Tooltip","title","getUnitDisplay","unitType","unit","header","vertical","_defineProperty","minimal","onClick","empty","PlusIcon","fill","size","_Fragment","values","autoScale","scaleMin","scaleMax","line","style","borderColor","color","borderStyle","dashStyle","addTrace","Modal","open","modalTitle","trackTitle","actions","Button","button","id","disabled","variant","TraceSettings","value","_ref3","settings","setSettings","mappingData","find","item","_objectSpread","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","TraceHeader$1","withStyles","fontSize","marginLeft"],"mappings":"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"}
1	+ {"version":3,"file":"TraceHeader.js","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"sourcesContent":["import { useContext, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { get, isEqual, last } from 'lodash';\nimport { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport TraceSettings from './TraceSettings';\n\nimport styles from './TraceHeader.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport Modal from '~/components/Modal';\nimport { PlusIcon } from '~/icons';\n\nconst round = val => {\n return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';\n};\n\nconst TraceHeader = ({\n onChange,\n onDelete,\n traceSettings = DEFAULT_TRACE_HEADER_TRACE_SETTINGS,\n classes,\n mapping,\n index,\n openTrackSettings = DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS,\n}) => {\n const [isSettingsVisible, setIsSettingsVisible] = useState(false);\n const [isAddingTraceInProgress, setIsAddingTraceInProgress] = useState(false);\n const [isAddTraceVisible, setIsAddTraceVisible] = useState(false);\n const [currentSettings, setCurrentSettings] = useState(traceSettings);\n const [newTraceSettings, setNewTraceSettings] = useState(DEFAULT_TRACE_SETTINGS);\n const { horizontal, maxTracesCount } = useContext(SettingsContext);\n const { parsedData } = useContext(DataContext);\n const timer = useRef();\n\n const { min, max, data } = get(\n parsedData,\n traceSettings && `${traceSettings.collection}.${traceSettings.key}`,\n {}\n );\n const showMinimalInfo = maxTracesCount >= 5;\n\n const onSettingsChange = (key, value) => {\n const [settings, setSettings] = isAddingTraceInProgress\n ? [newTraceSettings, setNewTraceSettings]\n : [currentSettings, setCurrentSettings];\n if (key === 'key') {\n // Trace change\n const mappingData = mapping.find(item => item.key === value);\n setSettings({\n ...settings,\n [key]: value,\n ...mappingData,\n });\n } else {\n setSettings({\n ...settings,\n [key]: value,\n });\n }\n };\n\n const onSave = () => {\n onChange(isAddingTraceInProgress ? newTraceSettings : currentSettings);\n setIsSettingsVisible(false);\n setIsAddingTraceInProgress(false);\n setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n };\n\n const autoHideAddingTrraces = () => {\n clearTimeout(timer.current);\n timer.current = setTimeout(() => {\n setIsAddTraceVisible(false);\n }, 1000);\n };\n\n const deleteTrace = () => {\n onDelete(traceSettings.id);\n setIsSettingsVisible(false);\n };\n\n const addNewTrace = () => {\n setIsAddingTraceInProgress(true);\n setIsSettingsVisible(true);\n };\n\n const onSettingsClose = () => {\n setIsSettingsVisible(false);\n setIsAddingTraceInProgress(false);\n setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n };\n\n const isEpmty = !traceSettings \|\| !traceSettings.name;\n\n const isLastTrace = index === maxTracesCount - 1;\n\n const isTracesLimitReached = maxTracesCount >= MAX_TRACE_COUNT;\n\n const isSaveDisabled = isAddingTraceInProgress\n ? !newTraceSettings.key\n : isEqual(traceSettings, currentSettings);\n\n const onTrackClick = () => {\n onSave();\n openTrackSettings();\n };\n\n const actualValue = data ? round(get(last(data), 1, '-')) : '-';\n\n return (\n <div\n onMouseEnter={() => setIsAddTraceVisible(true)}\n onMouseLeave={autoHideAddingTrraces}\n className={classNames(styles.container, {\n [styles.horizontal]: horizontal,\n })}\n >\n <Tooltip\n title={\n showMinimalInfo && !isEpmty ? (\n <p>\n {traceSettings.name}: <br /> {actualValue} (\n {getUnitDisplay(traceSettings.unitType) \|\| traceSettings.unit})\n </p>\n ) : (\n ''\n )\n }\n >\n <div\n className={classNames(styles.header, {\n [styles.horizontal]: horizontal,\n [styles.vertical]: !horizontal,\n [styles.last]: isLastTrace,\n [styles.minimal]: showMinimalInfo,\n })}\n onClick={() => setIsSettingsVisible(true)}\n >\n {isEpmty && (\n <div className={styles.empty}>\n <PlusIcon fill=\"#03BCD4\" size={16} />\n </div>\n )}\n {!isEpmty && (\n <>\n {!showMinimalInfo && (\n <span className={styles.unit}>\n {traceSettings.name} (\n {getUnitDisplay(traceSettings.unitType) \|\| traceSettings.unit})\n </span>\n )}\n <span className={styles.current}>{actualValue}</span>\n <div className={styles.values}>\n <span className={styles.min}>\n {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMin)\n ? traceSettings.scaleMin\n : round(min)}\n </span>\n <span className={styles.max}>\n {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMax)\n ? traceSettings.scaleMax\n : round(max)}\n </span>\n </div>\n <div\n className={styles.line}\n style={{\n borderColor: traceSettings.color,\n borderStyle: traceSettings.dashStyle,\n }}\n />\n </>\n )}\n </div>\n </Tooltip>\n {isLastTrace && !isEpmty && isAddTraceVisible && !isTracesLimitReached && (\n <div\n className={styles.addTrace}\n onClick={addNewTrace}\n onMouseLeave={autoHideAddingTrraces}\n onMouseEnter={() => clearTimeout(timer.current)}\n >\n <PlusIcon fill=\"#03BCD4\" size={16} />\n </div>\n )}\n <Modal\n open={isSettingsVisible}\n title={\n <div className={styles.modalTitle}>\n <span className={styles.trackTitle} onClick={onTrackClick}>\n Track Settings /{' '}\n </span>\n {traceSettings.name \|\| 'Empty Trace'}\n </div>\n }\n actions={\n <div className={styles.actions}>\n <Button\n className={classes.button}\n color=\"primary\"\n onClick={deleteTrace}\n disabled={!traceSettings \|\| !traceSettings.id}\n >\n Delete Trace\n </Button>\n <Button className={classes.button} color=\"primary\" onClick={onSettingsClose}>\n Cancel\n </Button>\n <Button\n className={classes.button}\n variant=\"contained\"\n color=\"primary\"\n onClick={onSave}\n disabled={isSaveDisabled}\n >\n Save\n </Button>\n </div>\n }\n >\n <TraceSettings\n traceSettings={isAddingTraceInProgress ? newTraceSettings : currentSettings}\n onChange={onSettingsChange}\n mapping={mapping}\n />\n </Modal>\n </div>\n );\n};\n\nTraceHeader.propTypes = {\n onChange: PropTypes.func.isRequired,\n onDelete: PropTypes.func.isRequired,\n openTrackSettings: PropTypes.func,\n classes: PropTypes.shape({}).isRequired,\n traceSettings: PropTypes.shape({\n name: PropTypes.string,\n key: PropTypes.string,\n id: PropTypes.string,\n unit: PropTypes.string,\n unitType: PropTypes.string,\n autoScale: PropTypes.bool,\n scaleMin: PropTypes.string,\n scaleMax: PropTypes.string,\n color: PropTypes.string,\n dashStyle: PropTypes.string,\n collection: PropTypes.string,\n }),\n mapping: PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n key: PropTypes.string.isRequired,\n }).isRequired\n ).isRequired,\n index: PropTypes.number.isRequired,\n};\n\nconst DEFAULT_TRACE_HEADER_TRACE_SETTINGS = DEFAULT_TRACE_SETTINGS;\nconst DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS = () => {};\n\nexport default withStyles({\n button: { fontSize: 14, marginLeft: 20 },\n})(TraceHeader);\n"],"names":["round","val","Number","isFinite","Math","TraceHeader","_ref","_classNames2","onChange","onDelete","_ref$traceSettings","traceSettings","DEFAULT_TRACE_HEADER_TRACE_SETTINGS","classes","mapping","index","_ref$openTrackSetting","openTrackSettings","DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS","useState","_useState2","_slicedToArray","_useState","isSettingsVisible","setIsSettingsVisible","_useState4","_useState3","isAddingTraceInProgress","setIsAddingTraceInProgress","_useState6","_useState5","isAddTraceVisible","setIsAddTraceVisible","_useState8","_useState7","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","_useState10","_useState9","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","parsedData","DataContext","timer","useRef","_get","get","collection","concat","key","min","max","data","showMinimalInfo","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","actualValue","last","_jsxs","onMouseEnter","onMouseLeave","className","classNames","styles","container","children","_jsx","Tooltip","title","getUnitDisplay","unitType","unit","header","vertical","_defineProperty","minimal","onClick","empty","PlusIcon","fill","size","_Fragment","values","autoScale","scaleMin","scaleMax","line","style","borderColor","color","borderStyle","dashStyle","addTrace","Modal","open","modalTitle","trackTitle","actions","Button","button","id","disabled","variant","TraceSettings","value","_ref3","settings","setSettings","mappingData","find","item","_objectSpread","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","TraceHeader$1","withStyles","fontSize","marginLeft"],"mappings":"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"}

package/components/PinnableFilters/components/FiltersToggler.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import c from"@material-ui/icons/Sort";import{withStyles as i}from"@material-ui/core/styles";import n from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as t}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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/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";function r(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 m(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function e(o){var s=o.onClick,i=o.classes;return t("div",{onClick:s,children:t(n,{className:i.button,startIcon:t(c,{}),children:"Filters"})})}e.propTypes={onClick:s.func.isRequired};var p=i((function(o){return{button:m(m({},o.isLightTheme?{color:"black"}:{}),{},{marginRight:o.spacing()})}}))(e);export{p as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"prop-types";import c from"@material-ui/icons/Sort";import{withStyles as i}from"@material-ui/core/styles";import n from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as t}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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";function r(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 m(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?r(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function e(o){var s=o.onClick,i=o.classes;return t("div",{onClick:s,children:t(n,{className:i.button,startIcon:t(c,{}),children:"Filters"})})}e.propTypes={onClick:s.func.isRequired};var p=i((function(o){return{button:m(m({},o.isLightTheme?{color:"black"}:{}),{},{marginRight:o.spacing()})}}))(e);export{p as default};
 //# sourceMappingURL=FiltersToggler.js.map

package/components/PinnableFilters/components/FiltersToggler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FiltersToggler.js","sources":["../../../../src/components/PinnableFilters/components/FiltersToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SortIcon from '@material-ui/icons/Sort';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Button from '~/components/Button';\n\nconst muiStyles = theme => ({\n button: {\n ...(theme.isLightTheme ? { color: 'black' } : {}),\n\n marginRight: theme.spacing(),\n },\n});\n\nfunction FiltersToggler({ onClick, classes }) {\n return (\n <div onClick={onClick}>\n <Button className={classes.button} startIcon={<SortIcon />}>\n Filters\n </Button>\n </div>\n );\n}\n\nFiltersToggler.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\nexport default withStyles(muiStyles)(FiltersToggler);\n"],"names":["FiltersToggler","_ref","onClick","classes","_jsx","children","Button","className","button","startIcon","SortIcon","propTypes","PropTypes","func","isRequired","FiltersToggler$1","withStyles","theme","isLightTheme","color","marginRight","spacing"],"mappings":"~~k9JAcA~~,SAASA,EAAqCC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACjC,OACEC,EAAA,MAAA,CAAKF,QAASA,EAAQG,SACpBD,EAACE,EAAM,CAACC,UAAWJ,EAAQK,OAAQC,UAAWL,EAACM,EAAY,IAAAL,SAAA,aAKjE,CAEAL,EAAeW,UAAY,CACzBT,QAASU,EAAUC,KAAKC,YAE1B,IAAAC,EAAeC,GArBG,SAAAC,GAAK,MAAK,CAC1BT,OACMS,EAAAA,EAAAA,CAAAA,EAAAA,EAAMC,aAAe,CAAEC,MAAO,SAAY,CAAA,GAAE,GAAA,CAEhDC,YAAaH,EAAMI,YAEtB,GAecL,CAAsBhB"}
1	+ {"version":3,"file":"FiltersToggler.js","sources":["../../../../src/components/PinnableFilters/components/FiltersToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SortIcon from '@material-ui/icons/Sort';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Button from '~/components/Button';\n\nconst muiStyles = theme => ({\n button: {\n ...(theme.isLightTheme ? { color: 'black' } : {}),\n\n marginRight: theme.spacing(),\n },\n});\n\nfunction FiltersToggler({ onClick, classes }) {\n return (\n <div onClick={onClick}>\n <Button className={classes.button} startIcon={<SortIcon />}>\n Filters\n </Button>\n </div>\n );\n}\n\nFiltersToggler.propTypes = {\n onClick: PropTypes.func.isRequired,\n};\nexport default withStyles(muiStyles)(FiltersToggler);\n"],"names":["FiltersToggler","_ref","onClick","classes","_jsx","children","Button","className","button","startIcon","SortIcon","propTypes","PropTypes","func","isRequired","FiltersToggler$1","withStyles","theme","isLightTheme","color","marginRight","spacing"],"mappings":"+qKAcA,SAASA,EAAqCC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACjC,OACEC,EAAA,MAAA,CAAKF,QAASA,EAAQG,SACpBD,EAACE,EAAM,CAACC,UAAWJ,EAAQK,OAAQC,UAAWL,EAACM,EAAY,IAAAL,SAAA,aAKjE,CAEAL,EAAeW,UAAY,CACzBT,QAASU,EAAUC,KAAKC,YAE1B,IAAAC,EAAeC,GArBG,SAAAC,GAAK,MAAK,CAC1BT,OACMS,EAAAA,EAAAA,CAAAA,EAAAA,EAAMC,aAAe,CAAEC,MAAO,SAAY,CAAA,GAAE,GAAA,CAEhDC,YAAaH,EAAMI,YAEtB,GAecL,CAAsBhB"}

package/components/PostPreviewDialog/__tests__/PostPreviewDialog.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=PostPreviewDialog.test.d.ts.map

package/components/PostPreviewDialog/__tests__/PostPreviewDialog.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"PostPreviewDialog.test.d.ts","sourceRoot":"","sources":["../../../../src/components/PostPreviewDialog/__tests__/PostPreviewDialog.test.js"],"names":[],"mappings":""}

package/components/PostPreviewDialog/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferProps<{
+declare const _default: import("react").ComponentType<Pick<PropTypes.InferProps<{
     title: PropTypes.Requireable<string>;
     open: PropTypes.Validator<boolean>;
     fileUrl: PropTypes.Requireable<string>;
@@ -14,32 +14,6 @@ declare const _default: import("react").ComponentType<Pick<Pick<PropTypes.InferP
     companyId: PropTypes.Requireable<number>;
     okButtonText: PropTypes.Requireable<string>;
     cancelButtonText: PropTypes.Requireable<string>;
-}>, PropTypes.RequiredKeys<{
-    title: PropTypes.Requireable<string>;
-    open: PropTypes.Validator<boolean>;
-    fileUrl: PropTypes.Requireable<string>;
-    fileName: PropTypes.Requireable<string>;
-    fileSize: PropTypes.Requireable<number>;
-    handleShare: PropTypes.Validator<(...args: any[]) => any>;
-    handleClose: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    additionalFields: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
-    requiredFields: PropTypes.Requireable<(string | null | undefined)[]>;
-    message: PropTypes.Requireable<string>;
-    companyId: PropTypes.Requireable<number>;
-    okButtonText: PropTypes.Requireable<string>;
-    cancelButtonText: PropTypes.Requireable<string>;
-}>> & {
-    title?: string | null | undefined;
-    fileUrl?: string | null | undefined;
-    fileName?: string | null | undefined;
-    fileSize?: number | null | undefined;
-    additionalFields?: PropTypes.ReactNodeLike[] | null | undefined;
-    requiredFields?: (string | null | undefined)[] | null | undefined;
-    message?: string | null | undefined;
-    companyId?: number | null | undefined;
-    okButtonText?: string | null | undefined;
-    cancelButtonText?: string | null | undefined;
-} & {}, "additionalFields" | "cancelButtonText" | "companyId" | "fileName" | "fileSize" | "fileUrl" | "handleClose" | "handleShare" | "message" | "okButtonText" | "open" | "requiredFields" | "title"> & import("@material-ui/styles").StyledComponentProps<"deleteButton" | "dialogActions" | "dialogContentRoot" | "fileUploadingError" | "messageWrapper" | "textFieldRoot" | "textInput">>;
+}>, "additionalFields" | "cancelButtonText" | "companyId" | "fileName" | "fileSize" | "fileUrl" | "handleClose" | "handleShare" | "message" | "okButtonText" | "open" | "requiredFields" | "title"> & import("@material-ui/styles").StyledComponentProps<"deleteButton" | "dialogActions" | "dialogContentRoot" | "fileUploadingError" | "messageWrapper" | "textFieldRoot" | "textInput">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/components/PostPreviewDialog/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import l from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{createRef as n,PureComponent as s}from"react";import c from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import d from"@material-ui/core/Paper";import m from"@material-ui/core/DialogActions";import f from"@material-ui/core/DialogContent";import h from"@material-ui/core/DialogTitle";import u from"@material-ui/core/Button";import g from"@material-ui/core/Typography";import U from"@material-ui/core/Input";import F from"@material-ui/core/RootRef";import y from"@material-ui/core/colors/grey";import v from"@material-ui/icons/Delete";import{Dialog as N}from"@material-ui/core";import{getIsImage as S}from"../../utils/fileExtension.js";import b from"./styles.css.js";import D from"../FileTypeIcon.js";import C from"../EmojiIconButton.js";import E from"../FileUploadIconButton.js";import P from"../FailedFileUploading.js";import R from"../UserMention/index.js";import{isNativeDetected as B}from"../../utils/mobileDetect.js";import{jsx as x,jsxs as w}from"react/jsx-runtime";function I(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var i,l=r(e);if(t){var a=r(this).constructor;i=Reflect.construct(l,arguments,a)}else i=l.apply(this,arguments);return o(this,i)}}var j="PostPreviewDialog",k=y[200],T=y[400],z=function(e){return w(d,{className:e.classes.messageWrapper,children:[x(U,{"data-testid":"".concat(j,"_messageInput"),inputRef:e.inputEl,inputComponent:R,inputProps:{withLightTheme:!1,onChange:e.handleMessageChange,companyId:e.companyId,suggestionsPortalHost:e.rootRef.current},placeholder:"Add a message about the file...",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:e.classes.textFieldRoot,value:e.comment,onKeyDown:e.handleKeyDown}),w("div",{className:b.cPostPreviewDialogMessageAdditionalFieldsWrapper,children:[x("div",{children:e.additionalFields}),w("div",{className:b.cPostPreviewDialogMessageActionFields,children:[!e.fileUrl&&x(E,{htmlColor:y[400],openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:e.handleFileUpload,onError:e.handleFileUploadingError,inputId:"preview-dialog-file-upload"}),x(C,{handleSelectEmoji:e.handleSelectEmoji,emojiIconClassName:e.classes.additionalActionButton,htmlColor:y[400],disableRipple:!0})]})]})]})},A=function(e){var t=S(e.fileName);return w("div",t?{children:[w("div",{className:b.cPostPreviewDialogFileName,children:[x(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,gutterBottom:!0,children:e.fileName}),x(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]}),x("div",{className:b.cPostPreviewDialogFileImageFileWrapper,children:x("img",{"data-testid":"".concat(j,"_previewImage"),className:b.cPostPreviewDialogFileImage,src:e.fileUrl,alt:"Uploaded file"})})]}:{className:b.cPostPreviewDialogFileDownload,style:{backgroundColor:k,border:"1px solid ".concat(T)},children:[x(D,{fileName:e.fileName}),w("div",{className:b.cPostPreviewDialogFileDownloadText,children:[x(g,{"data-testid":"".concat(j,"_fileName"),variant:"subtitle2",noWrap:!0,children:e.fileName}),x(v,{"data-testid":"".concat(j,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]})]})},M=function(o){l(c,s);var r=I(c);function c(t){var l;return e(this,c),l=r.call(this,t),a(i(l),"focusOnInput",(function(){return l.inputEl.current.focus()})),a(i(l),"handleKeyDown",(function(e){"Enter"===e.key&&l.handleShare()})),a(i(l),"handleMessageChange",(function(e){return l.setState({comment:e})})),a(i(l),"handleSelectEmoji",(function(e){return l.setState((function(t){var i=t.comment;return{comment:"".concat(i).concat(e.native)}}))})),a(i(l),"handleShare",(function(){l.props.handleShare(l.state.comment,l.state.fileUrl,l.state.fileSize,l.state.fileName)})),a(i(l),"handleFileDelete",(function(){l.setState({fileUrl:"",fileSize:null,fileName:""})})),a(i(l),"handleFileUpload",(function(e,t,i){l.setState({fileUrl:e,fileName:t,fileSize:i,fileUploadingError:null})})),a(i(l),"handleFileUploadingError",(function(e){l.setState({fileUrl:null,fileName:null,fileSize:null,fileUploadingError:e})})),l.state={comment:t.message,fileUrl:t.fileUrl,fileSize:t.fileSize,fileName:t.fileName,fileUploadingError:null},l.inputEl=n(),l.rootRef=n(),l}return t(c,[{key:"componentDidUpdate",value:function(e){!e.open&&this.props.open&&!this.state.comment&&this.props.message&&this.setState({comment:this.props.message}),this.props.fileUrl===e.fileUrl&&this.props.fileSize===e.fileSize&&this.props.fileName===e.fileName||this.setState({fileUrl:this.props.fileUrl,fileSize:this.props.fileSize,fileName:this.props.fileName})}},{key:"render",value:function(){return x(F,{rootRef:this.rootRef,children:w(N,{fullScreen:B,open:this.props.open,onClose:this.props.handleClose,onBackdropClick:this.props.handleClose,onEntered:this.focusOnInput,children:[x(h,{children:this.props.title}),w(f,{classes:{root:!B&&this.props.classes.dialogContentRoot},children:[x(z,{inputEl:this.inputEl,comment:this.state.comment,handleMessageChange:this.handleMessageChange,handleKeyDown:this.handleKeyDown,handleFileUpload:this.handleFileUpload,handleSelectEmoji:this.handleSelectEmoji,handleFileUploadingError:this.handleFileUploadingError,additionalFields:this.props.additionalFields,fileUrl:this.state.fileUrl,classes:this.props.classes,companyId:this.props.companyId,rootRef:this.rootRef}),this.state.fileUploadingError&&x(P,{errorMessage:this.state.fileUploadingError,className:this.props.classes.fileUploadingError}),this.state.fileUrl&&x(A,{fileName:this.state.fileName,fileUrl:this.state.fileUrl,handleFileDelete:this.handleFileDelete,handleFileUploadingError:this.handleFileUploadingError,classes:this.props.classes})]}),w(m,{className:this.props.classes.dialogActions,children:[x(u,{"data-testid":"".concat(j,"_cancelButton"),color:"primary",onClick:this.props.handleClose,children:this.props.cancelButtonText}),x(u,{"data-testid":"".concat(j,"_okButton"),color:"primary",variant:"contained",disabled:!this.state.fileUrl&&!this.state.comment||!this.props.requiredFields.every(Boolean),onClick:this.handleShare,children:this.props.okButtonText})]})]})})}}]),c}();M.propTypes={title:c.string,open:c.bool.isRequired,fileUrl:c.string,fileName:c.string,fileSize:c.number,handleShare:c.func.isRequired,handleClose:c.func.isRequired,classes:c.shape({}).isRequired,additionalFields:c.arrayOf(c.node),requiredFields:c.arrayOf(c.string),message:c.string,companyId:c.number,okButtonText:c.string,cancelButtonText:c.string},M.defaultProps={title:"Share a file",fileUrl:"",fileName:"",fileSize:null,additionalFields:[],requiredFields:[],message:"",companyId:null,okButtonText:"Post",cancelButtonText:"Cancel"};var W=p((function(e){return{dialogContentRoot:{minWidth:500},textFieldRoot:{marginBottom:20},textInput:{paddingTop:2},messageWrapper:{padding:"18.5px 14px",border:"solid 1px ".concat(e.palette.primary.main),boxShadow:"none"},dialogActions:{padding:"24px 24px",margin:0},deleteButton:{color:"#DADADA",cursor:"pointer"},fileUploadingError:{marginTop:10}}}))(M);export{W as default};
+import e from"@babel/runtime/helpers/defineProperty";import i from"@babel/runtime/helpers/slicedToArray";import{memo as o,useState as r,useRef as l,useLayoutEffect as t,useCallback as n}from"react";import a from"prop-types";import{withStyles as c}from"@material-ui/core/styles";import s from"@material-ui/core/Paper";import d from"@material-ui/core/DialogActions";import m from"@material-ui/core/DialogContent";import f from"@material-ui/core/DialogTitle";import p from"@material-ui/core/Button";import u from"@material-ui/core/Typography";import g from"@material-ui/core/Input";import h from"@material-ui/core/RootRef";import v from"@material-ui/core/colors/grey";import y from"@material-ui/icons/Delete";import{Dialog as U}from"@material-ui/core";import{getIsImage as N}from"../../utils/fileExtension.js";import b from"./styles.css.js";import P from"../FileTypeIcon.js";import D from"../EmojiIconButton.js";import F from"../FileUploadIconButton.js";import j from"../FailedFileUploading.js";import w from"../UserMention/index.js";import{isNativeDetected as E}from"../../utils/mobileDetect.js";import{jsx as S,jsxs as C}from"react/jsx-runtime";function O(e,i){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable}))),o.push.apply(o,r)}return o}function x(i){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?O(Object(r),!0).forEach((function(o){e(i,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(r,e))}))}return i}var B="PostPreviewDialog",I=v[200],R=v[400],T=function(e){return C(s,{className:e.classes.messageWrapper,children:[S(g,{"data-testid":"".concat(B,"_messageInput"),inputRef:e.inputEl,inputComponent:w,inputProps:{withLightTheme:!1,onChange:e.handleMessageChange,companyId:e.companyId,suggestionsPortalHost:e.rootRef.current},placeholder:"Add a message about the file...",fullWidth:!0,disableUnderline:!0,multiline:!0,rows:"3",className:e.classes.textFieldRoot,value:e.comment,onKeyDown:e.handleKeyDown}),C("div",{className:b.cPostPreviewDialogMessageAdditionalFieldsWrapper,children:[S("div",{children:e.additionalFields}),C("div",{className:b.cPostPreviewDialogMessageActionFields,children:[!e.fileUrl&&S(F,{htmlColor:v[400],openPreviewDialogOnUpload:!1,disableRipple:!0,onFinish:e.handleFileUpload,onError:e.handleFileUploadingError,inputId:"preview-dialog-file-upload"}),S(D,{handleSelectEmoji:e.handleSelectEmoji,emojiIconClassName:e.classes.additionalActionButton,htmlColor:v[400],disableRipple:!0})]})]})]})},k=function(e){var i=N(e.fileName);return C("div",i?{children:[C("div",{className:b.cPostPreviewDialogFileName,children:[S(u,{"data-testid":"".concat(B,"_fileName"),variant:"subtitle2",noWrap:!0,gutterBottom:!0,children:e.fileName}),S(y,{"data-testid":"".concat(B,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]}),S("div",{className:b.cPostPreviewDialogFileImageFileWrapper,children:S("img",{"data-testid":"".concat(B,"_previewImage"),className:b.cPostPreviewDialogFileImage,src:e.fileUrl,alt:"Uploaded file"})})]}:{className:b.cPostPreviewDialogFileDownload,style:{backgroundColor:I,border:"1px solid ".concat(R)},children:[S(P,{fileName:e.fileName}),C("div",{className:b.cPostPreviewDialogFileDownloadText,children:[S(u,{"data-testid":"".concat(B,"_fileName"),variant:"subtitle2",noWrap:!0,children:e.fileName}),S(y,{"data-testid":"".concat(B,"_deleteButton"),color:"action",onClick:e.handleFileDelete,className:e.classes.deleteButton})]})]})},z=[];function A(e){var o=e.title,a=void 0===o?"Share a file":o,c=e.open,s=e.fileUrl,u=void 0===s?"":s,g=e.fileName,v=void 0===g?"":g,y=e.fileSize,N=void 0===y?null:y,b=e.handleShare,P=e.handleClose,D=e.classes,F=e.additionalFields,w=void 0===F?z:F,O=e.requiredFields,I=void 0===O?z:O,R=e.message,A=void 0===R?"":R,W=e.companyId,_=void 0===W?null:W,q=e.okButtonText,M=void 0===q?"Post":q,K=e.cancelButtonText,H=void 0===K?"Cancel":K,L=r((function(){return{comment:A,fileUrl:u,fileSize:N,fileName:v,fileUploadingError:null}})),G=i(L,2),J=G[0],Q=G[1],V=l(null),X=l(null),Y=l({open:c,fileUrl:u,fileSize:N,fileName:v});t((function(){var e=Y.current;Y.current={open:c,fileUrl:u,fileSize:N,fileName:v};var i=!e.open&&c&&!J.comment&&A,o=u!==e.fileUrl||N!==e.fileSize||v!==e.fileName;(i||o)&&Q((function(e){return x(x(x({},e),i?{comment:A}:{}),o?{fileUrl:u,fileSize:N,fileName:v}:{})}))}),[c,u,N,v,A,J.comment]);var Z=function(){return b(J.comment,J.fileUrl,J.fileSize,J.fileName)},$=n((function(e){return Q((function(i){return x(x({},i),{},{comment:"".concat(i.comment).concat(e.native)})}))}),[]),ee=n((function(e,i,o){return Q((function(r){return x(x({},r),{},{fileUrl:e,fileName:i,fileSize:o,fileUploadingError:null})}))}),[]),ie=n((function(e){return Q((function(i){return x(x({},i),{},{fileUrl:null,fileName:null,fileSize:null,fileUploadingError:e})}))}),[]);return S(h,{rootRef:X,children:C(U,{fullScreen:E,open:c,onClose:P,onBackdropClick:P,onEntered:function(){return V.current.focus()},children:[S(f,{children:a}),C(m,{classes:{root:!E&&D.dialogContentRoot},children:[S(T,{inputEl:V,comment:J.comment,handleMessageChange:function(e){return Q((function(i){return x(x({},i),{},{comment:e})}))},handleKeyDown:function(e){"Enter"===e.key&&Z()},handleFileUpload:ee,handleSelectEmoji:$,handleFileUploadingError:ie,additionalFields:w,fileUrl:J.fileUrl,classes:D,companyId:_,rootRef:X}),J.fileUploadingError&&S(j,{errorMessage:J.fileUploadingError,className:D.fileUploadingError}),J.fileUrl&&S(k,{fileName:J.fileName,fileUrl:J.fileUrl,handleFileDelete:function(){return Q((function(e){return x(x({},e),{},{fileUrl:"",fileSize:null,fileName:""})}))},handleFileUploadingError:ie,classes:D})]}),C(d,{className:D.dialogActions,children:[S(p,{"data-testid":"".concat(B,"_cancelButton"),color:"primary",onClick:P,children:H}),S(p,{"data-testid":"".concat(B,"_okButton"),color:"primary",variant:"contained",disabled:!J.fileUrl&&!J.comment||!I.every(Boolean),onClick:Z,children:M})]})]})})}A.propTypes={title:a.string,open:a.bool.isRequired,fileUrl:a.string,fileName:a.string,fileSize:a.number,handleShare:a.func.isRequired,handleClose:a.func.isRequired,classes:a.shape({}).isRequired,additionalFields:a.arrayOf(a.node),requiredFields:a.arrayOf(a.string),message:a.string,companyId:a.number,okButtonText:a.string,cancelButtonText:a.string};var W=c((function(e){return{dialogContentRoot:{minWidth:500},textFieldRoot:{marginBottom:20},textInput:{paddingTop:2},messageWrapper:{padding:"18.5px 14px",border:"solid 1px ".concat(e.palette.primary.main),boxShadow:"none"},dialogActions:{padding:"24px 24px",margin:0},deleteButton:{color:"#DADADA",cursor:"pointer"},fileUploadingError:{marginTop:10}}}))(o(A));export{W as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/PostPreviewDialog/index.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Input from '@material-ui/core/Input';\nimport RootRef from '@material-ui/core/RootRef';\nimport grey from '@material-ui/core/colors/grey';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Dialog } from '@material-ui/core';\n\nimport { getIsImage } from '../../utils/fileExtension';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~/components/FileTypeIcon';\nimport EmojiIconButton from '~/components/EmojiIconButton';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'PostPreviewDialog';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst muiStyles = theme => ({\n dialogContentRoot: { minWidth: 500 },\n textFieldRoot: { marginBottom: 20 },\n textInput: { paddingTop: 2 },\n messageWrapper: {\n padding: '18.5px 14px',\n border: `solid 1px ${theme.palette.primary.main}`,\n boxShadow: 'none',\n },\n dialogActions: {\n padding: '24px 24px',\n margin: 0,\n },\n deleteButton: {\n color: '#DADADA',\n cursor: 'pointer',\n },\n fileUploadingError: {\n marginTop: 10,\n },\n});\n\n/* eslint-disable react/prop-types /\nconst Message = props => (\n <Paper className={props.classes.messageWrapper}>\n <Input\n data-testid={`${PAGE_NAME}_messageInput`}\n inputRef={props.inputEl}\n inputComponent={UserMention}\n inputProps={{\n withLightTheme: false,\n onChange: props.handleMessageChange,\n companyId: props.companyId,\n suggestionsPortalHost: props.rootRef.current,\n }}\n placeholder=\"Add a message about the file...\"\n fullWidth\n disableUnderline\n multiline\n rows=\"3\"\n className={props.classes.textFieldRoot}\n value={props.comment}\n onKeyDown={props.handleKeyDown}\n />\n <div className={styles.cPostPreviewDialogMessageAdditionalFieldsWrapper}>\n <div>{props.additionalFields}</div>\n <div className={styles.cPostPreviewDialogMessageActionFields}>\n {!props.fileUrl && (\n <FileUploadIconButton\n htmlColor={grey[400]}\n openPreviewDialogOnUpload={false}\n disableRipple\n onFinish={props.handleFileUpload}\n onError={props.handleFileUploadingError}\n inputId=\"preview-dialog-file-upload\"\n />\n )}\n <EmojiIconButton\n handleSelectEmoji={props.handleSelectEmoji}\n emojiIconClassName={props.classes.additionalActionButton}\n htmlColor={grey[400]}\n disableRipple\n />\n </div>\n </div>\n </Paper>\n);\n\nconst File = props => {\n const isImage = getIsImage(props.fileName);\n\n return isImage ? (\n <div>\n <div className={styles.cPostPreviewDialogFileName}>\n <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap gutterBottom>\n {props.fileName}\n </Typography>\n <DeleteIcon\n data-testid={`${PAGE_NAME}_deleteButton`}\n color=\"action\"\n onClick={props.handleFileDelete}\n className={props.classes.deleteButton}\n />\n </div>\n <div className={styles.cPostPreviewDialogFileImageFileWrapper}>\n <img\n data-testid={`${PAGE_NAME}_previewImage`}\n className={styles.cPostPreviewDialogFileImage}\n src={props.fileUrl}\n alt=\"Uploaded file\"\n />\n </div>\n </div>\n ) : (\n <div\n className={styles.cPostPreviewDialogFileDownload}\n style={{\n backgroundColor: grey200,\n border: `1px solid ${grey400}`,\n }}\n >\n <FileTypeIcon fileName={props.fileName} />\n <div className={styles.cPostPreviewDialogFileDownloadText}>\n <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n {props.fileName}\n </Typography>\n <DeleteIcon\n data-testid={`${PAGE_NAME}_deleteButton`}\n color=\"action\"\n onClick={props.handleFileDelete}\n className={props.classes.deleteButton}\n />\n </div>\n </div>\n );\n};\n/ eslint-enable react/prop-types */\n\nclass FileUploadPreviewDialog extends PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n comment: props.message,\n fileUrl: props.fileUrl,\n fileSize: props.fileSize,\n fileName: props.fileName,\n fileUploadingError: null,\n };\n\n this.inputEl = createRef();\n this.rootRef = createRef();\n }\n\n componentDidUpdate(prevProps) {\n if (!prevProps.open && this.props.open && !this.state.comment && this.props.message) {\n this.setState({ comment: this.props.message });\n }\n\n if (\n this.props.fileUrl !== prevProps.fileUrl \|\|\n this.props.fileSize !== prevProps.fileSize \|\|\n this.props.fileName !== prevProps.fileName\n ) {\n this.setState({\n fileUrl: this.props.fileUrl,\n fileSize: this.props.fileSize,\n fileName: this.props.fileName,\n });\n }\n }\n\n focusOnInput = () => this.inputEl.current.focus();\n\n handleKeyDown = event => {\n if (event.key === 'Enter') {\n this.handleShare();\n }\n };\n\n handleMessageChange = comment => this.setState({ comment });\n\n handleSelectEmoji = emoji =>\n this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n handleShare = () => {\n this.props.handleShare(\n this.state.comment,\n this.state.fileUrl,\n this.state.fileSize,\n this.state.fileName\n );\n };\n\n handleFileDelete = () => {\n this.setState({ fileUrl: '', fileSize: null, fileName: '' });\n };\n\n handleFileUpload = (fileUrl, fileName, fileSize) => {\n this.setState({\n fileUrl,\n fileName,\n fileSize,\n fileUploadingError: null,\n });\n };\n\n handleFileUploadingError = fileUploadingError => {\n this.setState({\n fileUrl: null,\n fileName: null,\n fileSize: null,\n fileUploadingError,\n });\n };\n\n render() {\n return (\n <RootRef rootRef={this.rootRef}>\n <Dialog\n fullScreen={isNativeDetected}\n open={this.props.open}\n onClose={this.props.handleClose}\n onBackdropClick={this.props.handleClose}\n onEntered={this.focusOnInput}\n >\n <DialogTitle>{this.props.title}</DialogTitle>\n\n <DialogContent\n classes={{ root: !isNativeDetected && this.props.classes.dialogContentRoot }}\n >\n <Message\n inputEl={this.inputEl}\n comment={this.state.comment}\n handleMessageChange={this.handleMessageChange}\n handleKeyDown={this.handleKeyDown}\n handleFileUpload={this.handleFileUpload}\n handleSelectEmoji={this.handleSelectEmoji}\n handleFileUploadingError={this.handleFileUploadingError}\n additionalFields={this.props.additionalFields}\n fileUrl={this.state.fileUrl}\n classes={this.props.classes}\n companyId={this.props.companyId}\n rootRef={this.rootRef}\n />\n\n {this.state.fileUploadingError && (\n <FailedFileUploading\n errorMessage={this.state.fileUploadingError}\n className={this.props.classes.fileUploadingError}\n />\n )}\n\n {this.state.fileUrl && (\n <File\n fileName={this.state.fileName}\n fileUrl={this.state.fileUrl}\n handleFileDelete={this.handleFileDelete}\n handleFileUploadingError={this.handleFileUploadingError}\n classes={this.props.classes}\n />\n )}\n </DialogContent>\n\n <DialogActions className={this.props.classes.dialogActions}>\n <Button\n data-testid={`${PAGE_NAME}_cancelButton`}\n color=\"primary\"\n onClick={this.props.handleClose}\n >\n {this.props.cancelButtonText}\n </Button>\n\n <Button\n data-testid={`${PAGE_NAME}_okButton`}\n color=\"primary\"\n variant=\"contained\"\n disabled={\n (!this.state.fileUrl && !this.state.comment) \|\|\n !this.props.requiredFields.every(Boolean)\n }\n onClick={this.handleShare}\n >\n {this.props.okButtonText}\n </Button>\n </DialogActions>\n </Dialog>\n </RootRef>\n );\n }\n}\n\nFileUploadPreviewDialog.propTypes = {\n title: PropTypes.string,\n open: PropTypes.bool.isRequired,\n fileUrl: PropTypes.string,\n fileName: PropTypes.string,\n fileSize: PropTypes.number,\n handleShare: PropTypes.func.isRequired,\n handleClose: PropTypes.func.isRequired,\n\n classes: PropTypes.shape({}).isRequired,\n\n additionalFields: PropTypes.arrayOf(PropTypes.node),\n requiredFields: PropTypes.arrayOf(PropTypes.string),\n message: PropTypes.string,\n companyId: PropTypes.number,\n\n okButtonText: PropTypes.string,\n cancelButtonText: PropTypes.string,\n};\n\nFileUploadPreviewDialog.defaultProps = {\n title: 'Share a file',\n fileUrl: '',\n fileName: '',\n fileSize: null,\n additionalFields: [],\n requiredFields: [],\n message: '',\n companyId: null,\n\n okButtonText: 'Post',\n cancelButtonText: 'Cancel',\n};\n\nexport default withStyles(muiStyles)(FileUploadPreviewDialog);\n"],"names":["PAGE_NAME","grey200","grey","grey400","Message","props","_jsxs","Paper","className","classes","messageWrapper","children","_jsx","Input","concat","inputRef","inputEl","inputComponent","UserMention","inputProps","withLightTheme","onChange","handleMessageChange","companyId","suggestionsPortalHost","rootRef","current","placeholder","fullWidth","disableUnderline","multiline","rows","textFieldRoot","value","comment","onKeyDown","handleKeyDown","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","FileUploadIconButton","htmlColor","openPreviewDialogOnUpload","disableRipple","onFinish","handleFileUpload","onError","handleFileUploadingError","inputId","EmojiIconButton","handleSelectEmoji","emojiIconClassName","additionalActionButton","File","isImage","getIsImage","fileName","cPostPreviewDialogFileName","Typography","variant","noWrap","gutterBottom","DeleteIcon","color","onClick","handleFileDelete","deleteButton","cPostPreviewDialogFileImageFileWrapper","cPostPreviewDialogFileImage","src","alt","cPostPreviewDialogFileDownload","style","backgroundColor","border","FileTypeIcon","cPostPreviewDialogFileDownloadText","FileUploadPreviewDialog","_PureComponent","_inherits","PureComponent","_super","_createSuper","_this","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","focus","event","key","handleShare","setState","emoji","_ref","native","state","fileSize","fileUploadingError","message","createRef","_createClass","prevProps","open","RootRef","Dialog","fullScreen","isNativeDetected","onClose","handleClose","onBackdropClick","onEntered","focusOnInput","DialogTitle","title","DialogContent","root","dialogContentRoot","FailedFileUploading","errorMessage","DialogActions","dialogActions","Button","cancelButtonText","disabled","requiredFields","every","Boolean","okButtonText","propTypes","PropTypes","string","bool","isRequired","number","func","shape","arrayOf","node","defaultProps","PostPreviewDialog","withStyles","theme","minWidth","marginBottom","textInput","paddingTop","padding","palette","primary","main","boxShadow","margin","cursor","marginTop"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/PostPreviewDialog/index.js"],"sourcesContent":["import { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Input from '@material-ui/core/Input';\nimport RootRef from '@material-ui/core/RootRef';\nimport grey from '@material-ui/core/colors/grey';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Dialog } from '@material-ui/core';\n\nimport { getIsImage } from '../../utils/fileExtension';\n\nimport styles from './styles.css';\n\nimport FileTypeIcon from '~/components/FileTypeIcon';\nimport EmojiIconButton from '~/components/EmojiIconButton';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'PostPreviewDialog';\n\nconst grey200 = grey[200];\nconst grey400 = grey[400];\n\nconst muiStyles = theme => ({\n dialogContentRoot: { minWidth: 500 },\n textFieldRoot: { marginBottom: 20 },\n textInput: { paddingTop: 2 },\n messageWrapper: {\n padding: '18.5px 14px',\n border: `solid 1px ${theme.palette.primary.main}`,\n boxShadow: 'none',\n },\n dialogActions: {\n padding: '24px 24px',\n margin: 0,\n },\n deleteButton: {\n color: '#DADADA',\n cursor: 'pointer',\n },\n fileUploadingError: {\n marginTop: 10,\n },\n});\n\n/* eslint-disable react/prop-types /\nconst Message = props => (\n <Paper className={props.classes.messageWrapper}>\n <Input\n data-testid={`${PAGE_NAME}_messageInput`}\n inputRef={props.inputEl}\n inputComponent={UserMention}\n inputProps={{\n withLightTheme: false,\n onChange: props.handleMessageChange,\n companyId: props.companyId,\n suggestionsPortalHost: props.rootRef.current,\n }}\n placeholder=\"Add a message about the file...\"\n fullWidth\n disableUnderline\n multiline\n rows=\"3\"\n className={props.classes.textFieldRoot}\n value={props.comment}\n onKeyDown={props.handleKeyDown}\n />\n <div className={styles.cPostPreviewDialogMessageAdditionalFieldsWrapper}>\n <div>{props.additionalFields}</div>\n <div className={styles.cPostPreviewDialogMessageActionFields}>\n {!props.fileUrl && (\n <FileUploadIconButton\n htmlColor={grey[400]}\n openPreviewDialogOnUpload={false}\n disableRipple\n onFinish={props.handleFileUpload}\n onError={props.handleFileUploadingError}\n inputId=\"preview-dialog-file-upload\"\n />\n )}\n <EmojiIconButton\n handleSelectEmoji={props.handleSelectEmoji}\n emojiIconClassName={props.classes.additionalActionButton}\n htmlColor={grey[400]}\n disableRipple\n />\n </div>\n </div>\n </Paper>\n);\n\nconst File = props => {\n const isImage = getIsImage(props.fileName);\n\n return isImage ? (\n <div>\n <div className={styles.cPostPreviewDialogFileName}>\n <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap gutterBottom>\n {props.fileName}\n </Typography>\n <DeleteIcon\n data-testid={`${PAGE_NAME}_deleteButton`}\n color=\"action\"\n onClick={props.handleFileDelete}\n className={props.classes.deleteButton}\n />\n </div>\n <div className={styles.cPostPreviewDialogFileImageFileWrapper}>\n <img\n data-testid={`${PAGE_NAME}_previewImage`}\n className={styles.cPostPreviewDialogFileImage}\n src={props.fileUrl}\n alt=\"Uploaded file\"\n />\n </div>\n </div>\n ) : (\n <div\n className={styles.cPostPreviewDialogFileDownload}\n style={{\n backgroundColor: grey200,\n border: `1px solid ${grey400}`,\n }}\n >\n <FileTypeIcon fileName={props.fileName} />\n <div className={styles.cPostPreviewDialogFileDownloadText}>\n <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n {props.fileName}\n </Typography>\n <DeleteIcon\n data-testid={`${PAGE_NAME}_deleteButton`}\n color=\"action\"\n onClick={props.handleFileDelete}\n className={props.classes.deleteButton}\n />\n </div>\n </div>\n );\n};\n/ eslint-enable react/prop-types /\n\nconst emptyFields = [];\n\n/* @param {any} props Preserve the legacy component's public prop type. */\nfunction FileUploadPreviewDialog({\n title = 'Share a file',\n open,\n fileUrl = '',\n fileName = '',\n fileSize = null,\n handleShare: onShare,\n handleClose,\n classes,\n additionalFields = emptyFields,\n requiredFields = emptyFields,\n message = '',\n companyId = null,\n okButtonText = 'Post',\n cancelButtonText = 'Cancel',\n}) {\n const [state, setState] = useState(() => ({\n comment: message,\n fileUrl,\n fileSize,\n fileName,\n fileUploadingError: null,\n }));\n const inputEl = useRef(null);\n const rootRef = useRef(null);\n const previousProps = useRef({ open, fileUrl, fileSize, fileName });\n\n useLayoutEffect(() => {\n const previous = previousProps.current;\n previousProps.current = { open, fileUrl, fileSize, fileName };\n const fillMessage = !previous.open && open && !state.comment && message;\n const fileChanged =\n fileUrl !== previous.fileUrl \|\|\n fileSize !== previous.fileSize \|\|\n fileName !== previous.fileName;\n if (fillMessage \|\| fileChanged) {\n setState(current => ({\n ...current,\n ...(fillMessage ? { comment: message } : {}),\n ...(fileChanged ? { fileUrl, fileSize, fileName } : {}),\n }));\n }\n }, [open, fileUrl, fileSize, fileName, message, state.comment]);\n\n const focusOnInput = () => inputEl.current.focus();\n const handleShare = () => onShare(state.comment, state.fileUrl, state.fileSize, state.fileName);\n const handleKeyDown = event => {\n if (event.key === 'Enter') handleShare();\n };\n const handleMessageChange = comment => setState(current => ({ ...current, comment }));\n const handleSelectEmoji = useCallback(\n emoji => setState(current => ({ ...current, comment: `${current.comment}${emoji.native}` })),\n []\n );\n const handleFileDelete = () =>\n setState(current => ({ ...current, fileUrl: '', fileSize: null, fileName: '' }));\n const handleFileUpload = useCallback(\n (uploadedUrl, uploadedName, uploadedSize) =>\n setState(current => ({\n ...current,\n fileUrl: uploadedUrl,\n fileName: uploadedName,\n fileSize: uploadedSize,\n fileUploadingError: null,\n })),\n []\n );\n const handleFileUploadingError = useCallback(\n fileUploadingError =>\n setState(current => ({\n ...current,\n fileUrl: null,\n fileName: null,\n fileSize: null,\n fileUploadingError,\n })),\n []\n );\n\n return (\n <RootRef rootRef={rootRef}>\n <Dialog\n fullScreen={isNativeDetected}\n open={open}\n onClose={handleClose}\n onBackdropClick={handleClose}\n onEntered={focusOnInput}\n >\n <DialogTitle>{title}</DialogTitle>\n\n <DialogContent classes={{ root: !isNativeDetected && classes.dialogContentRoot }}>\n <Message\n inputEl={inputEl}\n comment={state.comment}\n handleMessageChange={handleMessageChange}\n handleKeyDown={handleKeyDown}\n handleFileUpload={handleFileUpload}\n handleSelectEmoji={handleSelectEmoji}\n handleFileUploadingError={handleFileUploadingError}\n additionalFields={additionalFields}\n fileUrl={state.fileUrl}\n classes={classes}\n companyId={companyId}\n rootRef={rootRef}\n />\n\n {state.fileUploadingError && (\n <FailedFileUploading\n errorMessage={state.fileUploadingError}\n className={classes.fileUploadingError}\n />\n )}\n\n {state.fileUrl && (\n <File\n fileName={state.fileName}\n fileUrl={state.fileUrl}\n handleFileDelete={handleFileDelete}\n handleFileUploadingError={handleFileUploadingError}\n classes={classes}\n />\n )}\n </DialogContent>\n\n <DialogActions className={classes.dialogActions}>\n <Button data-testid={`${PAGE_NAME}_cancelButton`} color=\"primary\" onClick={handleClose}>\n {cancelButtonText}\n </Button>\n\n <Button\n data-testid={`${PAGE_NAME}_okButton`}\n color=\"primary\"\n variant=\"contained\"\n disabled={(!state.fileUrl && !state.comment) \|\| !requiredFields.every(Boolean)}\n onClick={handleShare}\n >\n {okButtonText}\n </Button>\n </DialogActions>\n </Dialog>\n </RootRef>\n );\n}\n\nFileUploadPreviewDialog.propTypes = {\n title: PropTypes.string,\n open: PropTypes.bool.isRequired,\n fileUrl: PropTypes.string,\n fileName: PropTypes.string,\n fileSize: PropTypes.number,\n handleShare: PropTypes.func.isRequired,\n handleClose: PropTypes.func.isRequired,\n\n classes: PropTypes.shape({}).isRequired,\n\n additionalFields: PropTypes.arrayOf(PropTypes.node),\n requiredFields: PropTypes.arrayOf(PropTypes.string),\n message: PropTypes.string,\n companyId: PropTypes.number,\n\n okButtonText: PropTypes.string,\n cancelButtonText: PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(memo(FileUploadPreviewDialog));\n"],"names":["PAGE_NAME","grey200","grey","grey400","Message","props","_jsxs","Paper","className","classes","messageWrapper","children","_jsx","Input","concat","inputRef","inputEl","inputComponent","UserMention","inputProps","withLightTheme","onChange","handleMessageChange","companyId","suggestionsPortalHost","rootRef","current","placeholder","fullWidth","disableUnderline","multiline","rows","textFieldRoot","value","comment","onKeyDown","handleKeyDown","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","FileUploadIconButton","htmlColor","openPreviewDialogOnUpload","disableRipple","onFinish","handleFileUpload","onError","handleFileUploadingError","inputId","EmojiIconButton","handleSelectEmoji","emojiIconClassName","additionalActionButton","File","isImage","getIsImage","fileName","cPostPreviewDialogFileName","Typography","variant","noWrap","gutterBottom","DeleteIcon","color","onClick","handleFileDelete","deleteButton","cPostPreviewDialogFileImageFileWrapper","cPostPreviewDialogFileImage","src","alt","cPostPreviewDialogFileDownload","style","backgroundColor","border","FileTypeIcon","cPostPreviewDialogFileDownloadText","emptyFields","FileUploadPreviewDialog","_ref","_ref$title","title","open","_ref$fileUrl","_ref$fileName","_ref$fileSize","fileSize","onShare","handleShare","handleClose","_ref$additionalFields","_ref$requiredFields","requiredFields","_ref$message","message","_ref$companyId","_ref$okButtonText","okButtonText","_ref$cancelButtonText","cancelButtonText","_useState","useState","fileUploadingError","_useState2","_slicedToArray","state","setState","useRef","previousProps","useLayoutEffect","previous","fillMessage","fileChanged","useCallback","emoji","_objectSpread","native","uploadedUrl","uploadedName","uploadedSize","RootRef","Dialog","fullScreen","isNativeDetected","onClose","onBackdropClick","onEntered","focus","DialogTitle","DialogContent","root","dialogContentRoot","event","key","FailedFileUploading","errorMessage","DialogActions","dialogActions","Button","disabled","every","Boolean","propTypes","PropTypes","string","bool","isRequired","number","func","shape","arrayOf","node","withStyles","theme","minWidth","marginBottom","textInput","paddingTop","padding","palette","primary","main","boxShadow","margin","cursor","marginTop","memo"],"mappings":"urDA0BA,IAAMA,EAAY,oBAEZC,EAAUC,EAAK,KACfC,EAAUD,EAAK,KAyBfE,EAAU,SAAAC,GAAK,OACnBC,EAACC,EAAK,CAACC,UAAWH,EAAMI,QAAQC,eAAeC,SAAA,CAC7CC,EAACC,EAAK,CACJ,cAAA,GAAAC,OAAgBd,EAAyB,iBACzCe,SAAUV,EAAMW,QAChBC,eAAgBC,EAChBC,WAAY,CACVC,gBAAgB,EAChBC,SAAUhB,EAAMiB,oBAChBC,UAAWlB,EAAMkB,UACjBC,sBAAuBnB,EAAMoB,QAAQC,SAEvCC,YAAY,kCACZC,WAAS,EACTC,kBAAgB,EAChBC,WAAS,EACTC,KAAK,IACLvB,UAAWH,EAAMI,QAAQuB,cACzBC,MAAO5B,EAAM6B,QACbC,UAAW9B,EAAM+B,gBAEnB9B,EAAA,MAAA,CAAKE,UAAW6B,EAAOC,iDAAiD3B,SACtE,CAAAC,EAAA,MAAA,CAAAD,SAAMN,EAAMkC,mBACZjC,EAAA,MAAA,CAAKE,UAAW6B,EAAOG,sCAAsC7B,SAAA,EACzDN,EAAMoC,SACN7B,EAAC8B,EAAoB,CACnBC,UAAWzC,EAAK,KAChB0C,2BAA2B,EAC3BC,eAAa,EACbC,SAAUzC,EAAM0C,iBAChBC,QAAS3C,EAAM4C,yBACfC,QAAQ,+BAGZtC,EAACuC,EAAe,CACdC,kBAAmB/C,EAAM+C,kBACzBC,mBAAoBhD,EAAMI,QAAQ6C,uBAClCX,UAAWzC,EAAK,KAChB2C,eAAa,YAIb,EAGJU,EAAO,SAAAlD,GACX,IAAMmD,EAAUC,EAAWpD,EAAMqD,UAEjC,OACEpD,EAAA,MADKkD,EACL,CAAA7C,SACE,CAAAL,EAAA,MAAA,CAAKE,UAAW6B,EAAOsB,2BAA2BhD,SAAA,CAChDC,EAACgD,EAAU,CAAC,cAAA,GAAA9C,OAAgBd,EAAqB,aAAC6D,QAAQ,YAAYC,QAAM,EAACC,cAAY,EAAApD,SACtFN,EAAMqD,WAET9C,EAACoD,EAAU,CACT,cAAA,GAAAlD,OAAgBd,EAAyB,iBACzCiE,MAAM,SACNC,QAAS7D,EAAM8D,iBACf3D,UAAWH,EAAMI,QAAQ2D,kBAG7BxD,EAAA,MAAA,CAAKJ,UAAW6B,EAAOgC,uCAAuC1D,SAC5DC,EAAA,MAAA,CACE,cAAA,GAAAE,OAAgBd,EAAyB,iBACzCQ,UAAW6B,EAAOiC,4BAClBC,IAAKlE,EAAMoC,QACX+B,IAAI,sBAKV,CACEhE,UAAW6B,EAAOoC,+BAClBC,MAAO,CACLC,gBAAiB1E,EACjB2E,2BAAqBzE,IACrBQ,SAAA,CAEFC,EAACiE,EAAY,CAACnB,SAAUrD,EAAMqD,WAC9BpD,EAAA,MAAA,CAAKE,UAAW6B,EAAOyC,mCAAmCnE,SAAA,CACxDC,EAACgD,EAAU,CAAC,cAAA,GAAA9C,OAAgBd,EAAqB,aAAC6D,QAAQ,YAAYC,QAAM,EAAAnD,SACzEN,EAAMqD,WAET9C,EAACoD,EAAU,CACT,cAAA,GAAAlD,OAAgBd,EAAyB,iBACzCiE,MAAM,SACNC,QAAS7D,EAAM8D,iBACf3D,UAAWH,EAAMI,QAAQ2D,oBAKnC,EAGMW,EAAc,GAGpB,SAASC,EAeNC,GAAA,IAAAC,EAAAD,EAdDE,MAAAA,aAAQ,eAAcD,EACtBE,IAAAA,KAAIC,EAAAJ,EACJxC,QAAAA,aAAU,GAAE4C,EAAAC,EAAAL,EACZvB,SAAAA,aAAW,GAAE4B,EAAAC,EAAAN,EACbO,SAAAA,aAAW,KAAID,EACFE,IAAbC,YACAC,IAAAA,YACAlF,IAAAA,QAAOmF,EAAAX,EACP1C,iBAAAA,aAAmBwC,EAAWa,EAAAC,EAAAZ,EAC9Ba,eAAAA,aAAiBf,EAAWc,EAAAE,EAAAd,EAC5Be,QAAAA,aAAU,GAAED,EAAAE,EAAAhB,EACZ1D,UAAAA,aAAY,KAAI0E,EAAAC,EAAAjB,EAChBkB,aAAAA,aAAe,OAAMD,EAAAE,EAAAnB,EACrBoB,iBAAAA,aAAmB,SAAQD,EAE3BE,EAA0BC,GAAS,WAAA,MAAO,CACxCrE,QAAS8D,EACTvD,QAAAA,EACA+C,SAAAA,EACA9B,SAAAA,EACA8C,mBAAoB,KACrB,IAAEC,EAAAC,EAAAJ,EAAA,GANIK,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAOhBzF,EAAU6F,EAAO,MACjBpF,EAAUoF,EAAO,MACjBC,EAAgBD,EAAO,CAAEzB,KAAAA,EAAM3C,QAAAA,EAAS+C,SAAAA,EAAU9B,SAAAA,IAExDqD,GAAgB,WACd,IAAMC,EAAWF,EAAcpF,QAC/BoF,EAAcpF,QAAU,CAAE0D,KAAAA,EAAM3C,QAAAA,EAAS+C,SAAAA,EAAU9B,SAAAA,GACnD,IAAMuD,GAAeD,EAAS5B,MAAQA,IAASuB,EAAMzE,SAAW8D,EAC1DkB,EACJzE,IAAYuE,EAASvE,SACrB+C,IAAawB,EAASxB,UACtB9B,IAAasD,EAAStD,UACpBuD,GAAeC,IACjBN,GAAS,SAAAlF,GAAO,OACXA,EAAAA,EAAAA,EAAAA,CAAAA,EAAAA,GACCuF,EAAc,CAAE/E,QAAS8D,GAAY,CAAA,GACrCkB,EAAc,CAAEzE,QAAAA,EAAS+C,SAAAA,EAAU9B,SAAAA,GAAa,CAAE,EAAA,GAG5D,GAAG,CAAC0B,EAAM3C,EAAS+C,EAAU9B,EAAUsC,EAASW,EAAMzE,UAEtD,IACMwD,EAAc,WAAH,OAASD,EAAQkB,EAAMzE,QAASyE,EAAMlE,QAASkE,EAAMnB,SAAUmB,EAAMjD,SAAS,EAKzFN,EAAoB+D,GACxB,SAAAC,GAAK,OAAIR,GAAS,SAAAlF,GAAO,OAAA2F,EAAAA,EAAA,CAAA,EAAU3F,GAAO,CAAA,EAAA,CAAEQ,kBAAYR,EAAQQ,SAAUkF,OAAAA,EAAME,SAAQ,GAAI,GAC5F,IAIIvE,GAAmBoE,GACvB,SAACI,EAAaC,EAAcC,GAAY,OACtCb,GAAS,SAAAlF,GAAO,OAAA2F,EAAAA,EAAA,CAAA,EACX3F,GAAO,CAAA,EAAA,CACVe,QAAS8E,EACT7D,SAAU8D,EACVhC,SAAUiC,EACVjB,mBAAoB,MAAI,GACvB,GACL,IAEIvD,GAA2BkE,GAC/B,SAAAX,GAAkB,OAChBI,GAAS,SAAAlF,GAAO,OAAA2F,EAAAA,EAAA,CAAA,EACX3F,GAAO,CAAA,EAAA,CACVe,QAAS,KACTiB,SAAU,KACV8B,SAAU,KACVgB,mBAAAA,GAAkB,GACjB,GACL,IAGF,OACE5F,EAAC8G,EAAO,CAACjG,QAASA,EAAQd,SACxBL,EAACqH,EAAM,CACLC,WAAYC,EACZzC,KAAMA,EACN0C,QAASnC,EACToC,gBAAiBpC,EACjBqC,UA1Ce,WAAH,OAAShH,EAAQU,QAAQuG,OAAO,EA0CpBtH,SAAA,CAExBC,EAACsH,EAAW,CAAAvH,SAAEwE,IAEd7E,EAAC6H,EAAa,CAAC1H,QAAS,CAAE2H,MAAOP,GAAoBpH,EAAQ4H,mBAAoB1H,SAAA,CAC/EC,EAACR,EAAO,CACNY,QAASA,EACTkB,QAASyE,EAAMzE,QACfZ,oBA7CkB,SAAAY,GAAO,OAAI0E,GAAS,SAAAlF,GAAO,OAAA2F,EAAAA,EAAA,CAAA,EAAU3F,GAAO,CAAA,EAAA,CAAEQ,QAAAA,GAAO,GAAI,EA8C3EE,cAjDY,SAAAkG,GACF,UAAdA,EAAMC,KAAiB7C,KAiDnB3C,iBAAkBA,GAClBK,kBAAmBA,EACnBH,yBAA0BA,GAC1BV,iBAAkBA,EAClBE,QAASkE,EAAMlE,QACfhC,QAASA,EACTc,UAAWA,EACXE,QAASA,IAGVkF,EAAMH,oBACL5F,EAAC4H,EAAmB,CAClBC,aAAc9B,EAAMH,mBACpBhG,UAAWC,EAAQ+F,qBAItBG,EAAMlE,SACL7B,EAAC2C,EAAI,CACHG,SAAUiD,EAAMjD,SAChBjB,QAASkE,EAAMlE,QACf0B,iBA/Da,WAAH,OACpByC,GAAS,SAAAlF,GAAO,OAAA2F,EAAAA,EAAA,CAAA,EAAU3F,GAAO,CAAA,EAAA,CAAEe,QAAS,GAAI+C,SAAU,KAAM9B,SAAU,IAAE,GAAI,EA+DtET,yBAA0BA,GAC1BxC,QAASA,OAKfH,EAACoI,EAAa,CAAClI,UAAWC,EAAQkI,cAAchI,SAAA,CAC9CC,EAACgI,EAAM,CAAC,cAAA,GAAA9H,OAAgBd,EAAyB,iBAACiE,MAAM,UAAUC,QAASyB,EAAYhF,SACpF0F,IAGHzF,EAACgI,EAAM,CACL,cAAA,GAAA9H,OAAgBd,EAAqB,aACrCiE,MAAM,UACNJ,QAAQ,YACRgF,UAAYlC,EAAMlE,UAAYkE,EAAMzE,UAAa4D,EAAegD,MAAMC,SACtE7E,QAASwB,EAAY/E,SAEpBwF,WAMb,CAEAnB,EAAwBgE,UAAY,CAClC7D,MAAO8D,EAAUC,OACjB9D,KAAM6D,EAAUE,KAAKC,WACrB3G,QAASwG,EAAUC,OACnBxF,SAAUuF,EAAUC,OACpB1D,SAAUyD,EAAUI,OACpB3D,YAAauD,EAAUK,KAAKF,WAC5BzD,YAAasD,EAAUK,KAAKF,WAE5B3I,QAASwI,EAAUM,MAAM,CAAA,GAAIH,WAE7B7G,iBAAkB0G,EAAUO,QAAQP,EAAUQ,MAC9C3D,eAAgBmD,EAAUO,QAAQP,EAAUC,QAC5ClD,QAASiD,EAAUC,OACnB3H,UAAW0H,EAAUI,OAErBlD,aAAc8C,EAAUC,OACxB7C,iBAAkB4C,EAAUC,QAG9B,IAAeQ,EAAAA,GA7RG,SAAAC,GAAK,MAAK,CAC1BtB,kBAAmB,CAAEuB,SAAU,KAC/B5H,cAAe,CAAE6H,aAAc,IAC/BC,UAAW,CAAEC,WAAY,GACzBrJ,eAAgB,CACdsJ,QAAS,cACTpF,OAAM,aAAA9D,OAAe6I,EAAMM,QAAQC,QAAQC,MAC3CC,UAAW,QAEbzB,cAAe,CACbqB,QAAS,YACTK,OAAQ,GAEVjG,aAAc,CACZH,MAAO,UACPqG,OAAQ,WAEV9D,mBAAoB,CAClB+D,UAAW,IAEd,GAyQcb,CAAsBc,EAAKxF"}

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/defineProperty";import{memo as i,useContext as n,useState as t,useEffect as r}from"react";import{uniq as e}from"lodash";import{makeStyles as m,FormControl as p,InputLabel as a,Select as u,MenuItem as l}from"@material-ui/core";import{isMobileDetected as j}from"../../../utils/mobileDetect.js";import d from"../../Modal/Modal.js";import I from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as h,jsxs as f,Fragment as b}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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/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 C from"../RealTimeSidebarContext.js";function O(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 s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?O(Object(i),!0).forEach((function(s){c(o,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(i,s))}))}return o}var v=m({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),y=i((function(i){var m=i.isDialogOpen,O=i.paramToEdit,y=i.handleCloseRealTimeDialog,P=n(C),F=P.onAppSettingChange,k=P.appSettings,D=P.assetKey,S=P.realTimeTypes,A=P.setting,B=P.handleChangeParamToEdit,T=v(),x=function(o){F("rtValuesSetting",g(g({},k.rtValuesSetting),{},c({},D,o)))},E=t(O),M=s(E,2),R=M[0],w=M[1];r((function(){w(O)}),[O]);return h(d,{open:m,onClose:y,title:"Add/Edit Real-Time Parameter",size:j?"extraLarge":"medium",actions:f(b,{children:[h(I,{color:"primary",classes:{root:T.cancelButton},onClick:y,children:"Cancel"}),O&&h(I,{color:"primary",onClick:function(){var o=A.filter((function(o){return o!==O}));x(o),B(""),y()},children:"Delete"}),h(I,{classes:{root:T.saveButton},variation:"primary",onClick:function(){var s;if(O)s=A.map((function(o){return o===O?R:o}));else{if(A.find((function(o){return o===R})))return void y();s=[R].concat(o(A))}s=e(s),x(s),B(""),y()},disabled:!R,children:"Save"})]}),children:f(p,{classes:{root:T.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[h(a,{htmlFor:"parameter",children:"Parameter"}),h(u,{value:R||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){w(String(o.target.value))},children:S.map((function(o){return h(l,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:A.includes(o.key),children:o.name},o.key)}))})]})})}));export{y as default};
+import o from"@babel/runtime/helpers/toConsumableArray";import s from"@babel/runtime/helpers/slicedToArray";import c from"@babel/runtime/helpers/defineProperty";import{memo as n,useContext as i,useState as t,useEffect as r}from"react";import{uniq as e}from"lodash";import{makeStyles as m,FormControl as p,InputLabel as a,Select as u,MenuItem as l}from"@material-ui/core";import{isMobileDetected as j}from"../../../utils/mobileDetect.js";import d from"../../Modal/Modal.js";import I from"../../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"classnames";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import"@icon-park/react/es/all";import{jsx as h,jsxs as f,Fragment as b}from"react/jsx-runtime";import"../../../icons/IconParkProvider.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 C from"../RealTimeSidebarContext.js";function O(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function g(o){for(var s=1;s<arguments.length;s++){var n=null!=arguments[s]?arguments[s]:{};s%2?O(Object(n),!0).forEach((function(s){c(o,s,n[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(s){Object.defineProperty(o,s,Object.getOwnPropertyDescriptor(n,s))}))}return o}var v=m({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),y=n((function(n){var m=n.isDialogOpen,O=n.paramToEdit,y=n.handleCloseRealTimeDialog,P=i(C),F=P.onAppSettingChange,k=P.appSettings,D=P.assetKey,S=P.realTimeTypes,A=P.setting,B=P.handleChangeParamToEdit,T=v(),x=function(o){F("rtValuesSetting",g(g({},k.rtValuesSetting),{},c({},D,o)))},R=t(O),E=s(R,2),M=E[0],w=E[1];r((function(){w(O)}),[O]);return h(d,{open:m,onClose:y,title:"Add/Edit Real-Time Parameter",size:j?"extraLarge":"medium",actions:f(b,{children:[h(I,{color:"primary",classes:{root:T.cancelButton},onClick:y,children:"Cancel"}),O&&h(I,{color:"primary",onClick:function(){var o=A.filter((function(o){return o!==O}));x(o),B(""),y()},children:"Delete"}),h(I,{classes:{root:T.saveButton},variation:"primary",onClick:function(){var s;if(O)s=A.map((function(o){return o===O?M:o}));else{if(A.find((function(o){return o===M})))return void y();s=[M].concat(o(A))}s=e(s),x(s),B(""),y()},disabled:!M,children:"Save"})]}),children:f(p,{classes:{root:T.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[h(a,{htmlFor:"parameter",children:"Parameter"}),h(u,{value:M||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(o){w(String(o.target.value))},children:S.map((function(o){return h(l,{"data-testid":"".concat(o.key,"_menuItem"),value:o.key,disabled:A.includes(o.key),children:o.name},o.key)}))})]})})}));export{y as default};
 //# sourceMappingURL=RealTimeBoxEditDialog.js.map

package/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RealTimeBoxEditDialog.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.tsx"],"sourcesContent":["import React, { FC, memo, useState, useEffect, useContext } from 'react';\nimport { uniq } from 'lodash';\nimport { makeStyles, InputLabel, MenuItem, FormControl, Select } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { RealTimeBoxEditDialogProps, RealTimeType } from '../types';\nimport Modal from '~/components/Modal/Modal';\nimport Button from '~/components/Button';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\n\nconst useStyles = makeStyles({\n selectFormControl: { width: '80%', marginRight: '1rem' },\n cancelButton: {\n margin: '0 16px 0 auto',\n },\n saveButton: {\n marginLeft: 16,\n }\n});\n\nconst RealTimeBoxEditDialog: FC<RealTimeBoxEditDialogProps> = ({ isDialogOpen, paramToEdit, handleCloseRealTimeDialog }) => {\n const {\n onAppSettingChange,\n appSettings,\n assetKey,\n realTimeTypes,\n setting,\n handleChangeParamToEdit,\n } = useContext(RealTimeSidebarContext)!;\n\n const classes = useStyles();\n\n const onAppRtValuesSettingChange = (value: string[]) => {\n onAppSettingChange('rtValuesSetting', {\n ...appSettings.rtValuesSetting,\n [assetKey]: value,\n });\n };\n\n const [selectedParam, setSelectedParam] = useState(paramToEdit);\n\n useEffect(() => {\n setSelectedParam(paramToEdit);\n }, [paramToEdit]);\n\n const handleSave = () => {\n let newSetting;\n if (!paramToEdit) {\n if (setting.find((item: string) => item === selectedParam)) {\n handleCloseRealTimeDialog();\n return;\n }\n newSetting = [selectedParam, ...setting];\n } else {\n newSetting = setting.map((item: string) => {\n return item === paramToEdit ? selectedParam : item;\n });\n }\n\n // NOTE: remove duplicates\n newSetting = uniq(newSetting) as string[];\n\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const handleDelete = () => {\n const newSetting = setting.filter((item: string) => item !== paramToEdit);\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const onParamChange = (e: React.ChangeEvent<{ value: unknown }>) => {\n setSelectedParam(String(e.target.value));\n };\n\n return (\n <Modal\n open={isDialogOpen}\n onClose={handleCloseRealTimeDialog}\n title=\"Add/Edit Real-Time Parameter\"\n size={isMobileDetected ? 'extraLarge' : 'medium'}\n actions={\n <>\n <Button\n color=\"primary\"\n classes={{ root: classes.cancelButton }}\n onClick={handleCloseRealTimeDialog}\n >\n Cancel\n </Button>\n {paramToEdit && (\n <Button color=\"primary\" onClick={handleDelete}>\n Delete\n </Button>\n )}\n <Button\n classes={{ root: classes.saveButton }}\n variation=\"primary\"\n onClick={handleSave}\n disabled={!selectedParam}\n >\n Save\n </Button>\n </>\n }\n >\n <FormControl\n classes={{ root: classes.selectFormControl }}\n data-testid=\"addEditRealTimeParameterDropdown\"\n >\n <InputLabel htmlFor=\"parameter\">Parameter</InputLabel>\n <Select\n value={selectedParam \|\| ''}\n inputProps={{ name: 'parameter', id: 'parameter' }}\n onChange={onParamChange}\n >\n {realTimeTypes.map((rtType: RealTimeType) => (\n <MenuItem\n data-testid={`${rtType.key}_menuItem`}\n value={rtType.key}\n key={rtType.key}\n disabled={setting.includes(rtType.key)}\n >\n {rtType.name}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Modal>\n );\n};\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","saveButton","marginLeft","memo","_ref","isDialogOpen","paramToEdit","handleCloseRealTimeDialog","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","realTimeTypes","setting","handleChangeParamToEdit","classes","onAppRtValuesSettingChange","value","_objectSpread","rtValuesSetting","useState","_useState2","_slicedToArray","_useState","selectedParam","setSelectedParam","useEffect","_jsx","Modal","open","onClose","title","size","isMobileDetected","actions","_jsxs","_Fragment","children","Button","color","root","onClick","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"~~2xKAUA~~,IAAMA,EAAYC,EAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,GAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAWC,GANbC,IAAAA,mBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,QACAC,IAAAA,wBAGIC,EAAUtB,IAEVuB,EAA6B,SAACC,GAClCR,EAAmB,kBAAiBS,EAAAA,EAAA,CAAA,EAC/BR,EAAYS,iBACdR,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAASf,GAAYgB,EAAAC,EAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,GAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAmB,aAAe,SACxCC,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEV,EAACW,EAAM,CACLC,MAAM,UACNxB,QAAS,CAAEyB,KAAMzB,EAAQjB,cACzB2C,QAASnC,EAA0B+B,SAAA,WAIpChC,GACCsB,EAACW,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAMC,EAAa7B,EAAQ8B,QAAO,SAACC,GAAY,OAAKA,IAASvC,KAC7DW,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAuBsD+B,SAAA,WAIhDV,EAACW,EAAM,CACLvB,QAAS,CAAEyB,KAAMzB,EAAQf,YACzB6C,UAAU,UACVJ,QAxDS,WACjB,IAAIC,EACJ,GAAKrC,EAOHqC,EAAa7B,EAAQiC,KAAI,SAACF,GACxB,OAAOA,IAASvC,EAAcmB,EAAgBoB,CAChD,QATgB,CAChB,GAAI/B,EAAQkC,MAAK,SAACH,GAAY,OAAKA,IAASpB,CAAa,IAEvD,YADAlB,IAGFoC,EAAclB,CAAAA,GAAkBX,OAAAA,EAAAA,GAClC,CAOA6B,EAAaM,EAAKN,GAElB1B,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAsCQ2C,UAAWzB,EAAca,SAAA,YAK9BA,SAEDF,EAACe,EAAW,CACVnC,QAAS,CAAEyB,KAAMzB,EAAQpB,mBACzB,cAAY,mCAAkC0C,SAAA,CAE9CV,EAACwB,EAAU,CAACC,QAAQ,YAAWf,SAAA,cAC/BV,EAAC0B,EAAM,CACLpC,MAAOO,GAAiB,GACxB8B,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBjC,EAAiBkC,OAAOD,EAAEE,OAAO3C,SA0CHoB,SAEvBzB,EAAckC,KAAI,SAACe,GAAoB,OACtClC,EAACmC,EAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtC9C,MAAO4C,EAAOE,IAEdd,SAAUpC,EAAQmD,SAASH,EAAOE,KAAK1B,SAEtCwB,EAAON,MAHHM,EAAOE,cAU1B"}
1	+ {"version":3,"file":"RealTimeBoxEditDialog.js","sources":["../../../../src/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.tsx"],"sourcesContent":["import React, { FC, memo, useState, useEffect, useContext } from 'react';\nimport { uniq } from 'lodash';\nimport { makeStyles, InputLabel, MenuItem, FormControl, Select } from '@material-ui/core';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\nimport { RealTimeBoxEditDialogProps, RealTimeType } from '../types';\nimport Modal from '~/components/Modal/Modal';\nimport Button from '~/components/Button';\nimport RealTimeSidebarContext from '../RealTimeSidebarContext';\n\nconst useStyles = makeStyles({\n selectFormControl: { width: '80%', marginRight: '1rem' },\n cancelButton: {\n margin: '0 16px 0 auto',\n },\n saveButton: {\n marginLeft: 16,\n }\n});\n\nconst RealTimeBoxEditDialog: FC<RealTimeBoxEditDialogProps> = ({ isDialogOpen, paramToEdit, handleCloseRealTimeDialog }) => {\n const {\n onAppSettingChange,\n appSettings,\n assetKey,\n realTimeTypes,\n setting,\n handleChangeParamToEdit,\n } = useContext(RealTimeSidebarContext)!;\n\n const classes = useStyles();\n\n const onAppRtValuesSettingChange = (value: string[]) => {\n onAppSettingChange('rtValuesSetting', {\n ...appSettings.rtValuesSetting,\n [assetKey]: value,\n });\n };\n\n const [selectedParam, setSelectedParam] = useState(paramToEdit);\n\n useEffect(() => {\n setSelectedParam(paramToEdit);\n }, [paramToEdit]);\n\n const handleSave = () => {\n let newSetting;\n if (!paramToEdit) {\n if (setting.find((item: string) => item === selectedParam)) {\n handleCloseRealTimeDialog();\n return;\n }\n newSetting = [selectedParam, ...setting];\n } else {\n newSetting = setting.map((item: string) => {\n return item === paramToEdit ? selectedParam : item;\n });\n }\n\n // NOTE: remove duplicates\n newSetting = uniq(newSetting) as string[];\n\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const handleDelete = () => {\n const newSetting = setting.filter((item: string) => item !== paramToEdit);\n onAppRtValuesSettingChange(newSetting);\n handleChangeParamToEdit('');\n handleCloseRealTimeDialog();\n };\n\n const onParamChange = (e: React.ChangeEvent<{ value: unknown }>) => {\n setSelectedParam(String(e.target.value));\n };\n\n return (\n <Modal\n open={isDialogOpen}\n onClose={handleCloseRealTimeDialog}\n title=\"Add/Edit Real-Time Parameter\"\n size={isMobileDetected ? 'extraLarge' : 'medium'}\n actions={\n <>\n <Button\n color=\"primary\"\n classes={{ root: classes.cancelButton }}\n onClick={handleCloseRealTimeDialog}\n >\n Cancel\n </Button>\n {paramToEdit && (\n <Button color=\"primary\" onClick={handleDelete}>\n Delete\n </Button>\n )}\n <Button\n classes={{ root: classes.saveButton }}\n variation=\"primary\"\n onClick={handleSave}\n disabled={!selectedParam}\n >\n Save\n </Button>\n </>\n }\n >\n <FormControl\n classes={{ root: classes.selectFormControl }}\n data-testid=\"addEditRealTimeParameterDropdown\"\n >\n <InputLabel htmlFor=\"parameter\">Parameter</InputLabel>\n <Select\n value={selectedParam \|\| ''}\n inputProps={{ name: 'parameter', id: 'parameter' }}\n onChange={onParamChange}\n >\n {realTimeTypes.map((rtType: RealTimeType) => (\n <MenuItem\n data-testid={`${rtType.key}_menuItem`}\n value={rtType.key}\n key={rtType.key}\n disabled={setting.includes(rtType.key)}\n >\n {rtType.name}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n </Modal>\n );\n};\n\nexport default memo(RealTimeBoxEditDialog);\n"],"names":["useStyles","makeStyles","selectFormControl","width","marginRight","cancelButton","margin","saveButton","marginLeft","memo","_ref","isDialogOpen","paramToEdit","handleCloseRealTimeDialog","useContext","RealTimeSidebarContext","onAppSettingChange","appSettings","assetKey","realTimeTypes","setting","handleChangeParamToEdit","classes","onAppRtValuesSettingChange","value","_objectSpread","rtValuesSetting","useState","_useState2","_slicedToArray","_useState","selectedParam","setSelectedParam","useEffect","_jsx","Modal","open","onClose","title","size","isMobileDetected","actions","_jsxs","_Fragment","children","Button","color","root","onClick","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"w/KAUA,IAAMA,EAAYC,EAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,GAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAWC,GANbC,IAAAA,mBACAC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,QACAC,IAAAA,wBAGIC,EAAUtB,IAEVuB,EAA6B,SAACC,GAClCR,EAAmB,kBAAiBS,EAAAA,EAAA,CAAA,EAC/BR,EAAYS,iBACdR,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAASf,GAAYgB,EAAAC,EAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,GAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAmB,aAAe,SACxCC,QACEC,EAAAC,EAAA,CAAAC,SAAA,CACEV,EAACW,EAAM,CACLC,MAAM,UACNxB,QAAS,CAAEyB,KAAMzB,EAAQjB,cACzB2C,QAASnC,EAA0B+B,SAAA,WAIpChC,GACCsB,EAACW,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAMC,EAAa7B,EAAQ8B,QAAO,SAACC,GAAY,OAAKA,IAASvC,KAC7DW,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAuBsD+B,SAAA,WAIhDV,EAACW,EAAM,CACLvB,QAAS,CAAEyB,KAAMzB,EAAQf,YACzB6C,UAAU,UACVJ,QAxDS,WACjB,IAAIC,EACJ,GAAKrC,EAOHqC,EAAa7B,EAAQiC,KAAI,SAACF,GACxB,OAAOA,IAASvC,EAAcmB,EAAgBoB,CAChD,QATgB,CAChB,GAAI/B,EAAQkC,MAAK,SAACH,GAAY,OAAKA,IAASpB,CAAa,IAEvD,YADAlB,IAGFoC,EAAclB,CAAAA,GAAkBX,OAAAA,EAAAA,GAClC,CAOA6B,EAAaM,EAAKN,GAElB1B,EAA2B0B,GAC3B5B,EAAwB,IACxBR,KAsCQ2C,UAAWzB,EAAca,SAAA,YAK9BA,SAEDF,EAACe,EAAW,CACVnC,QAAS,CAAEyB,KAAMzB,EAAQpB,mBACzB,cAAY,mCAAkC0C,SAAA,CAE9CV,EAACwB,EAAU,CAACC,QAAQ,YAAWf,SAAA,cAC/BV,EAAC0B,EAAM,CACLpC,MAAOO,GAAiB,GACxB8B,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBjC,EAAiBkC,OAAOD,EAAEE,OAAO3C,SA0CHoB,SAEvBzB,EAAckC,KAAI,SAACe,GAAoB,OACtClC,EAACmC,EAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtC9C,MAAO4C,EAAOE,IAEdd,SAAUpC,EAAQmD,SAASH,EAAOE,KAAK1B,SAEtCwB,EAAON,MAHHM,EAAOE,cAU1B"}