@corva/ui 3.73.0-6 → 3.73.0-8

package/components/ParameterCharts/components/Track.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 declare function Track({ id, index }: {
-    id: any;
+    id?: string | undefined;
     index: any;
 }): import("react").JSX.Element;
 declare namespace Track {
@@ -8,9 +8,6 @@ declare namespace Track {
         id: PropTypes.Requireable<string>;
         index: PropTypes.Validator<number>;
     };
-    var defaultProps: {
-        id: string;
-    };
 }
 export default Track;
 //# sourceMappingURL=Track.d.ts.map

package/components/ParameterCharts/components/Track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../src/components/ParameterCharts/components/Track.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;uBAapB,EAAE,EAAE,EAAE,KAAK,EAAE;;;CAAA;;;;;;;;;;eAiHb,KAAK"}
+{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../src/components/ParameterCharts/components/Track.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;uBAapB,EAAE,EAAO,EAAE,KAAK,EAAE;;;CAAA;;;;;;;eA6GlB,KAAK"}

package/components/ParameterCharts/components/Track.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useContext as e,useRef as n,useMemo as i}from"react";import o from"uuid";import a from"classnames";import c from"prop-types";import{range as s}from"lodash";import{DEFAULT_TRACK_SETTINGS as m}from"../constants.js";import p from"../AddEditTrack.js";import u from"../SettingsContext.js";import f from"../DataContext.js";import d from"./TraceHeader.js";import l from"./ChartContainer.js";import g from"./Track.css.js";import{jsx as b,Fragment as h,jsxs as j}from"react/jsx-runtime";function y(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function v(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y(Object(n),!0).forEach((function(e){t(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))}))}return r}var O=function(c){var y,O=c.id,P=c.index,x=e(u),C=x.horizontal,k=x.settingsKey,S=x.settings,w=x.onSettingsChange,D=x.maxTracesCount,T=x.multipleAssets,A=e(f).mapping,E=n(),N=i((function(){return O?S[k].find((function(r){return r.id===O})):m}),[O,S,k]),z=function(r){var e=S[k].map((function(t){return O===t.id?v(v({},t),{},{traces:t.traces&&t.traces.filter((function(t){return t.id!==r}))}):t}));w(v(v({},S),{},t({},k,e)))},K=function(e){var n=[];n=e.id?N.traces.map((function(r){return r.id===e.id?e:r})):[].concat(r(N.traces),[v(v({},e),{},{id:o()})]);var i=S[k].map((function(r){return O===r.id?v(v({},r),{},{traces:n}):r}));w(v(v({},S),{},t({},k,i)))},q=function(){E.current.click()},H=i((function(){if(!T)return N.name;var r=A.find((function(r){var t,e;return r.key===(null===(t=N.traces)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.key)}));return r?r.name:N.name}),[N.traces,N.name,T]);return b(h,{children:j("div",{className:a(g.container,(y={},t(y,g.horizontal,C),t(y,g.vertical,!C),y)),children:[b(p,{mapping:A,settings:S,onSettingsChange:w,settingsKey:k,id:O,multipleAssets:T,children:b("div",{className:g.header,ref:E,children:b("div",{className:g.title,children:H})})}),!T&&s(D).map((function(r){return b(d,{index:r,traceSettings:N.traces[r],onDelete:z,mapping:A,onChange:K,openTrackSettings:q},N.traces[r]?N.traces[r].id:r)})),b(l,{traces:N.traces,trackIndex:P})]})})};O.propTypes={id:c.string,index:c.number.isRequired},O.defaultProps={id:""};export{O as default};
+import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useContext as e,useRef as n,useMemo as i}from"react";import o from"uuid";import a from"classnames";import c from"prop-types";import{range as s}from"lodash";import{DEFAULT_TRACK_SETTINGS as m}from"../constants.js";import p from"../AddEditTrack.js";import u from"../SettingsContext.js";import f from"../DataContext.js";import d from"./TraceHeader.js";import l from"./ChartContainer.js";import g from"./Track.css.js";import{jsx as b,Fragment as h,jsxs as j}from"react/jsx-runtime";function v(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function y(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?v(Object(n),!0).forEach((function(e){t(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))}))}return r}var O=function(c){var v,O=c.id,x=void 0===O?"":O,C=c.index,P=e(u),k=P.horizontal,S=P.settingsKey,w=P.settings,D=P.onSettingsChange,T=P.maxTracesCount,A=P.multipleAssets,E=e(f).mapping,N=n(),z=i((function(){return x?w[S].find((function(r){return r.id===x})):m}),[x,w,S]),K=function(r){var e=w[S].map((function(t){return x===t.id?y(y({},t),{},{traces:t.traces&&t.traces.filter((function(t){return t.id!==r}))}):t}));D(y(y({},w),{},t({},S,e)))},q=function(e){var n=[];n=e.id?z.traces.map((function(r){return r.id===e.id?e:r})):[].concat(r(z.traces),[y(y({},e),{},{id:o()})]);var i=w[S].map((function(r){return x===r.id?y(y({},r),{},{traces:n}):r}));D(y(y({},w),{},t({},S,i)))},H=function(){N.current.click()},I=i((function(){if(!A)return z.name;var r=E.find((function(r){var t,e;return r.key===(null===(t=z.traces)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.key)}));return r?r.name:z.name}),[z.traces,z.name,A]);return b(h,{children:j("div",{className:a(g.container,(v={},t(v,g.horizontal,k),t(v,g.vertical,!k),v)),children:[b(p,{mapping:E,settings:w,onSettingsChange:D,settingsKey:S,id:x,multipleAssets:A,children:b("div",{className:g.header,ref:N,children:b("div",{className:g.title,children:I})})}),!A&&s(T).map((function(r){return b(d,{index:r,traceSettings:z.traces[r],onDelete:K,mapping:E,onChange:q,openTrackSettings:H},z.traces[r]?z.traces[r].id:r)})),b(l,{traces:z.traces,trackIndex:C})]})})};O.propTypes={id:c.string,index:c.number.isRequired};export{O as default};
 //# sourceMappingURL=Track.js.map

package/components/ParameterCharts/components/Track.js.map

