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/cjs-bundle/components/ParameterCharts/components/TraceHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),i=require("prop-types"),o=require("classnames"),c=require("lodash"),r=require("@material-ui/core"),t=require("../SettingsContext.js"),u=require("../DataContext.js"),a=require("../constants.js"),l=require("./TraceSettings.js"),d=require("./TraceHeader.css.js"),m=require("../../../utils/convert.js"),j=require("../../Modal/Modal.js"),q=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var p=require("react/jsx-runtime");function f(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var I=f(s),h=f(e),C=f(i),g=f(o);function b(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,i)}return n}function x(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?b(Object(n),!0).forEach((function(e){I.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}var y=function(s){return Number.isFinite(s)?Math.round(100*s)/100:"-"},T=function(s){var e,i=s.onChange,o=s.onDelete,f=s.traceSettings,C=void 0===f?v:f,b=s.classes,T=s.mapping,O=s.index,N=s.openTrackSettings,k=void 0===N?S:N,F=n.useState(!1),D=h.default(F,2),E=D[0],M=D[1],A=n.useState(!1),P=h.default(A,2),R=P[0],U=P[1],_=n.useState(!1),L=h.default(_,2),z=L[0],G=L[1],w=n.useState(C),B=h.default(w,2),W=B[0],H=B[1],K=n.useState(a.DEFAULT_TRACE_SETTINGS),X=h.default(K,2),Z=X[0],J=X[1],Q=n.useContext(t),V=Q.horizontal,Y=Q.maxTracesCount,$=n.useContext(u).parsedData,ss=n.useRef(),es=c.get($,C&&"".concat(C.collection,".").concat(C.key),{}),ns=es.min,is=es.max,os=es.data,cs=Y>=5,rs=function(){i(R?Z:W),M(!1),U(!1),J(a.DEFAULT_TRACE_SETTINGS)},ts=function(){clearTimeout(ss.current),ss.current=setTimeout((function(){G(!1)}),1e3)},us=!C||!C.name,as=O===Y-1,ls=Y>=a.MAX_TRACE_COUNT,ds=R?!Z.key:c.isEqual(C,W),ms=os?y(c.get(c.last(os),1,"-")):"-";return p.jsxs("div",{onMouseEnter:function(){return G(!0)},onMouseLeave:ts,className:g.default(d.container,I.default({},d.horizontal,V)),children:[p.jsx(r.Tooltip,{title:cs&&!us?p.jsxs("p",{children:[C.name,": ",p.jsx("br",{})," ",ms," (",m.getUnitDisplay(C.unitType)||C.unit,")"]}):"",children:p.jsxs("div",{className:g.default(d.header,(e={},I.default(e,d.horizontal,V),I.default(e,d.vertical,!V),I.default(e,d.last,as),I.default(e,d.minimal,cs),e)),onClick:function(){return M(!0)},children:[us&&p.jsx("div",{className:d.empty,children:p.jsx(q.PlusIcon,{fill:"#03BCD4",size:16})}),!us&&p.jsxs(p.Fragment,{children:[!cs&&p.jsxs("span",{className:d.unit,children:[C.name," (",m.getUnitDisplay(C.unitType)||C.unit,")"]}),p.jsx("span",{className:d.current,children:ms}),p.jsxs("div",{className:d.values,children:[p.jsx("span",{className:d.min,children:!C.autoScale&&Number.isFinite(C.scaleMin)?C.scaleMin:y(ns)}),p.jsx("span",{className:d.max,children:!C.autoScale&&Number.isFinite(C.scaleMax)?C.scaleMax:y(is)})]}),p.jsx("div",{className:d.line,style:{borderColor:C.color,borderStyle:C.dashStyle}})]})]})}),as&&!us&&z&&!ls&&p.jsx("div",{className:d.addTrace,onClick:function(){U(!0),M(!0)},onMouseLeave:ts,onMouseEnter:function(){return clearTimeout(ss.current)},children:p.jsx(q.PlusIcon,{fill:"#03BCD4",size:16})}),p.jsx(j,{open:E,title:p.jsxs("div",{className:d.modalTitle,children:[p.jsxs("span",{className:d.trackTitle,onClick:function(){rs(),k()},children:["Track Settings /"," "]}),C.name||"Empty Trace"]}),actions:p.jsxs("div",{className:d.actions,children:[p.jsx(r.Button,{className:b.button,color:"primary",onClick:function(){o(C.id),M(!1)},disabled:!C||!C.id,children:"Delete Trace"}),p.jsx(r.Button,{className:b.button,color:"primary",onClick:function(){M(!1),U(!1),J(a.DEFAULT_TRACE_SETTINGS)},children:"Cancel"}),p.jsx(r.Button,{className:b.button,variant:"contained",color:"primary",onClick:rs,disabled:ds,children:"Save"})]}),children:p.jsx(l,{traceSettings:R?Z:W,onChange:function(s,e){var n=R?[Z,J]:[W,H],i=h.default(n,2),o=i[0],c=i[1];if("key"===s){var r=T.find((function(s){return s.key===e}));c(x(x({},o),{},I.default({},s,e),r))}else c(x(x({},o),{},I.default({},s,e)))},mapping:T})})]})};T.propTypes={onChange:C.default.func.isRequired,onDelete:C.default.func.isRequired,openTrackSettings:C.default.func,classes:C.default.shape({}).isRequired,traceSettings:C.default.shape({name:C.default.string,key:C.default.string,id:C.default.string,unit:C.default.string,unitType:C.default.string,autoScale:C.default.bool,scaleMin:C.default.string,scaleMax:C.default.string,color:C.default.string,dashStyle:C.default.string,collection:C.default.string}),mapping:C.default.arrayOf(C.default.shape({name:C.default.string.isRequired,key:C.default.string.isRequired}).isRequired).isRequired,index:C.default.number.isRequired};var v=a.DEFAULT_TRACE_SETTINGS,S=function(){},O=r.withStyles({button:{fontSize:14,marginLeft:20}})(T);module.exports=O;
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),o=require("prop-types"),i=require("classnames"),c=require("lodash"),r=require("@material-ui/core"),t=require("../SettingsContext.js"),u=require("../DataContext.js"),a=require("../constants.js"),l=require("./TraceSettings.js"),d=require("./TraceHeader.css.js"),m=require("../../../utils/convert.js"),j=require("../../Modal/Modal.js"),q=require("../../../icons/iconParkIcons.js");require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var I=require("react/jsx-runtime");function p(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var f=p(s),h=p(e),C=p(o),g=p(i);function b(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,o)}return n}function x(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?b(Object(n),!0).forEach((function(e){f.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}var y=function(s){return Number.isFinite(s)?Math.round(100*s)/100:"-"},T=function(s){var e,o=s.onChange,i=s.onDelete,p=s.traceSettings,C=void 0===p?v:p,b=s.classes,T=s.mapping,O=s.index,F=s.openTrackSettings,N=void 0===F?S:F,k=n.useState(!1),D=h.default(k,2),E=D[0],M=D[1],P=n.useState(!1),A=h.default(P,2),R=A[0],U=A[1],_=n.useState(!1),L=h.default(_,2),z=L[0],G=L[1],w=n.useState(C),B=h.default(w,2),W=B[0],H=B[1],K=n.useState(a.DEFAULT_TRACE_SETTINGS),X=h.default(K,2),Z=X[0],J=X[1],Q=n.useContext(t),V=Q.horizontal,Y=Q.maxTracesCount,$=n.useContext(u).parsedData,ss=n.useRef(),es=c.get($,C&&"".concat(C.collection,".").concat(C.key),{}),ns=es.min,os=es.max,is=es.data,cs=Y>=5,rs=function(){o(R?Z:W),M(!1),U(!1),J(a.DEFAULT_TRACE_SETTINGS)},ts=function(){clearTimeout(ss.current),ss.current=setTimeout((function(){G(!1)}),1e3)},us=!C||!C.name,as=O===Y-1,ls=Y>=a.MAX_TRACE_COUNT,ds=R?!Z.key:c.isEqual(C,W),ms=is?y(c.get(c.last(is),1,"-")):"-";return I.jsxs("div",{onMouseEnter:function(){return G(!0)},onMouseLeave:ts,className:g.default(d.container,f.default({},d.horizontal,V)),children:[I.jsx(r.Tooltip,{title:cs&&!us?I.jsxs("p",{children:[C.name,": ",I.jsx("br",{})," ",ms," (",m.getUnitDisplay(C.unitType)||C.unit,")"]}):"",children:I.jsxs("div",{className:g.default(d.header,(e={},f.default(e,d.horizontal,V),f.default(e,d.vertical,!V),f.default(e,d.last,as),f.default(e,d.minimal,cs),e)),onClick:function(){return M(!0)},children:[us&&I.jsx("div",{className:d.empty,children:I.jsx(q.PlusIcon,{fill:"#03BCD4",size:16})}),!us&&I.jsxs(I.Fragment,{children:[!cs&&I.jsxs("span",{className:d.unit,children:[C.name," (",m.getUnitDisplay(C.unitType)||C.unit,")"]}),I.jsx("span",{className:d.current,children:ms}),I.jsxs("div",{className:d.values,children:[I.jsx("span",{className:d.min,children:!C.autoScale&&Number.isFinite(C.scaleMin)?C.scaleMin:y(ns)}),I.jsx("span",{className:d.max,children:!C.autoScale&&Number.isFinite(C.scaleMax)?C.scaleMax:y(os)})]}),I.jsx("div",{className:d.line,style:{borderColor:C.color,borderStyle:C.dashStyle}})]})]})}),as&&!us&&z&&!ls&&I.jsx("div",{className:d.addTrace,onClick:function(){U(!0),M(!0)},onMouseLeave:ts,onMouseEnter:function(){return clearTimeout(ss.current)},children:I.jsx(q.PlusIcon,{fill:"#03BCD4",size:16})}),I.jsx(j,{open:E,title:I.jsxs("div",{className:d.modalTitle,children:[I.jsxs("span",{className:d.trackTitle,onClick:function(){rs(),N()},children:["Track Settings /"," "]}),C.name||"Empty Trace"]}),actions:I.jsxs("div",{className:d.actions,children:[I.jsx(r.Button,{className:b.button,color:"primary",onClick:function(){i(C.id),M(!1)},disabled:!C||!C.id,children:"Delete Trace"}),I.jsx(r.Button,{className:b.button,color:"primary",onClick:function(){M(!1),U(!1),J(a.DEFAULT_TRACE_SETTINGS)},children:"Cancel"}),I.jsx(r.Button,{className:b.button,variant:"contained",color:"primary",onClick:rs,disabled:ds,children:"Save"})]}),children:I.jsx(l,{traceSettings:R?Z:W,onChange:function(s,e){var n=R?[Z,J]:[W,H],o=h.default(n,2),i=o[0],c=o[1];if("key"===s){var r=T.find((function(s){return s.key===e}));c(x(x({},i),{},f.default({},s,e),r))}else c(x(x({},i),{},f.default({},s,e)))},mapping:T})})]})};T.propTypes={onChange:C.default.func.isRequired,onDelete:C.default.func.isRequired,openTrackSettings:C.default.func,classes:C.default.shape({}).isRequired,traceSettings:C.default.shape({name:C.default.string,key:C.default.string,id:C.default.string,unit:C.default.string,unitType:C.default.string,autoScale:C.default.bool,scaleMin:C.default.string,scaleMax:C.default.string,color:C.default.string,dashStyle:C.default.string,collection:C.default.string}),mapping:C.default.arrayOf(C.default.shape({name:C.default.string.isRequired,key:C.default.string.isRequired}).isRequired).isRequired,index:C.default.number.isRequired};var v=a.DEFAULT_TRACE_SETTINGS,S=function(){},O=r.withStyles({button:{fontSize:14,marginLeft:20}})(T);module.exports=O;
 //# sourceMappingURL=TraceHeader.js.map

package/cjs-bundle/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","jsxs","header","vertical","_defineProperty","minimal","onClick","jsx","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","_ref2","_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","jsxs","header","vertical","_defineProperty","minimal","onClick","jsx","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","_ref2","_ref3","settings","setSettings","mappingData","find","item","_objectSpread","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","TraceHeader$1","withStyles","fontSize","marginLeft"],"mappings":"y7KAkBA,IAAMA,EAAQ,SAAAC,GACZ,OAAOC,OAAOC,SAASF,GAAOG,KAAKJ,MAAY,IAANC,GAAa,IAAM,GAC9D,EAEMI,EAAc,SAQdC,GAAA,IAAAC,EAPJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAmCF,EACnDG,IAAAA,QACAC,IAAAA,QACAC,IAAAA,MAAKC,EAAAV,EACLW,kBAAAA,aAAoBC,EAAwCF,EAEVG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1DC,EAAiBH,EAAA,GAAEI,EAAoBJ,EAAA,GACgBD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAAtEC,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GACRN,EAAAA,EAAQA,UAAC,GAAMU,EAAAR,EAAAA,QAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACAV,EAAAA,EAAQA,SAACR,GAAcsB,EAAAZ,EAAAA,QAAAa,EAAA,GAA9DC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACMd,EAAAA,EAAQA,SAACkB,0BAAuBC,EAAAjB,EAAAA,QAAAkB,EAAA,GAAzEC,EAAgBF,EAAA,GAAEG,EAAmBH,EAAA,GACLI,EAAAA,EAAUA,WAACC,GAA1CC,IAAAA,WAAYC,IAAAA,eACZC,EAAeJ,EAAUA,WAACK,GAA1BD,WACFE,GAAQC,EAAAA,SAEdC,GAA2BC,EAAAA,IACzBL,EACAnC,aAAoBA,EAAcyC,WAAU,KAAAC,OAAI1C,EAAc2C,KAC9D,CAAA,GAHMC,MAAAA,IAAKC,MAAAA,IAAKC,MAAAA,KAKZC,GAAkBb,GAAkB,EAsBpCc,GAAS,WACbnD,EAASmB,EAA0Ba,EAAmBL,GACtDX,GAAqB,GACrBI,GAA2B,GAC3Ba,EAAoBJ,EAAsBA,yBAGtCuB,GAAwB,WAC5BC,aAAab,GAAMc,SACnBd,GAAMc,QAAUC,YAAW,WACzB/B,GAAqB,EACtB,GAAE,MAmBCgC,IAAWrD,IAAkBA,EAAcsD,KAE3CC,GAAcnD,IAAU8B,EAAiB,EAEzCsB,GAAuBtB,GAAkBuB,kBAEzCC,GAAiB1C,GAClBa,EAAiBc,IAClBgB,UAAQ3D,EAAewB,GAOrBoC,GAAcd,GAAOzD,EAAMmD,MAAIqB,EAAAA,KAAKf,IAAO,EAAG,MAAQ,IAE5D,OACEgB,EAAAA,KAAA,MAAA,CACEC,aAAc,WAAA,OAAM1C,GAAqB,EAAM,EAC/C2C,aAAcf,GACdgB,UAAWC,EAAAA,QAAWC,EAAOC,UAC1BD,EAAAA,QAAAA,CAAAA,EAAAA,EAAOlC,WAAaA,IACpBoC,SAAA,CAEHC,MAACC,UAAO,CACNC,MACEzB,KAAoBM,GAClBS,EAAAA,KAAA,IAAA,CAAAO,SAAA,CACGrE,EAAcsD,KAAO,KAAAgB,MAAA,KAAA,CAAA,OAAQV,GAAW,KACxCa,EAAAA,eAAezE,EAAc0E,WAAa1E,EAAc2E,KAAI,OAG/D,GAEHN,SAEDP,EAAAc,KAAA,MAAA,CACEX,UAAWC,EAAAA,QAAWC,EAAOU,QAC1BV,EAAAA,CAAAA,EAAAA,EAAAA,QAAAA,EAAAA,EAAOlC,WAAaA,eACpBkC,EAAOW,UAAY7C,GACnBkC,EAAAA,QAAAA,EAAAA,EAAON,KAAON,IAAWwB,EAAA,QAAAnF,EACzBuE,EAAOa,QAAUjC,IACjBnD,IACHqF,QAAS,WAAA,OAAMpE,GAAqB,EAAM,EAAAwD,SAAA,CAEzChB,IACCiB,EAAAY,IAAA,MAAA,CAAKjB,UAAWE,EAAOgB,MAAMd,SAC3BC,MAACc,WAAQ,CAACC,KAAK,UAAUC,KAAM,QAGjCjC,IACAS,EAAAc,KAAAW,WAAA,CAAAlB,SACG,EAACtB,IACAe,EAAAA,KAAA,OAAA,CAAMG,UAAWE,EAAOQ,KAAKN,SAAA,CAC1BrE,EAAcsD,KAAI,KAClBmB,EAAAA,eAAezE,EAAc0E,WAAa1E,EAAc2E,KAAI,OAGjEL,EAAAY,IAAA,OAAA,CAAMjB,UAAWE,EAAOhB,QAAQkB,SAAET,KAClCE,EAAAc,KAAA,MAAA,CAAKX,UAAWE,EAAOqB,OAAOnB,SAC5B,CAAAC,EAAAY,IAAA,OAAA,CAAMjB,UAAWE,EAAOvB,IAAIyB,UACxBrE,EAAcyF,WAAalG,OAAOC,SAASQ,EAAc0F,UACvD1F,EAAc0F,SACdrG,EAAMuD,MAEZ0B,EAAAY,IAAA,OAAA,CAAMjB,UAAWE,EAAOtB,IAAIwB,UACxBrE,EAAcyF,WAAalG,OAAOC,SAASQ,EAAc2F,UACvD3F,EAAc2F,SACdtG,EAAMwD,SAGdyB,EAAAY,IAAA,MAAA,CACEjB,UAAWE,EAAOyB,KAClBC,MAAO,CACLC,YAAa9F,EAAc+F,MAC3BC,YAAahG,EAAciG,qBAOtC1C,KAAgBF,IAAWjC,IAAsBoC,IAChDc,EAAAY,IAAA,MAAA,CACEjB,UAAWE,EAAO+B,SAClBjB,QAjGY,WAClBhE,GAA2B,GAC3BJ,GAAqB,IAgGfmD,aAAcf,GACdc,aAAc,WAAA,OAAMb,aAAab,GAAMc,QAAS,EAAAkB,SAEhDC,MAACc,WAAQ,CAACC,KAAK,UAAUC,KAAM,OAGnChB,MAAC6B,EAAK,CACJC,KAAMxF,EACN4D,MACEV,EAAAc,KAAA,MAAA,CAAKX,UAAWE,EAAOkC,WAAWhC,SAChC,CAAAP,EAAAc,KAAA,OAAA,CAAMX,UAAWE,EAAOmC,WAAYrB,QAvFzB,WACnBjC,KACA1C,KAqFkE+D,SAAA,CAAA,mBACvC,OAElBrE,EAAcsD,MAAQ,iBAG3BiD,QACEzC,EAAAc,KAAA,MAAA,CAAKX,UAAWE,EAAOoC,QAAQlC,SAAA,CAC7BC,MAACkC,SAAM,CACLvC,UAAW/D,EAAQuG,OACnBV,MAAM,UACNd,QA5HQ,WAClBnF,EAASE,EAAc0G,IACvB7F,GAAqB,IA2HX8F,UAAW3G,IAAkBA,EAAc0G,GAAGrC,SAAA,iBAIhDC,MAACkC,SAAM,CAACvC,UAAW/D,EAAQuG,OAAQV,MAAM,UAAUd,QAvHrC,WACtBpE,GAAqB,GACrBI,GAA2B,GAC3Ba,EAAoBJ,EAAsBA,yBAoH0C2C,SAAA,WAG5EC,MAACkC,SAAM,CACLvC,UAAW/D,EAAQuG,OACnBG,QAAQ,YACRb,MAAM,UACNd,QAASjC,GACT2D,SAAUjD,GAAeW,SAAA,YAK9BA,SAEDC,MAACuC,EAAa,CACZ7G,cAAegB,EAA0Ba,EAAmBL,EAC5D3B,SApLiB,SAAC8C,EAAKmE,GAC7B,IAAAC,EAAgC/F,EAC5B,CAACa,EAAkBC,GACnB,CAACN,EAAiBC,GAAmBuF,EAAAtG,EAAAA,QAAAqG,EAAA,GAFlCE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAG5B,GAAY,QAARrE,EAAe,CAEjB,IAAMwE,EAAchH,EAAQiH,MAAK,SAAAC,GAAI,OAAIA,EAAK1E,MAAQmE,KACtDI,EAAWI,EAAAA,EAAA,CAAA,EACNL,GACFtE,CAAAA,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EAAMmE,GACJK,GAEP,MACED,SACKD,GAAQ,GAAAlC,EAAAA,QAAA,CAAA,EACVpC,EAAMmE,MAsKL3G,QAASA,QAKnB,EAEAT,EAAY6H,UAAY,CACtB1H,SAAU2H,EAAAA,QAAUC,KAAKC,WACzB5H,SAAU0H,EAAAA,QAAUC,KAAKC,WACzBpH,kBAAmBkH,EAAS,QAACC,KAC7BvH,QAASsH,EAAS,QAACG,MAAM,CAAA,GAAID,WAC7B1H,cAAewH,EAAS,QAACG,MAAM,CAC7BrE,KAAMkE,EAAS,QAACI,OAChBjF,IAAK6E,EAAS,QAACI,OACflB,GAAIc,EAAS,QAACI,OACdjD,KAAM6C,EAAS,QAACI,OAChBlD,SAAU8C,EAAS,QAACI,OACpBnC,UAAW+B,EAAS,QAACK,KACrBnC,SAAU8B,EAAS,QAACI,OACpBjC,SAAU6B,EAAS,QAACI,OACpB7B,MAAOyB,EAAS,QAACI,OACjB3B,UAAWuB,EAAS,QAACI,OACrBnF,WAAY+E,EAAS,QAACI,SAExBzH,QAASqH,EAAS,QAACM,QACjBN,EAAAA,QAAUG,MAAM,CACdrE,KAAMkE,EAAAA,QAAUI,OAAOF,WACvB/E,IAAK6E,EAAAA,QAAUI,OAAOF,aACrBA,YACHA,WACFtH,MAAOoH,EAAAA,QAAUO,OAAOL,YAG1B,IAAMzH,EAAsCyB,EAAAA,uBACtCnB,EAA2C,aAEjDyH,EAAeC,aAAW,CACxBxB,OAAQ,CAAEyB,SAAU,GAAIC,WAAY,KADvBF,CAEZvI"}

package/cjs-bundle/components/PinnableFilters/components/FiltersToggler.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("prop-types"),c=require("@material-ui/icons/Sort"),e=require("@material-ui/core/styles"),i=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("classnames"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all");var n=require("react/jsx-runtime");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var u=r(s),t=r(o),m=r(c);function j(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function a(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?j(Object(c),!0).forEach((function(o){u.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):j(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function q(s){var o=s.onClick,c=s.classes;return n.jsx("div",{onClick:o,children:n.jsx(i,{className:c.button,startIcon:n.jsx(m.default,{}),children:"Filters"})})}q.propTypes={onClick:t.default.func.isRequired};var l=e.withStyles((function(s){return{button:a(a({},s.isLightTheme?{color:"black"}:{}),{},{marginRight:s.spacing()})}}))(q);module.exports=l;
+"use strict";var s=require("@babel/runtime/helpers/defineProperty"),o=require("prop-types"),c=require("@material-ui/icons/Sort"),e=require("@material-ui/core/styles"),i=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("moment-timezone"),require("@material-ui/core"),require("classnames"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all");var n=require("react/jsx-runtime");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var u=r(s),t=r(o),m=r(c);function j(s,o){var c=Object.keys(s);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(s);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),c.push.apply(c,e)}return c}function q(s){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?j(Object(c),!0).forEach((function(o){u.default(s,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):j(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function a(s){var o=s.onClick,c=s.classes;return n.jsx("div",{onClick:o,children:n.jsx(i,{className:c.button,startIcon:n.jsx(m.default,{}),children:"Filters"})})}a.propTypes={onClick:t.default.func.isRequired};var l=e.withStyles((function(s){return{button:q(q({},s.isLightTheme?{color:"black"}:{}),{},{marginRight:s.spacing()})}}))(a);module.exports=l;
 //# sourceMappingURL=FiltersToggler.js.map

package/cjs-bundle/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":"~~+xKAcA~~,SAASA,EAAqCC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACjC,OACEC,EAAAA,IAAA,MAAA,CAAKF,QAASA,EAAQG,SACpBD,MAACE,EAAM,CAACC,UAAWJ,EAAQK,OAAQC,UAAWL,EAAAA,IAACM,EAAQ,QAAI,IAAAL,SAAA,aAKjE,CAEAL,EAAeW,UAAY,CACzBT,QAASU,EAAAA,QAAUC,KAAKC,YAE1B,IAAAC,EAAeC,cArBG,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":"wgLAcA,SAASA,EAAqCC,GAAA,IAApBC,IAAAA,QAASC,IAAAA,QACjC,OACEC,EAAAA,IAAA,MAAA,CAAKF,QAASA,EAAQG,SACpBD,MAACE,EAAM,CAACC,UAAWJ,EAAQK,OAAQC,UAAWL,EAAAA,IAACM,EAAQ,QAAI,IAAAL,SAAA,aAKjE,CAEAL,EAAeW,UAAY,CACzBT,QAASU,EAAAA,QAAUC,KAAKC,YAE1B,IAAAC,EAAeC,cArBG,SAAAC,GAAK,MAAK,CAC1BT,OACMS,EAAAA,EAAAA,CAAAA,EAAAA,EAAMC,aAAe,CAAEC,MAAO,SAAY,CAAA,GAAE,GAAA,CAEhDC,YAAaH,EAAMI,YAEtB,GAecL,CAAsBhB"}

package/cjs-bundle/components/PostPreviewDialog/index.js CHANGED Viewed

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

package/cjs-bundle/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","jsxs","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","jsx","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","FileUploadIconButton","htmlColor","openPreviewDialogOnUpload","disableRipple","onFinish","handleFileUpload","onError","handleFileUploadingError","inputId","EmojiIconButton","handleSelectEmoji","emojiIconClassName","additionalActionButton","File","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","_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","PureComponent","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":"s1DA0BA,IAAMA,EAAY,oBAEZC,EAAUC,EAAAA,QAAK,KACfC,EAAUD,EAAAA,QAAK,KAyBfE,EAAU,SAAAC,GAAK,OACnBC,EAAAA,KAACC,EAAAA,QAAK,CAACC,UAAWH,EAAMI,QAAQC,eAAeC,SAAA,CAC7CC,MAACC,UAAK,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+B,KAAA,MAAA,CAAK7B,UAAW8B,EAAOC,iDAAiD5B,SACtE,CAAAC,EAAA4B,IAAA,MAAA,CAAA7B,SAAMN,EAAMoC,mBACZnC,EAAA+B,KAAA,MAAA,CAAK7B,UAAW8B,EAAOI,sCAAsC/B,SAAA,EACzDN,EAAMsC,SACN/B,EAAAA,IAACgC,EAAAA,QAAoB,CACnBC,UAAW3C,EAAI,QAAC,KAChB4C,2BAA2B,EAC3BC,eAAa,EACbC,SAAU3C,EAAM4C,iBAChBC,QAAS7C,EAAM8C,yBACfC,QAAQ,+BAGZxC,MAACyC,EAAe,CACdC,kBAAmBjD,EAAMiD,kBACzBC,mBAAoBlD,EAAMI,QAAQ+C,uBAClCX,UAAW3C,EAAI,QAAC,KAChB6C,eAAa,YAIb,EAGJU,GAAO,SAAApD,GAGX,OAFgBqD,EAAAA,WAAWrD,EAAMsD,UAG/BrD,EAAA+B,KAAA,MAAA,CAAA1B,SACE,CAAAL,EAAA+B,KAAA,MAAA,CAAK7B,UAAW8B,EAAOsB,2BAA2BjD,SAAA,CAChDC,MAACiD,UAAU,CAAC,cAAA,GAAA/C,OAAgBd,EAAqB,aAAC8D,QAAQ,YAAYC,QAAM,EAACC,cAAY,EAAArD,SACtFN,EAAMsD,WAET/C,MAACqD,UAAU,CACT,cAAA,GAAAnD,OAAgBd,EAAyB,iBACzCkE,MAAM,SACNC,QAAS9D,EAAM+D,iBACf5D,UAAWH,EAAMI,QAAQ4D,kBAG7BzD,EAAA4B,IAAA,MAAA,CAAKhC,UAAW8B,EAAOgC,uCAAuC3D,SAC5DC,EAAA4B,IAAA,MAAA,CACE,cAAA,GAAA1B,OAAgBd,EAAyB,iBACzCQ,UAAW8B,EAAOiC,4BAClBC,IAAKnE,EAAMsC,QACX8B,IAAI,uBAKVnE,EAAA+B,KAAA,MAAA,CACE7B,UAAW8B,EAAOoC,+BAClBC,MAAO,CACLC,gBAAiB3E,EACjB4E,2BAAqB1E,IACrBQ,SAAA,CAEFC,MAACkE,EAAY,CAACnB,SAAUtD,EAAMsD,WAC9BrD,EAAA+B,KAAA,MAAA,CAAK7B,UAAW8B,EAAOyC,mCAAmCpE,SAAA,CACxDC,MAACiD,UAAU,CAAC,cAAA,GAAA/C,OAAgBd,EAAqB,aAAC8D,QAAQ,YAAYC,QAAM,EAAApD,SACzEN,EAAMsD,WAET/C,MAACqD,UAAU,CACT,cAAA,GAAAnD,OAAgBd,EAAyB,iBACzCkE,MAAM,SACNC,QAAS9D,EAAM+D,iBACf5D,UAAWH,EAAMI,QAAQ4D,oBAKnC,EAGMW,GAAuB,SAAAC,GAAAC,UAAAF,EAAAC,GAAA,IAAAE,EAAAC,EAAAJ,GAC3B,SAAAA,EAAY3E,GAAO,IAAAgF,EAYU,OAZVC,UAAAC,KAAAP,GACjBK,EAAAF,EAAAK,KAAAD,KAAMlF,GAAOoF,EAAAA,QAgCAC,EAAA,QAAAL,GAAA,gBAAA,WAAA,OAAMA,EAAKrE,QAAQU,QAAQiE,OAAO,IAAAF,EAAAA,QAEjCC,EAAAA,QAAAL,GAAA,iBAAA,SAAAO,GACI,UAAdA,EAAMC,KACRR,EAAKS,iBAERL,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,uBAEqB,SAAAnD,GAAO,OAAImD,EAAKU,SAAS,CAAE7D,QAAAA,GAAU,IAAAuD,EAAAA,QAAAC,EAAAA,QAAAL,GAAA,qBAEvC,SAAAW,GAAK,OACvBX,EAAKU,UAAS,SAAAE,GAAA,IAAG/D,IAAAA,QAAO,MAAQ,CAAEA,QAAYA,GAAAA,OAAAA,GAAU8D,OAAAA,EAAME,QAAU,GAAE,IAAAT,EAAAA,QAAAC,EAAA,QAAAL,GAAA,eAE9D,WACZA,EAAKhF,MAAMyF,YACTT,EAAKc,MAAMjE,QACXmD,EAAKc,MAAMxD,QACX0C,EAAKc,MAAMC,SACXf,EAAKc,MAAMxC,aAEd8B,EAAAA,QAAAC,EAAA,QAAAL,GAAA,oBAEkB,WACjBA,EAAKU,SAAS,CAAEpD,QAAS,GAAIyD,SAAU,KAAMzC,SAAU,QACxD8B,EAAA,QAAAC,EAAA,QAAAL,GAAA,oBAEkB,SAAC1C,EAASgB,EAAUyC,GACrCf,EAAKU,SAAS,CACZpD,QAAAA,EACAgB,SAAAA,EACAyC,SAAAA,EACAC,mBAAoB,UAEvBZ,EAAAA,QAE0BC,EAAAA,QAAAL,GAAA,4BAAA,SAAAgB,GACzBhB,EAAKU,SAAS,CACZpD,QAAS,KACTgB,SAAU,KACVyC,SAAU,KACVC,mBAAAA,OAtEFhB,EAAKc,MAAQ,CACXjE,QAAS7B,EAAMiG,QACf3D,QAAStC,EAAMsC,QACfyD,SAAU/F,EAAM+F,SAChBzC,SAAUtD,EAAMsD,SAChB0C,mBAAoB,MAGtBhB,EAAKrE,QAAUuF,EAAAA,YACflB,EAAK5D,QAAU8E,EAAAA,YAAYlB,CAC7B,CAyIC,OAzIAmB,EAAA,QAAAxB,EAAA,CAAA,CAAAa,IAAA,qBAAA5D,MAED,SAAmBwE,IACZA,EAAUC,MAAQnB,KAAKlF,MAAMqG,OAASnB,KAAKY,MAAMjE,SAAWqD,KAAKlF,MAAMiG,SAC1Ef,KAAKQ,SAAS,CAAE7D,QAASqD,KAAKlF,MAAMiG,UAIpCf,KAAKlF,MAAMsC,UAAY8D,EAAU9D,SACjC4C,KAAKlF,MAAM+F,WAAaK,EAAUL,UAClCb,KAAKlF,MAAMsD,WAAa8C,EAAU9C,UAElC4B,KAAKQ,SAAS,CACZpD,QAAS4C,KAAKlF,MAAMsC,QACpByD,SAAUb,KAAKlF,MAAM+F,SACrBzC,SAAU4B,KAAKlF,MAAMsD,UAG3B,GAAC,CAAAkC,IAAA,SAAA5D,MA8CD,WACE,OACErB,EAAAA,IAAC+F,EAAAA,QAAO,CAAClF,QAAS8D,KAAK9D,QAAQd,SAC7BL,OAACsG,SAAM,CACLC,WAAYC,EAAiBA,iBAC7BJ,KAAMnB,KAAKlF,MAAMqG,KACjBK,QAASxB,KAAKlF,MAAM2G,YACpBC,gBAAiB1B,KAAKlF,MAAM2G,YAC5BE,UAAW3B,KAAK4B,aAAaxG,SAAA,CAE7BC,MAACwG,UAAW,CAAAzG,SAAE4E,KAAKlF,MAAMgH,QAEzB/G,OAACgH,UAAa,CACZ7G,QAAS,CAAE8G,MAAOT,EAAgBA,kBAAIvB,KAAKlF,MAAMI,QAAQ+G,mBAAoB7G,SAAA,CAE7EC,MAACR,EAAO,CACNY,QAASuE,KAAKvE,QACdkB,QAASqD,KAAKY,MAAMjE,QACpBZ,oBAAqBiE,KAAKjE,oBAC1Bc,cAAemD,KAAKnD,cACpBa,iBAAkBsC,KAAKtC,iBACvBK,kBAAmBiC,KAAKjC,kBACxBH,yBAA0BoC,KAAKpC,yBAC/BV,iBAAkB8C,KAAKlF,MAAMoC,iBAC7BE,QAAS4C,KAAKY,MAAMxD,QACpBlC,QAAS8E,KAAKlF,MAAMI,QACpBc,UAAWgE,KAAKlF,MAAMkB,UACtBE,QAAS8D,KAAK9D,UAGf8D,KAAKY,MAAME,oBACVzF,EAAAA,IAAC6G,EAAmB,CAClBC,aAAcnC,KAAKY,MAAME,mBACzB7F,UAAW+E,KAAKlF,MAAMI,QAAQ4F,qBAIjCd,KAAKY,MAAMxD,SACV/B,EAAAA,IAAC6C,GAAI,CACHE,SAAU4B,KAAKY,MAAMxC,SACrBhB,QAAS4C,KAAKY,MAAMxD,QACpByB,iBAAkBmB,KAAKnB,iBACvBjB,yBAA0BoC,KAAKpC,yBAC/B1C,QAAS8E,KAAKlF,MAAMI,aAK1BH,OAACqH,UAAa,CAACnH,UAAW+E,KAAKlF,MAAMI,QAAQmH,cAAcjH,SAAA,CACzDC,MAACiH,UAAM,CACL,cAAA,GAAA/G,OAAgBd,EAAyB,iBACzCkE,MAAM,UACNC,QAASoB,KAAKlF,MAAM2G,YAAYrG,SAE/B4E,KAAKlF,MAAMyH,mBAGdlH,MAACiH,UAAM,CACL,cAAA,GAAA/G,OAAgBd,EAAqB,aACrCkE,MAAM,UACNJ,QAAQ,YACRiE,UACIxC,KAAKY,MAAMxD,UAAY4C,KAAKY,MAAMjE,UACnCqD,KAAKlF,MAAM2H,eAAeC,MAAMC,SAEnC/D,QAASoB,KAAKO,YAAYnF,SAEzB4E,KAAKlF,MAAM8H,sBAMxB,KAACnD,CAAA,CAvJ0B,CAASoD,EAAaA,eA0JnDpD,GAAwBqD,UAAY,CAClChB,MAAOiB,EAAS,QAACC,OACjB7B,KAAM4B,EAAAA,QAAUE,KAAKC,WACrB9F,QAAS2F,EAAS,QAACC,OACnB5E,SAAU2E,EAAS,QAACC,OACpBnC,SAAUkC,EAAS,QAACI,OACpB5C,YAAawC,EAAAA,QAAUK,KAAKF,WAC5BzB,YAAasB,EAAAA,QAAUK,KAAKF,WAE5BhI,QAAS6H,EAAS,QAACM,MAAM,CAAA,GAAIH,WAE7BhG,iBAAkB6F,EAAS,QAACO,QAAQP,EAAAA,QAAUQ,MAC9Cd,eAAgBM,EAAS,QAACO,QAAQP,EAAAA,QAAUC,QAC5CjC,QAASgC,EAAS,QAACC,OACnBhH,UAAW+G,EAAS,QAACI,OAErBP,aAAcG,EAAS,QAACC,OACxBT,iBAAkBQ,EAAS,QAACC,QAG9BvD,GAAwB+D,aAAe,CACrC1B,MAAO,eACP1E,QAAS,GACTgB,SAAU,GACVyC,SAAU,KACV3D,iBAAkB,GAClBuF,eAAgB,GAChB1B,QAAS,GACT/E,UAAW,KAEX4G,aAAc,OACdL,iBAAkB,UAGpB,IAAAkB,GAAeC,cAlTG,SAAAC,GAAK,MAAK,CAC1B1B,kBAAmB,CAAE2B,SAAU,KAC/BnH,cAAe,CAAEoH,aAAc,IAC/BC,UAAW,CAAEC,WAAY,GACzB5I,eAAgB,CACd6I,QAAS,cACT1E,OAAM,aAAA/D,OAAeoI,EAAMM,QAAQC,QAAQC,MAC3CC,UAAW,QAEb/B,cAAe,CACb2B,QAAS,YACTK,OAAQ,GAEVvF,aAAc,CACZH,MAAO,UACP2F,OAAQ,WAEVxD,mBAAoB,CAClByD,UAAW,IAEd,GA8Rcb,CAAsBjE"}
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","jsxs","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","jsx","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","FileUploadIconButton","htmlColor","openPreviewDialogOnUpload","disableRipple","onFinish","handleFileUpload","onError","handleFileUploadingError","inputId","EmojiIconButton","handleSelectEmoji","emojiIconClassName","additionalActionButton","File","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":"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"}

package/cjs-bundle/components/RealTimeValuesSidebar/RealTimeValuesBox/RealTimeBoxEditDialog.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/toConsumableArray"),s=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),n=require("react"),c=require("lodash"),i=require("@material-ui/core"),r=require("../../../utils/mobileDetect.js"),t=require("../../Modal/Modal.js"),u=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("classnames"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all");var a=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var m=require("../RealTimeSidebarContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=l(e),q=l(s),d=l(o);function I(e,s){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),o.push.apply(o,n)}return o}function p(e){for(var s=1;s<arguments.length;s++){var o=null!=arguments[s]?arguments[s]:{};s%2?I(Object(o),!0).forEach((function(s){d.default(e,s,o[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(o,s))}))}return e}var h=i.makeStyles({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),b=n.memo((function(e){var s=e.isDialogOpen,o=e.paramToEdit,l=e.handleCloseRealTimeDialog,I=n.useContext(m),b=I.onAppSettingChange,C=I.appSettings,f=I.assetKey,g=I.realTimeTypes,v=I.setting,O=I.handleChangeParamToEdit,y=h(),P=function(e){b("rtValuesSetting",p(p({},C.rtValuesSetting),{},d.default({},f,e)))},x=n.useState(o),F=q.default(x,2),S=F[0],k=F[1];n.useEffect((function(){k(o)}),[o]);return a.jsx(t,{open:s,onClose:l,title:"Add/Edit Real-Time Parameter",size:r.isMobileDetected?"extraLarge":"medium",actions:a.jsxs(a.Fragment,{children:[a.jsx(u,{color:"primary",classes:{root:y.cancelButton},onClick:l,children:"Cancel"}),o&&a.jsx(u,{color:"primary",onClick:function(){var e=v.filter((function(e){return e!==o}));P(e),O(""),l()},children:"Delete"}),a.jsx(u,{classes:{root:y.saveButton},variation:"primary",onClick:function(){var e;if(o)e=v.map((function(e){return e===o?S:e}));else{if(v.find((function(e){return e===S})))return void l();e=[S].concat(j.default(v))}e=c.uniq(e),P(e),O(""),l()},disabled:!S,children:"Save"})]}),children:a.jsxs(i.FormControl,{classes:{root:y.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[a.jsx(i.InputLabel,{htmlFor:"parameter",children:"Parameter"}),a.jsx(i.Select,{value:S||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(e){k(String(e.target.value))},children:g.map((function(e){return a.jsx(i.MenuItem,{"data-testid":"".concat(e.key,"_menuItem"),value:e.key,disabled:v.includes(e.key),children:e.name},e.key)}))})]})})}));module.exports=b;
+"use strict";var s=require("@babel/runtime/helpers/toConsumableArray"),e=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/defineProperty"),n=require("react"),c=require("lodash"),i=require("@material-ui/core"),r=require("../../../utils/mobileDetect.js"),t=require("../../Modal/Modal.js"),u=require("../../Button/components/Button/index.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("moment-timezone"),require("classnames"),require("../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js"),require("../../Button/components/LiveButton/styles.js"),require("@icon-park/react/es/all");var a=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var m=require("../RealTimeSidebarContext.js");function l(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=l(s),q=l(e),d=l(o);function I(s,e){var o=Object.keys(s);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(s);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.push.apply(o,n)}return o}function p(s){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?I(Object(o),!0).forEach((function(e){d.default(s,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(o,e))}))}return s}var h=i.makeStyles({selectFormControl:{width:"80%",marginRight:"1rem"},cancelButton:{margin:"0 16px 0 auto"},saveButton:{marginLeft:16}}),b=n.memo((function(s){var e=s.isDialogOpen,o=s.paramToEdit,l=s.handleCloseRealTimeDialog,I=n.useContext(m),b=I.onAppSettingChange,C=I.appSettings,f=I.assetKey,O=I.realTimeTypes,g=I.setting,v=I.handleChangeParamToEdit,y=h(),P=function(s){b("rtValuesSetting",p(p({},C.rtValuesSetting),{},d.default({},f,s)))},F=n.useState(o),x=q.default(F,2),S=x[0],k=x[1];n.useEffect((function(){k(o)}),[o]);return a.jsx(t,{open:e,onClose:l,title:"Add/Edit Real-Time Parameter",size:r.isMobileDetected?"extraLarge":"medium",actions:a.jsxs(a.Fragment,{children:[a.jsx(u,{color:"primary",classes:{root:y.cancelButton},onClick:l,children:"Cancel"}),o&&a.jsx(u,{color:"primary",onClick:function(){var s=g.filter((function(s){return s!==o}));P(s),v(""),l()},children:"Delete"}),a.jsx(u,{classes:{root:y.saveButton},variation:"primary",onClick:function(){var s;if(o)s=g.map((function(s){return s===o?S:s}));else{if(g.find((function(s){return s===S})))return void l();s=[S].concat(j.default(g))}s=c.uniq(s),P(s),v(""),l()},disabled:!S,children:"Save"})]}),children:a.jsxs(i.FormControl,{classes:{root:y.selectFormControl},"data-testid":"addEditRealTimeParameterDropdown",children:[a.jsx(i.InputLabel,{htmlFor:"parameter",children:"Parameter"}),a.jsx(i.Select,{value:S||"",inputProps:{name:"parameter",id:"parameter"},onChange:function(s){k(String(s.target.value))},children:O.map((function(s){return a.jsx(i.MenuItem,{"data-testid":"".concat(s.key,"_menuItem"),value:s.key,disabled:g.includes(s.key),children:s.name},s.key)}))})]})})}));module.exports=b;
 //# sourceMappingURL=RealTimeBoxEditDialog.js.map

package/cjs-bundle/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","jsxs","_Fragment","children","Button","color","root","onClick","jsx","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"~~w7KAUA~~,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,EAAAA,MAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAUA,WAACC,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,QAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAAQA,SAACf,GAAYgB,EAAAC,EAAAA,QAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,EAAAA,WAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAAAA,IAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAAA,iBAAmB,aAAe,SACxCC,QACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEX,MAACY,EAAM,CACLC,MAAM,UACNzB,QAAS,CAAE0B,KAAM1B,EAAQjB,cACzB4C,QAASpC,EAA0BgC,SAAA,WAIpCjC,GACCsB,EAAAgB,IAACJ,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAME,EAAa/B,EAAQgC,QAAO,SAACC,GAAY,OAAKA,IAASzC,KAC7DW,EAA2B4B,GAC3B9B,EAAwB,IACxBR,KAuBsDgC,SAAA,WAIhDX,MAACY,EAAM,CACLxB,QAAS,CAAE0B,KAAM1B,EAAQf,YACzB+C,UAAU,UACVL,QAxDS,WACjB,IAAIE,EACJ,GAAKvC,EAOHuC,EAAa/B,EAAQmC,KAAI,SAACF,GACxB,OAAOA,IAASzC,EAAcmB,EAAgBsB,CAChD,QATgB,CAChB,GAAIjC,EAAQoC,MAAK,SAACH,GAAY,OAAKA,IAAStB,CAAa,IAEvD,YADAlB,IAGFsC,EAAcpB,CAAAA,GAAkBX,OAAAA,EAAAA,QAAAA,GAClC,CAOA+B,EAAaM,EAAAA,KAAKN,GAElB5B,EAA2B4B,GAC3B9B,EAAwB,IACxBR,KAsCQ6C,UAAW3B,EAAcc,SAAA,YAK9BA,SAEDH,OAACiB,cAAW,CACVrC,QAAS,CAAE0B,KAAM1B,EAAQpB,mBACzB,cAAY,mCAAkC2C,SAAA,CAE9CX,MAAC0B,aAAU,CAACC,QAAQ,YAAWhB,SAAA,cAC/BX,MAAC4B,SAAM,CACLtC,MAAOO,GAAiB,GACxBgC,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBnC,EAAiBoC,OAAOD,EAAEE,OAAO7C,SA0CHqB,SAEvB1B,EAAcoC,KAAI,SAACe,GAAoB,OACtCpC,EAAAA,IAACqC,EAAAA,SAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtChD,MAAO8C,EAAOE,IAEdd,SAAUtC,EAAQqD,SAASH,EAAOE,KAAK3B,SAEtCyB,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","jsxs","_Fragment","children","Button","color","root","onClick","jsx","newSetting","filter","item","variation","map","find","uniq","disabled","FormControl","InputLabel","htmlFor","Select","inputProps","name","id","onChange","e","String","target","rtType","MenuItem","key","includes"],"mappings":"iqLAUA,IAAMA,EAAYC,EAAAA,WAAW,CAC3BC,kBAAmB,CAAEC,MAAO,MAAOC,YAAa,QAChDC,aAAc,CACZC,OAAQ,iBAEVC,WAAY,CACVC,WAAY,MAuHDC,EAAAA,EAAAA,MAnH+C,SAA8DC,GAAA,IAA3DC,IAAAA,aAAcC,IAAAA,YAAaC,IAAAA,0BAQtFC,EAAAA,EAAUA,WAACC,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,QAAAA,CAAAA,EAAAA,EAAWM,MAI0BG,EAAAA,EAAQA,SAACf,GAAYgB,EAAAC,EAAAA,QAAAC,EAAA,GAAxDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GAEtCK,EAAAA,WAAU,WACRD,EAAiBpB,EACnB,GAAG,CAACA,IAmCJ,OACEsB,EAAAA,IAACC,EAAK,CACJC,KAAMzB,EACN0B,QAASxB,EACTyB,MAAM,+BACNC,KAAMC,EAAAA,iBAAmB,aAAe,SACxCC,QACEC,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACEX,MAACY,EAAM,CACLC,MAAM,UACNzB,QAAS,CAAE0B,KAAM1B,EAAQjB,cACzB4C,QAASpC,EAA0BgC,SAAA,WAIpCjC,GACCsB,EAAAgB,IAACJ,EAAM,CAACC,MAAM,UAAUE,QA3Bb,WACnB,IAAME,EAAa/B,EAAQgC,QAAO,SAACC,GAAY,OAAKA,IAASzC,KAC7DW,EAA2B4B,GAC3B9B,EAAwB,IACxBR,KAuBsDgC,SAAA,WAIhDX,MAACY,EAAM,CACLxB,QAAS,CAAE0B,KAAM1B,EAAQf,YACzB+C,UAAU,UACVL,QAxDS,WACjB,IAAIE,EACJ,GAAKvC,EAOHuC,EAAa/B,EAAQmC,KAAI,SAACF,GACxB,OAAOA,IAASzC,EAAcmB,EAAgBsB,CAChD,QATgB,CAChB,GAAIjC,EAAQoC,MAAK,SAACH,GAAY,OAAKA,IAAStB,CAAa,IAEvD,YADAlB,IAGFsC,EAAcpB,CAAAA,GAAkBX,OAAAA,EAAAA,QAAAA,GAClC,CAOA+B,EAAaM,EAAAA,KAAKN,GAElB5B,EAA2B4B,GAC3B9B,EAAwB,IACxBR,KAsCQ6C,UAAW3B,EAAcc,SAAA,YAK9BA,SAEDH,OAACiB,cAAW,CACVrC,QAAS,CAAE0B,KAAM1B,EAAQpB,mBACzB,cAAY,mCAAkC2C,SAAA,CAE9CX,MAAC0B,aAAU,CAACC,QAAQ,YAAWhB,SAAA,cAC/BX,MAAC4B,SAAM,CACLtC,MAAOO,GAAiB,GACxBgC,WAAY,CAAEC,KAAM,YAAaC,GAAI,aACrCC,SA3Cc,SAACC,GACrBnC,EAAiBoC,OAAOD,EAAEE,OAAO7C,SA0CHqB,SAEvB1B,EAAcoC,KAAI,SAACe,GAAoB,OACtCpC,EAAAA,IAACqC,EAAAA,SAAQ,CACP,cAAgBD,GAAAA,OAAAA,EAAOE,IAAe,aACtChD,MAAO8C,EAAOE,IAEdd,SAAUtC,EAAQqD,SAASH,EAAOE,KAAK3B,SAEtCyB,EAAON,MAHHM,EAAOE,cAU1B"}