@@ -1 +1 @@
-{"version":3,"file":"Track.js","sources":["../../../../src/components/ParameterCharts/components/Track.js"],"sourcesContent":["import { useMemo, useContext, useRef } from 'react';\nimport uuid from 'uuid';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { range } from 'lodash';\n\nimport { DEFAULT_TRACK_SETTINGS } from '../constants';\nimport AddEditTrack from '../AddEditTrack';\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport TraceHeader from './TraceHeader';\nimport ChartContainer from './ChartContainer';\n\nimport styles from './Track.css';\n\nconst Track = ({ id, index }) => {\n  const { horizontal, settingsKey, settings, onSettingsChange, maxTracesCount, multipleAssets } =\n    useContext(SettingsContext);\n  const { mapping } = useContext(DataContext);\n\n  const trackSettingsRef = useRef();\n\n  const trackSettings = useMemo(\n    () => (id ? settings[settingsKey].find(item => item.id === id) : DEFAULT_TRACK_SETTINGS),\n    [id, settings, settingsKey]\n  );\n\n  const deleteTrace = traceId => {\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: item.traces && item.traces.filter(trace => trace.id !== traceId),\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const onTraceChange = newSettings => {\n    let updateTraces = [];\n\n    if (newSettings.id) {\n      updateTraces = trackSettings.traces.map(item =>\n        item.id === newSettings.id ? newSettings : item\n      );\n    } else {\n      updateTraces = [...trackSettings.traces, { ...newSettings, id: uuid() }];\n    }\n\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: updateTraces,\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const openTrackSettings = () => {\n    trackSettingsRef.current.click();\n  };\n\n  const trackName = useMemo(() => {\n    if (!multipleAssets) return trackSettings.name;\n    const mappingValue = mapping.find(item => item.key === trackSettings.traces?.[0]?.key);\n    return mappingValue ? mappingValue.name : trackSettings.name;\n  }, [trackSettings.traces, trackSettings.name, multipleAssets]);\n\n  return (\n    <>\n      <div\n        className={classNames(styles.container, {\n          [styles.horizontal]: horizontal,\n          [styles.vertical]: !horizontal,\n        })}\n      >\n        <AddEditTrack\n          mapping={mapping}\n          settings={settings}\n          onSettingsChange={onSettingsChange}\n          settingsKey={settingsKey}\n          id={id}\n          multipleAssets={multipleAssets}\n        >\n          <div className={styles.header} ref={trackSettingsRef}>\n            <div className={styles.title}>{trackName}</div>\n          </div>\n        </AddEditTrack>\n        {!multipleAssets &&\n          range(maxTracesCount).map(indx => (\n            <TraceHeader\n              key={trackSettings.traces[indx] ? trackSettings.traces[indx].id : indx}\n              index={indx}\n              traceSettings={trackSettings.traces[indx]}\n              onDelete={deleteTrace}\n              mapping={mapping}\n              onChange={onTraceChange}\n              openTrackSettings={openTrackSettings}\n            />\n          ))}\n        <ChartContainer traces={trackSettings.traces} trackIndex={index} />\n      </div>\n    </>\n  );\n};\n\nTrack.propTypes = {\n  id: PropTypes.string,\n  index: PropTypes.number.isRequired,\n};\n\nTrack.defaultProps = {\n  id: '',\n};\n\nexport default Track;\n"],"names":["Track","_ref","_classNames","id","index","useContext","SettingsContext","horizontal","settingsKey","settings","onSettingsChange","maxTracesCount","multipleAssets","mapping","DataContext","trackSettingsRef","useRef","trackSettings","useMemo","find","item","DEFAULT_TRACK_SETTINGS","deleteTrace","traceId","updatedSettings","map","_objectSpread","traces","filter","trace","_defineProperty","onTraceChange","newSettings","updateTraces","uuid","openTrackSettings","current","click","trackName","name","mappingValue","_trackSettings$traces","_trackSettings$traces2","key","_jsx","_Fragment","children","_jsxs","className","classNames","styles","container","vertical","AddEditTrack","header","ref","title","range","indx","TraceHeader","traceSettings","onDelete","onChange","ChartContainer","trackIndex","propTypes","PropTypes","string","number","isRequired","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Track.js","sources":["../../../../src/components/ParameterCharts/components/Track.js"],"sourcesContent":["import { useMemo, useContext, useRef } from 'react';\nimport uuid from 'uuid';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { range } from 'lodash';\n\nimport { DEFAULT_TRACK_SETTINGS } from '../constants';\nimport AddEditTrack from '../AddEditTrack';\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport TraceHeader from './TraceHeader';\nimport ChartContainer from './ChartContainer';\n\nimport styles from './Track.css';\n\nconst Track = ({ id = '', index }) => {\n  const { horizontal, settingsKey, settings, onSettingsChange, maxTracesCount, multipleAssets } =\n    useContext(SettingsContext);\n  const { mapping } = useContext(DataContext);\n\n  const trackSettingsRef = useRef();\n\n  const trackSettings = useMemo(\n    () => (id ? settings[settingsKey].find(item => item.id === id) : DEFAULT_TRACK_SETTINGS),\n    [id, settings, settingsKey]\n  );\n\n  const deleteTrace = traceId => {\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: item.traces && item.traces.filter(trace => trace.id !== traceId),\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const onTraceChange = newSettings => {\n    let updateTraces = [];\n\n    if (newSettings.id) {\n      updateTraces = trackSettings.traces.map(item =>\n        item.id === newSettings.id ? newSettings : item\n      );\n    } else {\n      updateTraces = [...trackSettings.traces, { ...newSettings, id: uuid() }];\n    }\n\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: updateTraces,\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const openTrackSettings = () => {\n    trackSettingsRef.current.click();\n  };\n\n  const trackName = useMemo(() => {\n    if (!multipleAssets) return trackSettings.name;\n    const mappingValue = mapping.find(item => item.key === trackSettings.traces?.[0]?.key);\n    return mappingValue ? mappingValue.name : trackSettings.name;\n  }, [trackSettings.traces, trackSettings.name, multipleAssets]);\n\n  return (\n    <>\n      <div\n        className={classNames(styles.container, {\n          [styles.horizontal]: horizontal,\n          [styles.vertical]: !horizontal,\n        })}\n      >\n        <AddEditTrack\n          mapping={mapping}\n          settings={settings}\n          onSettingsChange={onSettingsChange}\n          settingsKey={settingsKey}\n          id={id}\n          multipleAssets={multipleAssets}\n        >\n          <div className={styles.header} ref={trackSettingsRef}>\n            <div className={styles.title}>{trackName}</div>\n          </div>\n        </AddEditTrack>\n        {!multipleAssets &&\n          range(maxTracesCount).map(indx => (\n            <TraceHeader\n              key={trackSettings.traces[indx] ? trackSettings.traces[indx].id : indx}\n              index={indx}\n              traceSettings={trackSettings.traces[indx]}\n              onDelete={deleteTrace}\n              mapping={mapping}\n              onChange={onTraceChange}\n              openTrackSettings={openTrackSettings}\n            />\n          ))}\n        <ChartContainer traces={trackSettings.traces} trackIndex={index} />\n      </div>\n    </>\n  );\n};\n\nTrack.propTypes = {\n  id: PropTypes.string,\n  index: PropTypes.number.isRequired,\n};\n\nexport default Track;\n"],"names":["Track","_ref","_classNames","_ref$id","id","index","useContext","SettingsContext","horizontal","settingsKey","settings","onSettingsChange","maxTracesCount","multipleAssets","mapping","DataContext","trackSettingsRef","useRef","trackSettings","useMemo","find","item","DEFAULT_TRACK_SETTINGS","deleteTrace","traceId","updatedSettings","map","_objectSpread","traces","filter","trace","_defineProperty","onTraceChange","newSettings","updateTraces","uuid","openTrackSettings","current","click","trackName","name","mappingValue","_trackSettings$traces","_trackSettings$traces2","key","_jsx","_Fragment","children","_jsxs","className","classNames","styles","container","vertical","AddEditTrack","header","ref","title","range","indx","TraceHeader","traceSettings","onDelete","onChange","ChartContainer","trackIndex","propTypes","PropTypes","string","number","isRequired"],"mappings":"ipCAgBA,IAAMA,EAAQ,SAAwBC,GAAA,IAAAC,EAAAC,EAAAF,EAArBG,GAAAA,aAAK,GAAED,EAAEE,IAAAA,MAEtBC,EAAAA,EAAWC,GADLC,IAAAA,WAAYC,IAAAA,YAAaC,IAAAA,SAAUC,IAAAA,iBAAkBC,IAAAA,eAAgBC,IAAAA,eAErEC,EAAYR,EAAWS,GAAvBD,QAEFE,EAAmBC,IAEnBC,EAAgBC,GACpB,WAAA,OAAOf,EAAKM,EAASD,GAAaW,MAAK,SAAAC,GAAI,OAAIA,EAAKjB,KAAOA,CAAE,IAAIkB,CAAuB,GACxF,CAAClB,EAAIM,EAAUD,IAGXc,EAAc,SAAAC,GAClB,IAAMC,EAAkBf,EAASD,GAAaiB,KAAI,SAAAL,GAChD,OAAIjB,IAAOiB,EAAKjB,GACduB,EAAAA,EAAA,CAAA,EACKN,GAAI,CAAA,EAAA,CACPO,OAAQP,EAAKO,QAAUP,EAAKO,OAAOC,QAAO,SAAAC,GAAK,OAAIA,EAAM1B,KAAOoB,CAAO,MAGlEH,CAEX,IACAV,SACKD,GAAQ,GAAAqB,EAAA,CAAA,EACVtB,EAAcgB,MAIbO,EAAgB,SAAAC,GACpB,IAAIC,EAAe,GAGjBA,EADED,EAAY7B,GACCc,EAAcU,OAAOF,KAAI,SAAAL,GAAI,OAC1CA,EAAKjB,KAAO6B,EAAY7B,GAAK6B,EAAcZ,KAG1BH,GAAAA,OAAAA,EAAAA,EAAcU,gBAAaK,GAAW,CAAA,EAAA,CAAE7B,GAAI+B,QAGjE,IAAMV,EAAkBf,EAASD,GAAaiB,KAAI,SAAAL,GAChD,OAAIjB,IAAOiB,EAAKjB,GACduB,EAAAA,EAAA,CAAA,EACKN,GAAI,CAAA,EAAA,CACPO,OAAQM,IAGHb,CAEX,IACAV,SACKD,GAAQ,GAAAqB,EAAA,CAAA,EACVtB,EAAcgB,MAIbW,EAAoB,WACxBpB,EAAiBqB,QAAQC,SAGrBC,EAAYpB,GAAQ,WACxB,IAAKN,EAAgB,OAAOK,EAAcsB,KAC1C,IAAMC,EAAe3B,EAAQM,MAAK,SAAAC,GAAI,IAAAqB,EAAAC,EAAA,OAAItB,EAAKuB,OAA4B,QAAzBF,EAAKxB,EAAcU,cAAM,IAAAc,GAAK,QAALC,EAApBD,EAAuB,UAAE,IAAAC,OAAL,EAApBA,EAA2BC,QAClF,OAAOH,EAAeA,EAAaD,KAAOtB,EAAcsB,IAC1D,GAAG,CAACtB,EAAcU,OAAQV,EAAcsB,KAAM3B,IAE9C,OACEgC,EAAAC,EAAA,CAAAC,SACEC,EAAA,MAAA,CACEC,UAAWC,EAAWC,EAAOC,oBAC1BD,EAAO3C,WAAaA,OACpB2C,EAAOE,UAAY7C,GACnBN,IAAA6C,SAAA,CAEHF,EAACS,EAAY,CACXxC,QAASA,EACTJ,SAAUA,EACVC,iBAAkBA,EAClBF,YAAaA,EACbL,GAAIA,EACJS,eAAgBA,EAAekC,SAE/BF,EAAA,MAAA,CAAKI,UAAWE,EAAOI,OAAQC,IAAKxC,EAAiB+B,SACnDF,EAAA,MAAA,CAAKI,UAAWE,EAAOM,MAAMV,SAAER,SAGjC1B,GACA6C,EAAM9C,GAAgBc,KAAI,SAAAiC,GAAI,OAC5Bd,EAACe,EAAW,CAEVvD,MAAOsD,EACPE,cAAe3C,EAAcU,OAAO+B,GACpCG,SAAUvC,EACVT,QAASA,EACTiD,SAAU/B,EACVI,kBAAmBA,GANdlB,EAAcU,OAAO+B,GAAQzC,EAAcU,OAAO+B,GAAMvD,GAAKuD,MASxEd,EAACmB,EAAc,CAACpC,OAAQV,EAAcU,OAAQqC,WAAY5D,QAIlE,EAEAL,EAAMkE,UAAY,CAChB9D,GAAI+D,EAAUC,OACd/D,MAAO8D,EAAUE,OAAOC"}

package/components/PinnableFilters/PinnableFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PinnableFilters/PinnableFilters.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AAmLnC,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;CAAA,+BAUzC;kBAVQ,UAAU;;;;;eAgBJ,UAAU"}
+{"version":3,"file":"PinnableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PinnableFilters/PinnableFilters.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,SAAS,MAAM,YAAY,CAAC;AA4KnC,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;CAAA,+BAUzC;kBAVQ,UAAU;;;;;eAgBJ,UAAU"}

package/components/PinnableFilters/PinnableFilters.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import i from"@babel/runtime/helpers/slicedToArray";import{useState as n}from"react";import o from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as l,Popover as a}from"@material-ui/core";import{withStyles as c}from"@material-ui/core/styles";import s from"./components/FiltersToggler.js";import d from"./components/PinAppSwitch.js";import{useComonentsWidth as p,useAppFilterTogglerWidth as m,useFilterLayout as u}from"./effects/index.js";import{getStartComponent as h,getMiddleComponent as f,getEndComponents as b}from"./utils.js";import{LARGE_SIZE_LAYOUT as v,MEDIUM_SIZE_LAYOUT as P,SMALL_SIZE_LAYOUT as O}from"./constants.js";import y from"./PinnableFilters.css.js";import{jsxs as j,jsx as g}from"react/jsx-runtime";var w=["children"];function N(e,r){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),i.push.apply(i,n)}return i}function S(r){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?N(Object(n),!0).forEach((function(i){e(r,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function k(e){var r=e.children,o=e.classes,t=e.appWidth,c=e.isPinnedInitial,w=e.isShownInitial,N=e.onShowCallback,S=e.onPinCallback,k=n(null),C=i(k,2),M=C[0],T=C[1],W=n(c),B=i(W,2),E=B[0],I=B[1],q=n(w),z=i(q,2),D=z[0],L=z[1],R=n(!1),x=i(R,2),A=x[0],F=x[1],G=function(e){L(e),N&&N(e)},H=p(r),J=H.componentsWidth,K=H.hiddenElements,Q=m(),U=u(r,J,Q,t),V=h(r),X=f(r),Y=b(r),Z=function(e){E?G(!D):T(e.currentTarget)},$=function(){var e,r=!E;r&&(T(null),G(!0)),I(e=r),S&&S(e)};return j("div",{style:{width:"100%"},children:[g(l,{timeout:10,in:U===v,children:j("div",{className:y.containerLarge,children:[g("div",{children:V}),j("div",{className:y.containerLargeTopright,children:[X,Y]})]})}),g(l,{timeout:10,in:U===P,children:j("div",{className:y.containerMedium,children:[j("div",{className:y.containerMediumTop,children:[j("div",{className:y.containerButtonsWrapper,onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)},children:[g(s,{onClick:Z}),(A||E||Boolean(M))&&g(d,{isPinned:E,onClick:$})]}),j("div",{className:y.containerMediumTopright,children:[X,Y]})]}),g(l,{timeout:100,in:E&&D,children:g("div",{className:y.containerMediumBottom,children:V})})]})}),g(l,{timeout:10,in:U===O,children:j("div",{className:y.containerSmall,children:[j("div",{className:y.containerSmallTop,children:[j("div",{className:y.containerButtonsWrapper,onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)},children:[g(s,{onClick:Z}),(A||E||Boolean(M))&&g(d,{isPinned:E,onClick:$})]}),g("div",{children:Y})]}),g(l,{timeout:100,in:E&&D,children:g("div",{className:y.containerSmallMiddle,children:V})}),g("div",{className:y.containerSmallBottom,children:X})]})}),g(a,{id:"filters-popper",classes:{paper:o.paper},open:Boolean(M),anchorEl:M,onClose:function(){T(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:g("div",{className:y.containerPopper,children:V})}),K]})}k.propTypes={classes:o.shape({}).isRequired,appWidth:o.number.isRequired,children:o.arrayOf(o.node).isRequired,isPinnedInitial:o.bool,isShownInitial:o.bool,onShowCallback:o.func,onPinCallback:o.func},k.defaultProps={isPinnedInitial:!1,isShownInitial:!1,onShowCallback:void 0,onPinCallback:void 0};var C=c({paper:{backgroundColor:"#414141"}})(k);function M(e){var i=e.children,n=r(e,w);return g(t,{monitorWidth:!0,children:function(e){var r=e.size;return g(C,S(S({appWidth:r.width-21},n),{},{children:i}))}})}M.propTypes={children:o.arrayOf(o.node).isRequired};export{M as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import i from"@babel/runtime/helpers/slicedToArray";import{useState as n}from"react";import o from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as c,Popover as l}from"@material-ui/core";import{withStyles as a}from"@material-ui/core/styles";import s from"./components/FiltersToggler.js";import d from"./components/PinAppSwitch.js";import{useComonentsWidth as p,useAppFilterTogglerWidth as m,useFilterLayout as u}from"./effects/index.js";import{getStartComponent as h,getMiddleComponent as f,getEndComponents as v}from"./utils.js";import{LARGE_SIZE_LAYOUT as b,MEDIUM_SIZE_LAYOUT as O,SMALL_SIZE_LAYOUT as y}from"./constants.js";import j from"./PinnableFilters.css.js";import{jsxs as P,jsx as g}from"react/jsx-runtime";var w=["children"];function N(e,r){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),i.push.apply(i,n)}return i}function S(r){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?N(Object(n),!0).forEach((function(i){e(r,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function k(e){var r=e.children,o=e.classes,t=e.appWidth,a=e.isPinnedInitial,w=void 0!==a&&a,N=e.isShownInitial,S=void 0!==N&&N,k=e.onShowCallback,C=e.onPinCallback,M=n(null),T=i(M,2),W=T[0],B=T[1],E=n(w),q=i(E,2),z=q[0],D=q[1],I=n(S),L=i(I,2),R=L[0],x=L[1],A=n(!1),F=i(A,2),G=F[0],H=F[1],J=function(e){x(e),k&&k(e)},K=p(r),Q=K.componentsWidth,U=K.hiddenElements,V=m(),X=u(r,Q,V,t),Y=h(r),Z=f(r),$=v(r),_=function(e){z?J(!R):B(e.currentTarget)},ee=function(){var e,r=!z;r&&(B(null),J(!0)),D(e=r),C&&C(e)};return P("div",{style:{width:"100%"},children:[g(c,{timeout:10,in:X===b,children:P("div",{className:j.containerLarge,children:[g("div",{children:Y}),P("div",{className:j.containerLargeTopright,children:[Z,$]})]})}),g(c,{timeout:10,in:X===O,children:P("div",{className:j.containerMedium,children:[P("div",{className:j.containerMediumTop,children:[P("div",{className:j.containerButtonsWrapper,onMouseEnter:function(){return H(!0)},onMouseLeave:function(){return H(!1)},children:[g(s,{onClick:_}),(G||z||Boolean(W))&&g(d,{isPinned:z,onClick:ee})]}),P("div",{className:j.containerMediumTopright,children:[Z,$]})]}),g(c,{timeout:100,in:z&&R,children:g("div",{className:j.containerMediumBottom,children:Y})})]})}),g(c,{timeout:10,in:X===y,children:P("div",{className:j.containerSmall,children:[P("div",{className:j.containerSmallTop,children:[P("div",{className:j.containerButtonsWrapper,onMouseEnter:function(){return H(!0)},onMouseLeave:function(){return H(!1)},children:[g(s,{onClick:_}),(G||z||Boolean(W))&&g(d,{isPinned:z,onClick:ee})]}),g("div",{children:$})]}),g(c,{timeout:100,in:z&&R,children:g("div",{className:j.containerSmallMiddle,children:Y})}),g("div",{className:j.containerSmallBottom,children:Z})]})}),g(l,{id:"filters-popper",classes:{paper:o.paper},open:Boolean(W),anchorEl:W,onClose:function(){B(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:g("div",{className:j.containerPopper,children:Y})}),U]})}k.propTypes={classes:o.shape({}).isRequired,appWidth:o.number.isRequired,children:o.arrayOf(o.node).isRequired,isPinnedInitial:o.bool,isShownInitial:o.bool,onShowCallback:o.func,onPinCallback:o.func};var C=a({paper:{backgroundColor:"#414141"}})(k);function M(e){var i=e.children,n=r(e,w);return g(t,{monitorWidth:!0,children:function(e){var r=e.size;return g(C,S(S({appWidth:r.width-21},n),{},{children:i}))}})}M.propTypes={children:o.arrayOf(o.node).isRequired};export{M as default};
 //# sourceMappingURL=PinnableFilters.js.map

package/components/PinnableFilters/PinnableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinnableFilters.js","sources":["../../../src/components/PinnableFilters/PinnableFilters.js"],"sourcesContent":["/**\n * A wrapper component that handles the layout of completion app filters\n *\n * MUST 1: \"key\" props must be specified to make \"auto layout\" working\n * --------- \"filter\" or \"start\" needs to be included for Filter component key\n * --------- \"goal\" or \"middle\" needs to be included for Goal component key\n * --------- \"switch\" or \"end\" needs to be included for Switch component key\n * MUST 2: Each child component must be \"inline-block\" style\n * MUST 3: Filter components must be wrapped with <Fragment>\n *\n *\n * If the above conditions meet, this component will auto-place children components.\n *\n * Layout 1: Large Size\n * -----------------------------------------------\n * | filters                      | middle | end |\n * -----------------------------------------------\n *\n * Layout 2: Medium Size\n * -------------------------------\n * | icon |       | middle | end |\n * -------------------------------\n * | filters                     |\n * -------------------------------\n *\n * Layout 3: Small Size\n * ---------------------\n * | icon |      | end |\n * ---------------------\n *            | middle |\n * ---------------------\n *\n */\n\nimport { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { SizeMe } from 'react-sizeme';\nimport { Collapse, Popover } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport FiltersToggler from './components/FiltersToggler';\nimport PinAppSwitch from './components/PinAppSwitch';\nimport { useAppFilterTogglerWidth, useComonentsWidth, useFilterLayout } from './effects';\nimport { getEndComponents, getMiddleComponent, getStartComponent } from './utils';\nimport { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants';\n\nimport styles from './PinnableFilters.css';\n\nconst muiStyles = {\n  paper: {\n    backgroundColor: '#414141',\n  },\n};\n\nfunction PinnableFilters({\n  children,\n  classes,\n  appWidth,\n  isPinnedInitial,\n  isShownInitial,\n  onShowCallback,\n  onPinCallback,\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isPinned, setIsPinned] = useState(isPinnedInitial);\n  const [isShown, setIsShown] = useState(isShownInitial);\n  const [showPin, setShowPin] = useState(false);\n  const handleChangePinned = value => {\n    setIsPinned(value);\n    if (onPinCallback) onPinCallback(value);\n  };\n  const handleChangeShown = value => {\n    setIsShown(value);\n    if (onShowCallback) onShowCallback(value);\n  };\n\n  // NOTE: Calcualte width of each components\n  const { componentsWidth, hiddenElements } = useComonentsWidth(children);\n\n  // NOTE: Calculate app filter toggler width\n  const appFilterTogglerWidth = useAppFilterTogglerWidth();\n\n  // NOTE: Determine layout to be shown based on the calculated width\n  const layout = useFilterLayout(children, componentsWidth, appFilterTogglerWidth, appWidth);\n\n  const filtersComponent = getStartComponent(children);\n  const goalComponent = getMiddleComponent(children);\n  const switchComponent = getEndComponents(children);\n\n  const handleOpen = e => {\n    if (isPinned) {\n      handleChangeShown(!isShown);\n    } else {\n      setAnchorEl(e.currentTarget);\n    }\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handlePinClick = () => {\n    const newPinState = !isPinned;\n    if (newPinState) {\n      setAnchorEl(null);\n      handleChangeShown(true);\n    }\n    handleChangePinned(newPinState);\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Collapse timeout={10} in={layout === LARGE_SIZE_LAYOUT}>\n        <div className={styles.containerLarge}>\n          <div>{filtersComponent}</div>\n          <div className={styles.containerLargeTopright}>\n            {goalComponent}\n            {switchComponent}\n          </div>\n        </div>\n      </Collapse>\n\n      <Collapse timeout={10} in={layout === MEDIUM_SIZE_LAYOUT}>\n        <div className={styles.containerMedium}>\n          <div className={styles.containerMediumTop}>\n            <div\n              className={styles.containerButtonsWrapper}\n              onMouseEnter={() => setShowPin(true)}\n              onMouseLeave={() => setShowPin(false)}\n            >\n              <FiltersToggler onClick={handleOpen} />\n              {(showPin || isPinned || Boolean(anchorEl)) && (\n                <PinAppSwitch isPinned={isPinned} onClick={handlePinClick} />\n              )}\n            </div>\n            <div className={styles.containerMediumTopright}>\n              {goalComponent}\n              {switchComponent}\n            </div>\n          </div>\n\n          <Collapse timeout={100} in={isPinned && isShown}>\n            <div className={styles.containerMediumBottom}>{filtersComponent}</div>\n          </Collapse>\n        </div>\n      </Collapse>\n\n      <Collapse timeout={10} in={layout === SMALL_SIZE_LAYOUT}>\n        <div className={styles.containerSmall}>\n          <div className={styles.containerSmallTop}>\n            <div\n              className={styles.containerButtonsWrapper}\n              onMouseEnter={() => setShowPin(true)}\n              onMouseLeave={() => setShowPin(false)}\n            >\n              <FiltersToggler onClick={handleOpen} />\n              {(showPin || isPinned || Boolean(anchorEl)) && (\n                <PinAppSwitch isPinned={isPinned} onClick={handlePinClick} />\n              )}\n            </div>\n            <div>{switchComponent}</div>\n          </div>\n\n          <Collapse timeout={100} in={isPinned && isShown}>\n            <div className={styles.containerSmallMiddle}>{filtersComponent}</div>\n          </Collapse>\n\n          <div className={styles.containerSmallBottom}>{goalComponent}</div>\n        </div>\n      </Collapse>\n\n      <Popover\n        id=\"filters-popper\"\n        classes={{\n          paper: classes.paper,\n        }}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <div className={styles.containerPopper}>{filtersComponent}</div>\n      </Popover>\n      {hiddenElements}\n    </div>\n  );\n}\n\nPinnableFilters.propTypes = {\n  classes: PropTypes.shape({}).isRequired,\n  appWidth: PropTypes.number.isRequired,\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  isPinnedInitial: PropTypes.bool,\n  isShownInitial: PropTypes.bool,\n  onShowCallback: PropTypes.func,\n  onPinCallback: PropTypes.func,\n};\n\nPinnableFilters.defaultProps = {\n  isPinnedInitial: false,\n  isShownInitial: false,\n  onShowCallback: undefined,\n  onPinCallback: undefined,\n};\n\nconst StyledPinnableFilters = withStyles(muiStyles)(PinnableFilters);\n\nfunction WithSizeMe({ children, ...props }) {\n  return (\n    <SizeMe monitorWidth>\n      {({ size }) => (\n        <StyledPinnableFilters appWidth={size.width - 21} {...props}>\n          {children}\n        </StyledPinnableFilters>\n      )}\n    </SizeMe>\n  );\n}\n\nWithSizeMe.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nexport default WithSizeMe;\n"],"names":["PinnableFilters","_ref","children","classes","appWidth","isPinnedInitial","isShownInitial","onShowCallback","onPinCallback","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","isPinned","setIsPinned","_useState6","_useState5","isShown","setIsShown","_useState8","_useState7","showPin","setShowPin","handleChangeShown","value","useComonentsWidth","componentsWidth","hiddenElements","appFilterTogglerWidth","useAppFilterTogglerWidth","layout","useFilterLayout","filtersComponent","getStartComponent","goalComponent","getMiddleComponent","switchComponent","getEndComponents","handleOpen","e","currentTarget","handlePinClick","newPinState","_jsxs","style","width","_jsx","Collapse","timeout","in","LARGE_SIZE_LAYOUT","className","styles","containerLarge","containerLargeTopright","MEDIUM_SIZE_LAYOUT","containerMedium","containerMediumTop","containerButtonsWrapper","onMouseEnter","onMouseLeave","FiltersToggler","onClick","Boolean","PinAppSwitch","containerMediumTopright","containerMediumBottom","SMALL_SIZE_LAYOUT","containerSmall","containerSmallTop","containerSmallMiddle","containerSmallBottom","Popover","id","paper","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","containerPopper","propTypes","PropTypes","shape","isRequired","number","arrayOf","node","bool","func","defaultProps","undefined","StyledPinnableFilters","withStyles","backgroundColor","WithSizeMe","_ref2","props","_objectWithoutProperties","_excluded","SizeMe","monitorWidth","_ref3","size","_objectSpread"],"mappings":"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"}
+{"version":3,"file":"PinnableFilters.js","sources":["../../../src/components/PinnableFilters/PinnableFilters.js"],"sourcesContent":["/**\n * A wrapper component that handles the layout of completion app filters\n *\n * MUST 1: \"key\" props must be specified to make \"auto layout\" working\n * --------- \"filter\" or \"start\" needs to be included for Filter component key\n * --------- \"goal\" or \"middle\" needs to be included for Goal component key\n * --------- \"switch\" or \"end\" needs to be included for Switch component key\n * MUST 2: Each child component must be \"inline-block\" style\n * MUST 3: Filter components must be wrapped with <Fragment>\n *\n *\n * If the above conditions meet, this component will auto-place children components.\n *\n * Layout 1: Large Size\n * -----------------------------------------------\n * | filters                      | middle | end |\n * -----------------------------------------------\n *\n * Layout 2: Medium Size\n * -------------------------------\n * | icon |       | middle | end |\n * -------------------------------\n * | filters                     |\n * -------------------------------\n *\n * Layout 3: Small Size\n * ---------------------\n * | icon |      | end |\n * ---------------------\n *            | middle |\n * ---------------------\n *\n */\n\nimport { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { SizeMe } from 'react-sizeme';\nimport { Collapse, Popover } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport FiltersToggler from './components/FiltersToggler';\nimport PinAppSwitch from './components/PinAppSwitch';\nimport { useAppFilterTogglerWidth, useComonentsWidth, useFilterLayout } from './effects';\nimport { getEndComponents, getMiddleComponent, getStartComponent } from './utils';\nimport { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants';\n\nimport styles from './PinnableFilters.css';\n\nconst muiStyles = {\n  paper: {\n    backgroundColor: '#414141',\n  },\n};\n\nfunction PinnableFilters({\n  children,\n  classes,\n  appWidth,\n  isPinnedInitial = false,\n  isShownInitial = false,\n  onShowCallback,\n  onPinCallback,\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [isPinned, setIsPinned] = useState(isPinnedInitial);\n  const [isShown, setIsShown] = useState(isShownInitial);\n  const [showPin, setShowPin] = useState(false);\n  const handleChangePinned = value => {\n    setIsPinned(value);\n    if (onPinCallback) onPinCallback(value);\n  };\n  const handleChangeShown = value => {\n    setIsShown(value);\n    if (onShowCallback) onShowCallback(value);\n  };\n\n  // NOTE: Calcualte width of each components\n  const { componentsWidth, hiddenElements } = useComonentsWidth(children);\n\n  // NOTE: Calculate app filter toggler width\n  const appFilterTogglerWidth = useAppFilterTogglerWidth();\n\n  // NOTE: Determine layout to be shown based on the calculated width\n  const layout = useFilterLayout(children, componentsWidth, appFilterTogglerWidth, appWidth);\n\n  const filtersComponent = getStartComponent(children);\n  const goalComponent = getMiddleComponent(children);\n  const switchComponent = getEndComponents(children);\n\n  const handleOpen = e => {\n    if (isPinned) {\n      handleChangeShown(!isShown);\n    } else {\n      setAnchorEl(e.currentTarget);\n    }\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handlePinClick = () => {\n    const newPinState = !isPinned;\n    if (newPinState) {\n      setAnchorEl(null);\n      handleChangeShown(true);\n    }\n    handleChangePinned(newPinState);\n  };\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Collapse timeout={10} in={layout === LARGE_SIZE_LAYOUT}>\n        <div className={styles.containerLarge}>\n          <div>{filtersComponent}</div>\n          <div className={styles.containerLargeTopright}>\n            {goalComponent}\n            {switchComponent}\n          </div>\n        </div>\n      </Collapse>\n\n      <Collapse timeout={10} in={layout === MEDIUM_SIZE_LAYOUT}>\n        <div className={styles.containerMedium}>\n          <div className={styles.containerMediumTop}>\n            <div\n              className={styles.containerButtonsWrapper}\n              onMouseEnter={() => setShowPin(true)}\n              onMouseLeave={() => setShowPin(false)}\n            >\n              <FiltersToggler onClick={handleOpen} />\n              {(showPin || isPinned || Boolean(anchorEl)) && (\n                <PinAppSwitch isPinned={isPinned} onClick={handlePinClick} />\n              )}\n            </div>\n            <div className={styles.containerMediumTopright}>\n              {goalComponent}\n              {switchComponent}\n            </div>\n          </div>\n\n          <Collapse timeout={100} in={isPinned && isShown}>\n            <div className={styles.containerMediumBottom}>{filtersComponent}</div>\n          </Collapse>\n        </div>\n      </Collapse>\n\n      <Collapse timeout={10} in={layout === SMALL_SIZE_LAYOUT}>\n        <div className={styles.containerSmall}>\n          <div className={styles.containerSmallTop}>\n            <div\n              className={styles.containerButtonsWrapper}\n              onMouseEnter={() => setShowPin(true)}\n              onMouseLeave={() => setShowPin(false)}\n            >\n              <FiltersToggler onClick={handleOpen} />\n              {(showPin || isPinned || Boolean(anchorEl)) && (\n                <PinAppSwitch isPinned={isPinned} onClick={handlePinClick} />\n              )}\n            </div>\n            <div>{switchComponent}</div>\n          </div>\n\n          <Collapse timeout={100} in={isPinned && isShown}>\n            <div className={styles.containerSmallMiddle}>{filtersComponent}</div>\n          </Collapse>\n\n          <div className={styles.containerSmallBottom}>{goalComponent}</div>\n        </div>\n      </Collapse>\n\n      <Popover\n        id=\"filters-popper\"\n        classes={{\n          paper: classes.paper,\n        }}\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <div className={styles.containerPopper}>{filtersComponent}</div>\n      </Popover>\n      {hiddenElements}\n    </div>\n  );\n}\n\nPinnableFilters.propTypes = {\n  classes: PropTypes.shape({}).isRequired,\n  appWidth: PropTypes.number.isRequired,\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n  isPinnedInitial: PropTypes.bool,\n  isShownInitial: PropTypes.bool,\n  onShowCallback: PropTypes.func,\n  onPinCallback: PropTypes.func,\n};\n\nconst StyledPinnableFilters = withStyles(muiStyles)(PinnableFilters);\n\nfunction WithSizeMe({ children, ...props }) {\n  return (\n    <SizeMe monitorWidth>\n      {({ size }) => (\n        <StyledPinnableFilters appWidth={size.width - 21} {...props}>\n          {children}\n        </StyledPinnableFilters>\n      )}\n    </SizeMe>\n  );\n}\n\nWithSizeMe.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nexport default WithSizeMe;\n"],"names":["PinnableFilters","_ref","children","classes","appWidth","_ref$isPinnedInitial","isPinnedInitial","_ref$isShownInitial","isShownInitial","onShowCallback","onPinCallback","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","isPinned","setIsPinned","_useState6","_useState5","isShown","setIsShown","_useState8","_useState7","showPin","setShowPin","handleChangeShown","value","useComonentsWidth","componentsWidth","hiddenElements","appFilterTogglerWidth","useAppFilterTogglerWidth","layout","useFilterLayout","filtersComponent","getStartComponent","goalComponent","getMiddleComponent","switchComponent","getEndComponents","handleOpen","e","currentTarget","handlePinClick","newPinState","_jsxs","style","width","_jsx","Collapse","timeout","in","LARGE_SIZE_LAYOUT","className","styles","containerLarge","containerLargeTopright","MEDIUM_SIZE_LAYOUT","containerMedium","containerMediumTop","containerButtonsWrapper","onMouseEnter","onMouseLeave","FiltersToggler","onClick","Boolean","PinAppSwitch","containerMediumTopright","containerMediumBottom","SMALL_SIZE_LAYOUT","containerSmall","containerSmallTop","containerSmallMiddle","containerSmallBottom","Popover","id","paper","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","containerPopper","propTypes","PropTypes","shape","isRequired","number","arrayOf","node","bool","func","StyledPinnableFilters","withStyles","backgroundColor","WithSizeMe","_ref2","props","_objectWithoutProperties","_excluded","SizeMe","monitorWidth","_ref3","size","_objectSpread"],"mappings":"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"}

package/components/Popover/Popover.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{Popover as t}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as e}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as n}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as p,IsInsideDcFullscreenElemProvider as r}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"uuid";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";var c=["children","open"];function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}function l(o){var i=o.children,p=o.open,m=s(o,c),l=e({isOpen:p}).delayedIsOpen;return n(t,a(a({},m),{},{open:l,TransitionProps:a(a({},m.TransitionProps),{},{enter:!0,exit:!1}),children:n(r,{children:i})}))}function j(o){var s=i(),e=p();return n(s&&!e?l:t,a({},o))}export{j as Popover};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{Popover as t}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as e}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as n}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as p,IsInsideDcFullscreenElemProvider as r}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"uuid";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";var c=["children","open"];function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}function j(o){var i=o.children,p=o.open,m=s(o,c),j=e({isOpen:p}).delayedIsOpen;return n(t,a(a({},m),{},{open:j,TransitionProps:a(a({},m.TransitionProps),{},{enter:!0,exit:!1}),children:n(r,{children:i})}))}function l(o){var s=i(),e=p();return n(s&&!e?j:t,a({},o))}export{l as Popover};
 //# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as MuiPopover, PopoverProps as MuiPopoverProps } from '@material-ui/core';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { ReactNode } from 'react';\n\ntype PopoverProps = {\n  open: boolean;\n  /**\n   * A HTML element, or a function that returns it. It's used to set the position of the popover.\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: () => void;\n  /**\n   * This is the point on the anchor where the popover's anchorEl will attach to. This is not used when the anchorReference is 'anchorPosition'.\\nOptions: vertical: [top, center, bottom]; horizontal: [left, center, right].\n   *\n   * @default { vertical: 'top', horizontal: 'left' }\n   */\n  anchorOrigin?: {\n    horizontal: 'center' | 'left' | 'right' | number;\n    vertical: 'bottom' | 'center' | 'top' | number;\n  };\n  /**\n   * This is the point on the popover which will attach to the anchor's origin.\\nOptions: vertical: [top, center, bottom, x(px)]; horizontal: [left, center, right, x(px)].\n   *\n   * @default { vertical: 'top', horizontal: 'left' }\n   */\n  transformOrigin?: {\n    horizontal: 'center' | 'left' | 'right' | number;\n    vertical: 'bottom' | 'center' | 'top' | number;\n  };\n} & Omit<\n  MuiPopoverProps,\n  'open' | 'anchorEl' | 'onClose' | 'children' | 'anchorOrigin' | 'transformOrigin'\n>;\n\nfunction DcPopover({ children, open: openProp, ...otherProps }: PopoverProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopover\n      {...otherProps}\n      open={delayedIsOpen}\n      TransitionProps={{ ...otherProps.TransitionProps, enter: true, exit: false }}\n    >\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopover>\n  );\n}\n\nexport function Popover(props: PopoverProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopoverComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopover : MuiPopover;\n\n  return <PopoverComponent {...props} />;\n}\n"],"names":["DcPopover","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopover","_objectSpread","TransitionProps","enter","exit","IsInsideDcFullscreenElemProvider","Popover","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"y0dA4CA,SAASA,EAAqEC,GAAA,IAAzDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GAClDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAAUC,EAAAA,EAAA,GACLR,GAAU,GAAA,CACdD,KAAMI,EACNM,gBAAeD,EAAAA,EAAA,CAAA,EAAOR,EAAWS,iBAAe,GAAA,CAAEC,OAAO,EAAMC,MAAM,IAAQd,SAE7ES,EAACM,EAAgC,CAAAf,SAAEA,MAGzC,CAEO,SAASgB,EAAQC,GACtB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOZ,EAFkBS,IAAkBE,EAA2BtB,EAAYY,EAErDO,EAAAA,CAAAA,EAAAA,GAC/B"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as MuiPopover, PopoverProps as MuiPopoverProps } from '@material-ui/core';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { ReactNode } from 'react';\n\ntype PopoverProps = {\n  open: boolean;\n  /**\n   * A HTML element, or a function that returns it. It's used to set the position of the popover.\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: () => void;\n  /**\n   * This is the point on the anchor where the popover's anchorEl will attach to. This is not used when the anchorReference is 'anchorPosition'.\\nOptions: vertical: [top, center, bottom]; horizontal: [left, center, right].\n   *\n   * @default { vertical: 'top', horizontal: 'left' }\n   */\n  anchorOrigin?: {\n    horizontal: 'center' | 'left' | 'right' | number;\n    vertical: 'bottom' | 'center' | 'top' | number;\n  };\n  /**\n   * This is the point on the popover which will attach to the anchor's origin.\\nOptions: vertical: [top, center, bottom, x(px)]; horizontal: [left, center, right, x(px)].\n   *\n   * @default { vertical: 'top', horizontal: 'left' }\n   */\n  transformOrigin?: {\n    horizontal: 'center' | 'left' | 'right' | number;\n    vertical: 'bottom' | 'center' | 'top' | number;\n  };\n} & Omit<\n  MuiPopoverProps,\n  'open' | 'anchorEl' | 'onClose' | 'children' | 'anchorOrigin' | 'transformOrigin'\n>;\n\nfunction DcPopover({ children, open: openProp, ...otherProps }: PopoverProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopover\n      {...otherProps}\n      open={delayedIsOpen}\n      TransitionProps={{ ...otherProps.TransitionProps, enter: true, exit: false }}\n    >\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopover>\n  );\n}\n\nexport function Popover(props: PopoverProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopoverComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopover : MuiPopover;\n\n  return <PopoverComponent {...props} />;\n}\n"],"names":["DcPopover","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopover","_objectSpread","TransitionProps","enter","exit","IsInsideDcFullscreenElemProvider","Popover","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"uieA4CA,SAASA,EAAqEC,GAAA,IAAzDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GAClDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAAUC,EAAAA,EAAA,GACLR,GAAU,GAAA,CACdD,KAAMI,EACNM,gBAAeD,EAAAA,EAAA,CAAA,EAAOR,EAAWS,iBAAe,GAAA,CAAEC,OAAO,EAAMC,MAAM,IAAQd,SAE7ES,EAACM,EAAgC,CAAAf,SAAEA,MAGzC,CAEO,SAASgB,EAAQC,GACtB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOZ,EAFkBS,IAAkBE,EAA2BtB,EAAYY,EAErDO,EAAAA,CAAAA,EAAAA,GAC/B"}

package/components/Popper/Popper.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as e}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as n}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as i,IsInsideDcFullscreenElemProvider as p}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useDelayedDcFullscreenElemOpen as r}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"uuid";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";var c=["children","open"];function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}function l(o){var n=o.children,i=o.open,m=s(o,c),l=r({isOpen:i}).delayedIsOpen;return e(t,a(a({},m),{},{open:l,children:e(p,{children:n})}))}function j(o){var s=n(),p=i();return e(s&&!p?l:t,a({},o))}export{j as Popper};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as t}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as e}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/regenerator";import"react";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Cell.js";import"classnames";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{useIsInsideIsolatedDcApp as n}from"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{useIsInsideDcFullscreenElem as i,IsInsideDcFullscreenElemProvider as p}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useDelayedDcFullscreenElemOpen as r}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../../componentsV2/Tooltip/Tooltip.scss.js";import"../../componentsV2/Popover/Popover.js";import"../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../componentsV2/TextInput/TextInput.js";import"../../componentsV2/TextInputNext/TextInputNext.js";import"../../componentsV2/Label/Label.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/ModalWindow/ModalWindow.js";import"../../componentsV2/Modal/Modal.scss.js";import"../../componentsV2/Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../../componentsV2/utils.js";import"../../componentsV2/Hint/Hint.scss.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../componentsV2/TemplatesControl/utils.js";import"../../componentsV2/TemplatesControl/icons/folder/index.js";import"uuid";import"../../componentsV2/TemplatesControl/Store/utils.js";import"../../componentsV2/TemplatesControl/types.js";import"../../utils/index.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/ButtonText/ButtonText.js";import"../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../GradientManager/configuration/constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"../../componentsV2/AppHeader/AppAssets/utils.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../utils/mobileDetect.js";import"../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../utils/env.js";import"../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../componentsV2/AppSettings/AppSettings.js";import"../../componentsV2/AppSettings/AppSettings.constants.js";import"../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import"../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../componentsV2/Autocomplete/Autocomplete.js";import"../../componentsV2/Select/Select.js";import"../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../componentsV2/DatePicker/DatePicker.js";import"../../componentsV2/DragHandle/DragHandle.js";import"../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../componentsV2/Slider/constants.js";import"../../componentsV2/Slider/components/SliderThumb.js";import"../../componentsV2/Slider/Slider.scss.js";import"../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../componentsV2/Hotkey/Hotkey.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../ErrorBoundary/ErrorBoundary.js";import"../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";var c=["children","open"];function m(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function a(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?m(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):m(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}function j(o){var n=o.children,i=o.open,m=s(o,c),j=r({isOpen:i}).delayedIsOpen;return e(t,a(a({},m),{},{open:j,children:e(p,{children:n})}))}function l(o){var s=n(),p=i();return e(s&&!p?j:t,a({},o))}export{l as Popper};
 //# sourceMappingURL=Popper.js.map

package/components/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import { Popper as MuiPopper, PopperProps as MuiPopperProps } from '@material-ui/core';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { ReactNode } from 'react';\n\ntype PopperProps = Omit<MuiPopperProps, 'children' | 'anchorEl' | 'open' | 'placement'> & {\n  /**\n   * Contents of the popover\n   */\n  children: ReactNode;\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n};\n\nfunction DcPopper({ children, open: openProp, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopper>\n  );\n}\n\nexport function Popper(props: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...props} />;\n}\n"],"names":["DcPopper","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopper","_objectSpread","IsInsideDcFullscreenElemProvider","Popper","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"w0dAsCA,SAASA,EAAmEC,GAAA,IAAxDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GACjDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAASC,EAAAA,EAAA,GAAKR,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC7CS,EAACG,EAAgC,CAAAZ,SAAEA,MAGzC,CAEO,SAASa,EAAOC,GACrB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOT,EAFiBM,IAAkBE,EAA2BnB,EAAWY,EAEpDI,EAAAA,CAAAA,EAAAA,GAC9B"}
+{"version":3,"file":"Popper.js","sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import { Popper as MuiPopper, PopperProps as MuiPopperProps } from '@material-ui/core';\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { ReactNode } from 'react';\n\ntype PopperProps = Omit<MuiPopperProps, 'children' | 'anchorEl' | 'open' | 'placement'> & {\n  /**\n   * Contents of the popover\n   */\n  children: ReactNode;\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl: HTMLElement | (() => HTMLElement);\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n};\n\nfunction DcPopper({ children, open: openProp, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopper>\n  );\n}\n\nexport function Popper(props: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...props} />;\n}\n"],"names":["DcPopper","_ref","children","openProp","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","_jsx","MuiPopper","_objectSpread","IsInsideDcFullscreenElemProvider","Popper","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"sieAsCA,SAASA,EAAmEC,GAAA,IAAxDC,IAAAA,SAAgBC,IAANC,KAAmBC,EAAUC,EAAAL,EAAAM,GACjDC,EAAkBC,EAA+B,CAAEC,OAAQP,IAA3DK,cAER,OACEG,EAACC,EAASC,EAAAA,EAAA,GAAKR,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC7CS,EAACG,EAAgC,CAAAZ,SAAEA,MAGzC,CAEO,SAASa,EAAOC,GACrB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOT,EAFiBM,IAAkBE,EAA2BnB,EAAWY,EAEpDI,EAAAA,CAAAA,EAAAA,GAC9B"}

package/components/PostInput/PostInput.d.ts

@@ -1,12 +1,15 @@
 import PropTypes from 'prop-types';
 declare function PostInput({ className, userCompanyId, onChange, onKeyDown, initialValue, filePreviewWrapperClass, smallerView, suggestionsPortalHost, allowSuggestionsAboveCursor, }: {
-    allowSuggestionsAboveCursor: any;
-    className: any;
-    filePreviewWrapperClass: any;
-    initialValue: any;
-    onChange: any;
-    onKeyDown: any;
-    smallerView: any;
+    allowSuggestionsAboveCursor?: boolean | undefined;
+    className?: null | undefined;
+    filePreviewWrapperClass?: null | undefined;
+    initialValue?: {
+        body: string;
+        attachment: null;
+    } | undefined;
+    onChange?: ((...args: any[]) => void) | undefined;
+    onKeyDown?: ((...args: any[]) => void) | undefined;
+    smallerView?: boolean | undefined;
     suggestionsPortalHost: any;
     userCompanyId: any;
 }): import("react").JSX.Element;
@@ -25,19 +28,6 @@ declare namespace PostInput {
         allowSuggestionsAboveCursor: PropTypes.Requireable<boolean>;
         smallerView: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        className: null;
-        initialValue: {
-            body: string;
-            attachment: null;
-        };
-        filePreviewWrapperClass: null;
-        onKeyDown: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        smallerView: boolean;
-        suggestionsPortalHost: undefined;
-        allowSuggestionsAboveCursor: boolean;
-    };
 }
 export default PostInput;
 //# sourceMappingURL=PostInput.d.ts.map

package/components/PostInput/PostInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostInput.d.ts","sourceRoot":"","sources":["../../../src/components/PostInput/PostInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAgBhB,EACjB,SAAS,EACT,aAAa,EACb,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,uBAAuB,EACvB,WAAW,EACX,qBAAqB,EACrB,2BAA2B,GAC5B;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;YA6GG,IAAI;YACJ,UAAU;;;;;;;;;;eAUC,SAAS"}
+{"version":3,"file":"PostInput.d.ts","sourceRoot":"","sources":["../../../src/components/PostInput/PostInput.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;2BAgBhB,EACjB,SAAgB,EAChB,aAAa,EACb,QAAuC,EACvC,SAA0C,EAC1C,YAA+C,EAC/C,uBAA8B,EAC9B,WAAmB,EACnB,qBAAqB,EACrB,2BAAmC,GACpC;;;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;eAkHc,SAAS"}

package/components/PostInput/PostInput.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import n from"prop-types";import{useState as r,useRef as t,useEffect as i}from"react";import{TextField as l,InputAdornment as s}from"@material-ui/core";import a from"classnames";import{noop as u}from"lodash";import m from"./PostInput.css.js";import p from"../FilePreview/index.js";import c from"../FailedFileUploading.js";import d from"../UserMention/index.js";import f from"../FileUploadIconButton.js";import g from"../EmojiIconButton.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var w=function(n){var u=n.className,w=n.userCompanyId,y=n.onChange,P=n.onKeyDown,b=n.initialValue,C=n.filePreviewWrapperClass,j=n.smallerView,F=n.suggestionsPortalHost,I=n.allowSuggestionsAboveCursor,A=r(b.body),N=o(A,2),S=N[0],T=N[1],x=r(b.attachment),D=o(x,2),U=D[0],V=D[1],H=r(null),_=o(H,2),K=_[0],E=_[1],W=t(null);return i((function(){W.current&&(W.current.selectionStart=W.current.value.length)}),[]),i((function(){y({body:S,attachment:U})}),[S,U]),h("div",{className:a(m.input,u),children:[v(l,{"data-testid":"".concat("PostInput","_input"),className:a(m.inputTextField,e({},m.inputTextFieldSmaller,j)),placeholder:"Add Comment...",FormHelperTextProps:{component:"div",margin:"dense"},inputRef:W,InputProps:{inputComponent:d,inputProps:{onChange:T,value:S,withLightTheme:!1,companyId:w,autoFocus:!0,className:m.inputInput,placeholder:"Type here...",suggestionsPortalHost:F,allowSuggestionsAboveCursor:I},endAdornment:h(s,{position:"end",className:a(m.inputAdornment,e({},m.inputAdornmentSmaller,j)),children:[!U&&v("div",{children:v(f,{openPreviewDialogOnUpload:!1,onFinish:function(e,o,n){V({url:e,file_name:o,size:n})},onError:E})}),v("div",{children:v(g,{"data-testid":"".concat("PostInput","_emoji"),handleSelectEmoji:function(e){return T((function(o){return"".concat(o).concat(e.native)}))}})})]}),disableUnderline:!0,classes:{}},onKeyDown:P}),U&&v(p,{fileName:U.file_name||U.name,fileUrl:U.signed_url||U.url,handleFileDelete:function(){return V(null)},classes:{wrapper:C}}),K&&v(c,{errorMessage:K})]})};w.propTypes={userCompanyId:n.oneOfType([n.string,n.number]).isRequired,className:n.string,onKeyDown:n.func,onChange:n.func,initialValue:n.shape({body:n.string,attachment:n.shape({})}),filePreviewWrapperClass:n.string,suggestionsPortalHost:n.node,allowSuggestionsAboveCursor:n.bool,smallerView:n.bool},w.defaultProps={className:null,initialValue:{body:"",attachment:null},filePreviewWrapperClass:null,onKeyDown:u,onChange:u,smallerView:!1,suggestionsPortalHost:void 0,allowSuggestionsAboveCursor:!1};export{w as default};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import n from"prop-types";import{useState as r,useRef as t,useEffect as i}from"react";import{TextField as l,InputAdornment as a}from"@material-ui/core";import s from"classnames";import{noop as m}from"lodash";import u from"./PostInput.css.js";import p from"../FilePreview/index.js";import d from"../FailedFileUploading.js";import c from"../UserMention/index.js";import f from"../FileUploadIconButton.js";import g from"../EmojiIconButton.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";var y=function(n){var m=n.className,y=void 0===m?null:m,C=n.userCompanyId,j=n.onChange,F=void 0===j?P:j,I=n.onKeyDown,A=void 0===I?w:I,T=n.initialValue,x=void 0===T?b:T,N=n.filePreviewWrapperClass,S=void 0===N?null:N,U=n.smallerView,D=void 0!==U&&U,_=n.suggestionsPortalHost,H=n.allowSuggestionsAboveCursor,V=void 0!==H&&H,E=r(x.body),K=o(E,2),B=K[0],M=K[1],O=r(x.attachment),R=o(O,2),W=R[0],q=R[1],z=r(null),L=o(z,2),k=L[0],G=L[1],J=t(null);return i((function(){J.current&&(J.current.selectionStart=J.current.value.length)}),[]),i((function(){F({body:B,attachment:W})}),[B,W]),h("div",{className:s(u.input,y),children:[v(l,{"data-testid":"".concat("PostInput","_input"),className:s(u.inputTextField,e({},u.inputTextFieldSmaller,D)),placeholder:"Add Comment...",FormHelperTextProps:{component:"div",margin:"dense"},inputRef:J,InputProps:{inputComponent:c,inputProps:{onChange:M,value:B,withLightTheme:!1,companyId:C,autoFocus:!0,className:u.inputInput,placeholder:"Type here...",suggestionsPortalHost:_,allowSuggestionsAboveCursor:V},endAdornment:h(a,{position:"end",className:s(u.inputAdornment,e({},u.inputAdornmentSmaller,D)),children:[!W&&v("div",{children:v(f,{openPreviewDialogOnUpload:!1,onFinish:function(e,o,n){q({url:e,file_name:o,size:n})},onError:G})}),v("div",{children:v(g,{"data-testid":"".concat("PostInput","_emoji"),handleSelectEmoji:function(e){return M((function(o){return"".concat(o).concat(e.native)}))}})})]}),disableUnderline:!0,classes:{}},onKeyDown:A}),W&&v(p,{fileName:W.file_name||W.name,fileUrl:W.signed_url||W.url,handleFileDelete:function(){return q(null)},classes:{wrapper:S}}),k&&v(d,{errorMessage:k})]})};y.propTypes={userCompanyId:n.oneOfType([n.string,n.number]).isRequired,className:n.string,onKeyDown:n.func,onChange:n.func,initialValue:n.shape({body:n.string,attachment:n.shape({})}),filePreviewWrapperClass:n.string,suggestionsPortalHost:n.node,allowSuggestionsAboveCursor:n.bool,smallerView:n.bool};var b={body:"",attachment:null},w=m,P=m;export{y as default};
 //# sourceMappingURL=PostInput.js.map

package/components/PostInput/PostInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useRef } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport styles from './PostInput.css';\n\nimport FilePreview from '~/components/FilePreview';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport EmojiIconButton from '~/components/EmojiIconButton';\n\nconst PAGE_NAME = 'PostInput';\n\nconst PostInput = ({\n  className,\n  userCompanyId,\n  onChange,\n  onKeyDown,\n  initialValue,\n  filePreviewWrapperClass,\n  smallerView,\n  suggestionsPortalHost,\n  allowSuggestionsAboveCursor,\n}) => {\n  const [body, setBody] = useState(initialValue.body);\n  const [attachment, setAttachment] = useState(initialValue.attachment);\n  const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\n  const inputRef = useRef(null);\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.selectionStart = inputRef.current.value.length;\n    }\n  }, []);\n  useEffect(() => {\n    onChange({\n      body,\n      attachment,\n    });\n  }, [body, attachment]);\n\n  return (\n    <div className={classNames(styles.input, className)}>\n      <TextField\n        data-testid={`${PAGE_NAME}_input`}\n        className={classNames(styles.inputTextField, {\n          [styles.inputTextFieldSmaller]: smallerView,\n        })}\n        placeholder=\"Add Comment...\"\n        FormHelperTextProps={{\n          component: 'div',\n          margin: 'dense',\n        }}\n        inputRef={inputRef}\n        InputProps={{\n          inputComponent: UserMention,\n          inputProps: {\n            onChange: setBody,\n            value: body,\n            withLightTheme: false,\n            companyId: userCompanyId,\n            autoFocus: true,\n            className: styles.inputInput,\n            placeholder: 'Type here...',\n            suggestionsPortalHost,\n            allowSuggestionsAboveCursor,\n          },\n          endAdornment: (\n            <InputAdornment\n              position=\"end\"\n              className={classNames(styles.inputAdornment, {\n                [styles.inputAdornmentSmaller]: smallerView,\n              })}\n            >\n              {!attachment && (\n                <div>\n                  <FileUploadIconButton\n                    openPreviewDialogOnUpload={false}\n                    onFinish={(url, name, size) => {\n                      setAttachment({\n                        url,\n                        file_name: name,\n                        size,\n                      });\n                    }}\n                    onError={setAttachmentLoadingError}\n                  />\n                </div>\n              )}\n              <div>\n                <EmojiIconButton\n                  data-testid={`${PAGE_NAME}_emoji`}\n                  handleSelectEmoji={emoji => setBody(prevText => `${prevText}${emoji.native}`)}\n                />\n              </div>\n            </InputAdornment>\n          ),\n          disableUnderline: true,\n          classes: {},\n        }}\n        onKeyDown={onKeyDown}\n      />\n      {attachment && (\n        <FilePreview\n          fileName={attachment.file_name || attachment.name}\n          fileUrl={attachment.signed_url || attachment.url}\n          handleFileDelete={() => setAttachment(null)}\n          classes={{ wrapper: filePreviewWrapperClass }}\n        />\n      )}\n      {attachmentLoadingError && <FailedFileUploading errorMessage={attachmentLoadingError} />}\n    </div>\n  );\n};\n\nPostInput.propTypes = {\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  className: PropTypes.string,\n  onKeyDown: PropTypes.func,\n  onChange: PropTypes.func,\n  initialValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }),\n  filePreviewWrapperClass: PropTypes.string,\n  suggestionsPortalHost: PropTypes.node,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  smallerView: PropTypes.bool,\n};\n\nPostInput.defaultProps = {\n  className: null,\n  initialValue: {\n    body: '',\n    attachment: null,\n  },\n  filePreviewWrapperClass: null,\n  onKeyDown: noop,\n  onChange: noop,\n  smallerView: false,\n  suggestionsPortalHost: undefined,\n  allowSuggestionsAboveCursor: false,\n};\n\nexport default PostInput;\n"],"names":["PostInput","_ref","className","userCompanyId","onChange","onKeyDown","initialValue","filePreviewWrapperClass","smallerView","suggestionsPortalHost","allowSuggestionsAboveCursor","_useState","useState","body","_useState2","_slicedToArray","setBody","_useState3","attachment","_useState4","setAttachment","_useState6","_useState5","attachmentLoadingError","setAttachmentLoadingError","inputRef","useRef","useEffect","current","selectionStart","value","length","_jsxs","classNames","styles","input","children","_jsx","TextField","concat","inputTextField","inputTextFieldSmaller","placeholder","FormHelperTextProps","component","margin","InputProps","inputComponent","UserMention","inputProps","withLightTheme","companyId","autoFocus","inputInput","endAdornment","InputAdornment","position","inputAdornment","inputAdornmentSmaller","FileUploadIconButton","openPreviewDialogOnUpload","onFinish","url","name","size","file_name","onError","EmojiIconButton","handleSelectEmoji","emoji","prevText","native","disableUnderline","classes","FilePreview","fileName","fileUrl","signed_url","handleFileDelete","wrapper","FailedFileUploading","errorMessage","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","node","bool","defaultProps","noop","undefined"],"mappings":"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"}
+{"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useRef } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\n\nimport styles from './PostInput.css';\n\nimport FilePreview from '~/components/FilePreview';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport EmojiIconButton from '~/components/EmojiIconButton';\n\nconst PAGE_NAME = 'PostInput';\n\nconst PostInput = ({\n  className = null,\n  userCompanyId,\n  onChange = DEFAULT_POST_INPUT_ON_CHANGE,\n  onKeyDown = DEFAULT_POST_INPUT_ON_KEY_DOWN,\n  initialValue = DEFAULT_POST_INPUT_INITIAL_VALUE,\n  filePreviewWrapperClass = null,\n  smallerView = false,\n  suggestionsPortalHost,\n  allowSuggestionsAboveCursor = false,\n}) => {\n  const [body, setBody] = useState(initialValue.body);\n  const [attachment, setAttachment] = useState(initialValue.attachment);\n  const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\n  const inputRef = useRef(null);\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.selectionStart = inputRef.current.value.length;\n    }\n  }, []);\n  useEffect(() => {\n    onChange({\n      body,\n      attachment,\n    });\n  }, [body, attachment]);\n\n  return (\n    <div className={classNames(styles.input, className)}>\n      <TextField\n        data-testid={`${PAGE_NAME}_input`}\n        className={classNames(styles.inputTextField, {\n          [styles.inputTextFieldSmaller]: smallerView,\n        })}\n        placeholder=\"Add Comment...\"\n        FormHelperTextProps={{\n          component: 'div',\n          margin: 'dense',\n        }}\n        inputRef={inputRef}\n        InputProps={{\n          inputComponent: UserMention,\n          inputProps: {\n            onChange: setBody,\n            value: body,\n            withLightTheme: false,\n            companyId: userCompanyId,\n            autoFocus: true,\n            className: styles.inputInput,\n            placeholder: 'Type here...',\n            suggestionsPortalHost,\n            allowSuggestionsAboveCursor,\n          },\n          endAdornment: (\n            <InputAdornment\n              position=\"end\"\n              className={classNames(styles.inputAdornment, {\n                [styles.inputAdornmentSmaller]: smallerView,\n              })}\n            >\n              {!attachment && (\n                <div>\n                  <FileUploadIconButton\n                    openPreviewDialogOnUpload={false}\n                    onFinish={(url, name, size) => {\n                      setAttachment({\n                        url,\n                        file_name: name,\n                        size,\n                      });\n                    }}\n                    onError={setAttachmentLoadingError}\n                  />\n                </div>\n              )}\n              <div>\n                <EmojiIconButton\n                  data-testid={`${PAGE_NAME}_emoji`}\n                  handleSelectEmoji={emoji => setBody(prevText => `${prevText}${emoji.native}`)}\n                />\n              </div>\n            </InputAdornment>\n          ),\n          disableUnderline: true,\n          classes: {},\n        }}\n        onKeyDown={onKeyDown}\n      />\n      {attachment && (\n        <FilePreview\n          fileName={attachment.file_name || attachment.name}\n          fileUrl={attachment.signed_url || attachment.url}\n          handleFileDelete={() => setAttachment(null)}\n          classes={{ wrapper: filePreviewWrapperClass }}\n        />\n      )}\n      {attachmentLoadingError && <FailedFileUploading errorMessage={attachmentLoadingError} />}\n    </div>\n  );\n};\n\nPostInput.propTypes = {\n  userCompanyId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  className: PropTypes.string,\n  onKeyDown: PropTypes.func,\n  onChange: PropTypes.func,\n  initialValue: PropTypes.shape({\n    body: PropTypes.string,\n    attachment: PropTypes.shape({}),\n  }),\n  filePreviewWrapperClass: PropTypes.string,\n  suggestionsPortalHost: PropTypes.node,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  smallerView: PropTypes.bool,\n};\n\nconst DEFAULT_POST_INPUT_INITIAL_VALUE = {\n  body: '',\n  attachment: null,\n};\n\nconst DEFAULT_POST_INPUT_ON_KEY_DOWN = noop;\nconst DEFAULT_POST_INPUT_ON_CHANGE = noop;\n\nexport default PostInput;\n"],"names":["PostInput","_ref","_ref$className","className","userCompanyId","_ref$onChange","onChange","DEFAULT_POST_INPUT_ON_CHANGE","_ref$onKeyDown","onKeyDown","DEFAULT_POST_INPUT_ON_KEY_DOWN","_ref$initialValue","initialValue","DEFAULT_POST_INPUT_INITIAL_VALUE","_ref$filePreviewWrapp","filePreviewWrapperClass","_ref$smallerView","smallerView","suggestionsPortalHost","_ref$allowSuggestions","allowSuggestionsAboveCursor","_useState","useState","body","_useState2","_slicedToArray","setBody","_useState3","attachment","_useState4","setAttachment","_useState6","_useState5","attachmentLoadingError","setAttachmentLoadingError","inputRef","useRef","useEffect","current","selectionStart","value","length","_jsxs","classNames","styles","input","children","_jsx","TextField","concat","inputTextField","inputTextFieldSmaller","placeholder","FormHelperTextProps","component","margin","InputProps","inputComponent","UserMention","inputProps","withLightTheme","companyId","autoFocus","inputInput","endAdornment","InputAdornment","position","inputAdornment","inputAdornmentSmaller","FileUploadIconButton","openPreviewDialogOnUpload","onFinish","url","name","size","file_name","onError","EmojiIconButton","handleSelectEmoji","emoji","prevText","native","disableUnderline","classes","FilePreview","fileName","fileUrl","signed_url","handleFileDelete","wrapper","FailedFileUploading","errorMessage","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","node","bool","noop"],"mappings":"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"}