@corva/ui 0.32.0-9 → 0.32.0-rc.2

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

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

package/components/ParameterCharts/components/TraceSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceSelect.js","sources":["../../../../src/components/ParameterCharts/components/TraceSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { FormControl, Select, InputLabel, MenuItem, withStyles } from '@material-ui/core';\n\nconst TraceSelect = ({ value, onChange, mapping, classes, showLabel }) => {\n  // eslint-disable-next-line no-nested-ternary\n  const label = showLabel ? 'Trace Name' : value ? '' : 'Choose a trace';\n  return (\n    <FormControl>\n      <InputLabel htmlFor=\"traceKey\">{label}</InputLabel>\n      <Select\n        displayEmpty\n        value={value}\n        className={classes.select}\n        onChange={e => onChange(e.target.value)}\n        inputProps={{\n          name: 'traceKey',\n        }}\n      >\n        {mapping &&\n          mapping.map(({ key, name }) => (\n            <MenuItem key={key} value={key}>\n              {name}\n            </MenuItem>\n          ))}\n      </Select>\n    </FormControl>\n  );\n};\n\nTraceSelect.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  showLabel: PropTypes.bool,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ),\n};\n\nTraceSelect.defaultProps = {\n  value: '',\n  showLabel: false\n};\n\nexport default withStyles({\n  select: {\n    width: 200,\n  },\n})(TraceSelect);\n"],"names":["TraceSelect","value","onChange","mapping","classes","showLabel","label","_jsxs","_jsx","select","e","target","name","map","key","propTypes","PropTypes","string","isRequired","func","shape","bool","arrayOf","defaultProps","withStyles","width"],"mappings":";;;;AAIA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAsD;AAAA,MAAnDC,KAAmD,QAAnDA,KAAmD;AAAA,MAA5CC,SAA4C,QAA5CA,QAA4C;AAAA,MAAlCC,OAAkC,QAAlCA,OAAkC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACxE;AACA,MAAMC,KAAK,GAAGD,SAAS,GAAG,YAAH,GAAkBJ,KAAK,GAAG,EAAH,GAAQ,gBAAtD;AACA,sBACEM,KAAC,WAAD;AAAA,4BACEC,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,UAApB;AAAA,gBAAgCF;AAAhC,MADF,eAEEE,IAAC,MAAD;AACE,MAAA,YAAY,MADd;AAEE,MAAA,KAAK,EAAEP,KAFT;AAGE,MAAA,SAAS,EAAEG,OAAO,CAACK,MAHrB;AAIE,MAAA,QAAQ,EAAE,kBAAAC,CAAC;AAAA,eAAIR,SAAQ,CAACQ,CAAC,CAACC,MAAF,CAASV,KAAV,CAAZ;AAAA,OAJb;AAKE,MAAA,UAAU,EAAE;AACVW,QAAAA,IAAI,EAAE;AADI,OALd;AAAA,gBASGT,OAAO,IACNA,OAAO,CAACU,GAAR,CAAY;AAAA,YAAGC,GAAH,SAAGA,GAAH;AAAA,YAAQF,IAAR,SAAQA,IAAR;AAAA,4BACVJ,IAAC,QAAD;AAAoB,UAAA,KAAK,EAAEM,GAA3B;AAAA,oBACGF;AADH,WAAeE,GAAf,CADU;AAAA,OAAZ;AAVJ,MAFF;AAAA,IADF;AAqBD,CAxBD;;AA0BAd,WAAW,CAACe,SAAZ,GAAwB;AACtBd,EAAAA,KAAK,EAAEe,SAAS,CAACC,MAAV,CAAiBC,UADF;AAEtBhB,EAAAA,QAAQ,EAAEc,SAAS,CAACG,IAAV,CAAeD,UAFH;AAGtBd,EAAAA,OAAO,EAAEY,SAAS,CAACI,KAAV,CAAgB,EAAhB,EAAoBF,UAHP;AAItBb,EAAAA,SAAS,EAAEW,SAAS,CAACK,IAJC;AAKtBlB,EAAAA,OAAO,EAAEa,SAAS,CAACM,OAAV,CACPN,SAAS,CAACI,KAAV,CAAgB;AACdR,IAAAA,IAAI,EAAEI,SAAS,CAACC,MAAV,CAAiBC,UADT;AAEdJ,IAAAA,GAAG,EAAEE,SAAS,CAACC,MAAV,CAAiBC;AAFR,GAAhB,EAGGA,UAJI;AALa,CAAxB;AAaAlB,WAAW,CAACuB,YAAZ,GAA2B;AACzBtB,EAAAA,KAAK,EAAE,EADkB;AAEzBI,EAAAA,SAAS,EAAE;AAFc,CAA3B;AAKA,oBAAemB,UAAU,CAAC;AACxBf,EAAAA,MAAM,EAAE;AACNgB,IAAAA,KAAK,EAAE;AADD;AADgB,CAAD,CAAV,CAIZzB,WAJY,CAAf;;;;"}

package/components/ParameterCharts/components/TraceSettings.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/TraceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceSettings.js","sources":["../../../../src/components/ParameterCharts/components/TraceSettings.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { toNumber } from 'lodash';\n\nimport {\n  withStyles,\n  FormControl,\n  InputLabel,\n  FormControlLabel,\n  Select,\n  MenuItem,\n  TextField,\n  Checkbox,\n} from '@material-ui/core';\n\nimport ColorPicker from '~/components/ColorPicker';\n\nimport TraceSelect from './TraceSelect';\n\nimport styles from './TraceSettings.css';\n\nconst StyledMenuItem = withStyles({\n  root: {\n    minHeight: 35,\n  },\n})(MenuItem);\n\nconst TraceSettings = ({ traceSettings, onChange, mapping, classes }) => {\n  return (\n    <div className={styles.container}>\n      <div className={styles.item}>\n        <TraceSelect\n          value={traceSettings.key}\n          onChange={val => onChange('key', val)}\n          mapping={mapping}\n          showLabel\n        />\n      </div>\n      {traceSettings.key && (\n        <>\n          <div className={styles.item}>\n            <FormControl>\n              <InputLabel htmlFor=\"traceType\">Trace Type</InputLabel>\n              <Select\n                displayEmpty\n                value={traceSettings.traceType}\n                className={classes.select}\n                onChange={e => onChange('traceType', e.target.value)}\n                inputProps={{\n                  name: 'traceType',\n                }}\n              >\n                <MenuItem value=\"line\">Line</MenuItem>\n                <MenuItem value=\"numeric\" disabled>\n                  Numeric\n                </MenuItem>\n              </Select>\n            </FormControl>\n            <TextField\n              label=\"Width\"\n              type=\"number\"\n              name=\"lineWidth\"\n              InputLabelProps={{\n                shrink: true,\n              }}\n              InputProps={{ inputProps: { min: 1, max: 5 } }}\n              className={classes.lineWidth}\n              value={traceSettings.lineWidth}\n              onChange={e => onChange('lineWidth', toNumber(e.target.value))}\n            />\n            <ColorPicker\n              buttonClassName={classes.colorPickerBtn}\n              className={classes.colorPicker}\n              value={traceSettings.color}\n              onChange={val => onChange('color', val)}\n              label=\"Fill color\"\n            />\n          </div>\n          <div className={styles.item}>\n            <FormControl className={classes.formControl}>\n              <InputLabel htmlFor=\"dashStyle\">Line Style</InputLabel>\n              <Select\n                value={traceSettings.dashStyle}\n                onChange={e => onChange('dashStyle', e.target.value)}\n                inputProps={{\n                  name: 'dashStyle',\n                }}\n                classes={{\n                  select: classes.lineSelect,\n                }}\n              >\n                <StyledMenuItem key=\"Line\" value=\"Solid\">\n                  <span className={classNames(styles.line)} />\n                </StyledMenuItem>\n                <StyledMenuItem key=\"Dotted\" value=\"Dot\">\n                  <span className={classNames(styles.line, styles.dotted)} />\n                </StyledMenuItem>\n                <StyledMenuItem key=\"Dashed\" value=\"Dash\">\n                  <span className={classNames(styles.line, styles.dashed)} />\n                </StyledMenuItem>\n              </Select>\n            </FormControl>\n          </div>\n          <div className={styles.item}>\n            <FormControl>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={traceSettings.autoScale}\n                    color=\"primary\"\n                    onChange={e => onChange('autoScale', e.target.checked)}\n                    value=\"autoScale\"\n                  />\n                }\n                label=\"Auto Scale\"\n              />\n            </FormControl>\n          </div>\n\n          {!traceSettings.autoScale && (\n            <div className={styles.scales}>\n              <TextField\n                label=\"Min Value\"\n                type=\"number\"\n                value={traceSettings.scaleMin}\n                onChange={e => onChange('scaleMin', e.target.value)}\n                InputLabelProps={{\n                  shrink: true,\n                }}\n                defaultValue=\"\"\n              />\n              <TextField\n                label=\"Max Value\"\n                type=\"number\"\n                value={traceSettings.scaleMax}\n                onChange={e => onChange('scaleMax', e.target.value)}\n                InputLabelProps={{\n                  shrink: true,\n                }}\n                defaultValue=\"\"\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nTraceSettings.propTypes = {\n  traceSettings: PropTypes.shape({\n    lineWidth: PropTypes.number,\n    scaleMin: PropTypes.number,\n    scaleMax: PropTypes.number,\n    key: PropTypes.string,\n    color: PropTypes.string,\n    autoScale: PropTypes.bool,\n    dashStyle: PropTypes.string,\n    traceType: PropTypes.string.isRequired,\n  }).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nexport default withStyles({\n  select: {\n    minWidth: 200,\n  },\n  lineSelect: {\n    minWidth: 175,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  lineWidth: {\n    width: 64,\n    margin: '0 30px',\n  },\n  colorPicker: {\n    whiteSpace: 'nowrap',\n  },\n  colorPickerBtn: {\n    width: 36,\n    minWidth: 36,\n    height: 24,\n  },\n})(TraceSettings);\n"],"names":["StyledMenuItem","withStyles","root","minHeight","MenuItem","TraceSettings","traceSettings","onChange","mapping","classes","_jsxs","styles","container","_jsx","item","key","val","traceType","select","e","target","value","name","shrink","inputProps","min","max","lineWidth","toNumber","colorPickerBtn","colorPicker","color","formControl","dashStyle","lineSelect","classNames","line","dotted","dashed","autoScale","checked","scales","scaleMin","scaleMax","propTypes","PropTypes","shape","number","string","bool","isRequired","func","arrayOf","minWidth","display","alignItems","width","margin","whiteSpace","height"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/Track.js

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

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

@@ -0,0 +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';\n\nimport AddEditTrack from '../AddEditTrack';\nimport TraceHeader from './TraceHeader';\nimport ChartContainer from './ChartContainer';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport styles from './Track.css';\n\nconst Track = ({ id, index }) => {\n  const {\n    horizontal,\n    settingsKey,\n    settings,\n    onSettingsChange,\n    maxTracesCount,\n    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","id","index","useContext","SettingsContext","horizontal","settingsKey","settings","onSettingsChange","maxTracesCount","multipleAssets","DataContext","mapping","trackSettingsRef","useRef","trackSettings","useMemo","find","item","DEFAULT_TRACK_SETTINGS","deleteTrace","traceId","updatedSettings","map","traces","filter","trace","onTraceChange","newSettings","updateTraces","uuid","openTrackSettings","current","click","trackName","name","mappingValue","key","_jsx","_jsxs","classNames","styles","container","vertical","header","title","range","indx","propTypes","PropTypes","string","number","isRequired","defaultProps"],"mappings":"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"}

package/components/ParameterCharts/components/TrackSettings.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/TrackSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackSettings.js","sources":["../../../../src/components/ParameterCharts/components/TrackSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid';\n\nimport { FormControl, TextField, withStyles, Grid, IconButton, Button } from '@material-ui/core';\n\nimport NavigateNextIcon from '@material-ui/icons/NavigateNext';\nimport AddIcon from '@material-ui/icons/Add';\n\nimport ColorPicker from '~/components/ColorPicker';\nimport Modal from '~/components/Modal';\n\nimport TraceSettings from './TraceSettings';\nimport TraceSelect from './TraceSelect';\n\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport styles from './TrackSettings.css';\n\nconst TrackSettings = ({ settings: { name, traces }, onChange, classes, mapping }) => {\n  const [isTraceSettingsVisible, setIsTraceSettingsVisible] = useState(false);\n  const [selectedTrace, setSelectedTrace] = useState();\n\n  const onTraceTypeChange = (id, value) => {\n    const updatedTraces = traces.map(trace => {\n      const currentMapping = mapping.find(({ key }) => value === key);\n      if (trace.id === id) {\n        return {\n          ...trace,\n          ...currentMapping,\n        };\n      } else {\n        return trace;\n      }\n    });\n    onChange('traces', updatedTraces);\n  };\n\n  const onTraceChange = (id, key, value) => {\n    const updatedTraces = traces.map(trace => {\n      if (trace.id === id) {\n        return {\n          ...trace,\n          [key]: value,\n        };\n      } else {\n        return trace;\n      }\n    });\n    onChange('traces', updatedTraces);\n  };\n\n  const addTrace = () => {\n    if (!traces || !traces.length) {\n      onChange('traces', [{ id: uuid(), ...DEFAULT_TRACE_SETTINGS }]);\n    } else {\n      onChange('traces', [...traces, { id: uuid(), ...DEFAULT_TRACE_SETTINGS }]);\n    }\n  };\n\n  const isMaxNumOftraces = traces && traces.length > MAX_TRACE_COUNT;\n\n  const showTraceSettings = index => {\n    setSelectedTrace(traces[index]);\n    setIsTraceSettingsVisible(true);\n  };\n\n  const onTraceSettingsChange = (key, value) => {\n    setSelectedTrace({\n      ...selectedTrace,\n      [key]: value,\n    });\n  };\n\n  const deleteTrace = () => {\n    const updatedTraces = traces.filter(({ id }) => id !== selectedTrace.id);\n    onChange('traces', updatedTraces);\n    setIsTraceSettingsVisible(false);\n  };\n\n  const saveTrace = () => {\n    const updatedTraces = traces.map(trace =>\n      trace.id === selectedTrace.id ? selectedTrace : trace\n    );\n    onChange('traces', updatedTraces);\n    setIsTraceSettingsVisible(false);\n  };\n\n  return (\n    <Grid className={classes.container}>\n      <FormControl className={classes.input}>\n        <TextField\n          label=\"Track Name\"\n          value={name}\n          className={classes.input}\n          onChange={({ target: { value } }) => onChange('name', value)}\n        />\n      </FormControl>\n      <div className={styles.title}>Traces: </div>\n      {traces && !!traces.length && (\n        <div className={styles.tracesContainer}>\n          {traces.map(({ id, key, color }, index) => (\n            <div className={styles.tracesItem} key={id}>\n              <TraceSelect\n                value={key}\n                onChange={val => onTraceTypeChange(id, val)}\n                mapping={mapping}\n              />\n              <div className={styles.colorPicker}>\n                <ColorPicker\n                  value={color}\n                  onChange={val => onTraceChange(id, 'color', val)}\n                  hideLabel\n                  buttonClassName={classes.picker}\n                />\n              </div>\n              <IconButton\n                onClick={() => showTraceSettings(index)}\n                className={classes.navBtn}\n              >\n                <NavigateNextIcon fontSize=\"small\" className={classes.navIcon} />\n              </IconButton>\n            </div>\n          ))}\n        </div>\n      )}\n      {!isMaxNumOftraces && (\n        <Button color=\"primary\" onClick={addTrace}>\n          <AddIcon />\n          <span>Add Trace</span>\n        </Button>\n      )}\n      <Modal\n        open={isTraceSettingsVisible}\n        title={\n          <div className={styles.modalTitle}>\n            <span className={styles.trackTitle} onClick={saveTrace}>\n              Track Settings /{' '}\n            </span>\n            {selectedTrace && selectedTrace.name || 'Empty Trace'}\n          </div>\n        }\n        actions={\n          <div className={styles.actions}>\n            <Button className={classes.button} color=\"primary\" onClick={deleteTrace}>\n              Delete Trace\n            </Button>\n            <Button\n              className={classes.button}\n              color=\"primary\"\n              onClick={() => setIsTraceSettingsVisible(false)}\n            >\n              Cancel\n            </Button>\n            <Button\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={saveTrace}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        <TraceSettings\n          traceSettings={selectedTrace}\n          onChange={onTraceSettingsChange}\n          mapping={mapping}\n        />\n      </Modal>\n    </Grid>\n  );\n};\n\nTrackSettings.propTypes = {\n  settings: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    traces: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nexport default withStyles(_theme => ({\n  container: {\n    paddingTop: 20,\n    minWidth: 300,\n  },\n  input: {\n    width: 200,\n  },\n  picker: {\n    width: 36,\n    minWidth: 36,\n    height: 24,\n  },\n  navBtn: {\n    position: 'absolute',\n    right: -10,\n    top: '50%',\n    transform: 'translate(0, -50%)',\n  },\n  navIcon: {\n    color: '#BDBDBD',\n  },\n  button: { fontSize: 14, marginLeft: 20 },\n}))(TrackSettings);\n"],"names":["TrackSettings","settings","name","traces","onChange","classes","mapping","useState","isTraceSettingsVisible","setIsTraceSettingsVisible","selectedTrace","setSelectedTrace","onTraceTypeChange","id","value","updatedTraces","map","trace","currentMapping","find","key","onTraceChange","addTrace","length","uuid","DEFAULT_TRACE_SETTINGS","isMaxNumOftraces","MAX_TRACE_COUNT","showTraceSettings","index","onTraceSettingsChange","deleteTrace","filter","saveTrace","_jsxs","container","_jsx","input","target","styles","title","tracesContainer","color","tracesItem","val","colorPicker","picker","navBtn","navIcon","modalTitle","trackTitle","actions","button","propTypes","PropTypes","shape","string","isRequired","arrayOf","func","withStyles","_theme","paddingTop","minWidth","width","height","position","right","top","transform","fontSize","marginLeft"],"mappings":"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"}

package/components/ParameterCharts/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/ParameterCharts/constants.js"],"sourcesContent":["export const SETTINGS_KEY = 'parameterChart';\n\n\nexport const DEFAULT_TRACK_SETTINGS = {\n  name: 'New Track',\n  traces: [],\n};\n\nexport const DEFAULT_TRACE_SETTINGS = {\n  traceType: 'line',\n  dashStyle: 'Solid',\n  lineColor: '#ccc',\n  lineWidth: 1,\n  autoScale: true,\n}\n\nexport const MAX_TRACE_COUNT = 10;\n"],"names":["SETTINGS_KEY","DEFAULT_TRACK_SETTINGS","name","traces","DEFAULT_TRACE_SETTINGS","traceType","dashStyle","lineColor","lineWidth","autoScale","MAX_TRACE_COUNT"],"mappings":"IAAaA,YAAY,GAAG;IAGfC,sBAAsB,GAAG;AACpCC,EAAAA,IAAI,EAAE,WAD8B;AAEpCC,EAAAA,MAAM,EAAE;AAF4B;IAKzBC,sBAAsB,GAAG;AACpCC,EAAAA,SAAS,EAAE,MADyB;AAEpCC,EAAAA,SAAS,EAAE,OAFyB;AAGpCC,EAAAA,SAAS,EAAE,MAHyB;AAIpCC,EAAAA,SAAS,EAAE,CAJyB;AAKpCC,EAAAA,SAAS,EAAE;AALyB;IAQzBC,eAAe,GAAG;;;;"}

package/components/ParameterCharts/utils/dataParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataParser.js","sources":["../../../../src/components/ParameterCharts/utils/dataParser.js"],"sourcesContent":["import { get } from 'lodash';\n\nimport { convertValue } from '~/utils/convert';\n\nexport const convertData = ({ mapping, data, indexesKeys }) => {\n  return mapping.reduce((acc, { key, unit, unitType, collection }) => {\n    const dataKey = `${collection}.${key}`;\n    const index = indexesKeys[collection];\n    let min = Infinity;\n    let max = -Infinity;\n\n    acc[dataKey] = {};\n\n    if (data[collection]) {\n      acc[dataKey].data = data[collection].map(item => {\n        const val = convertValue(get(item, key), unitType, unit);\n        if (Number.isFinite(val)) {\n          if (val > max) {\n            max = val;\n          }\n          if (val < min) {\n            min = val;\n          }\n        }\n        return [convertValue(get(item, index.key), index.unitType, index.unit), val];\n      });\n\n      acc[dataKey].min = min;\n      acc[dataKey].max = max;\n    }\n\n    return acc;\n  }, {});\n};\n"],"names":["convertData","mapping","data","indexesKeys","reduce","acc","key","unit","unitType","collection","dataKey","index","min","Infinity","max","map","item","val","convertValue","get","Number","isFinite"],"mappings":";;;IAIaA,WAAW,GAAG,SAAdA,WAAc,OAAoC;AAAA,MAAjCC,OAAiC,QAAjCA,OAAiC;AAAA,MAAxBC,IAAwB,QAAxBA,IAAwB;AAAA,MAAlBC,WAAkB,QAAlBA,WAAkB;AAC7D,SAAOF,OAAO,CAACG,MAAR,CAAe,UAACC,GAAD,SAA8C;AAAA,QAAtCC,GAAsC,SAAtCA,GAAsC;AAAA,QAAjCC,IAAiC,SAAjCA,IAAiC;AAAA,QAA3BC,QAA2B,SAA3BA,QAA2B;AAAA,QAAjBC,UAAiB,SAAjBA,UAAiB;AAClE,QAAMC,OAAO,aAAMD,UAAN,cAAoBH,GAApB,CAAb;AACA,QAAMK,KAAK,GAAGR,WAAW,CAACM,UAAD,CAAzB;AACA,QAAIG,GAAG,GAAGC,QAAV;AACA,QAAIC,GAAG,GAAG,CAACD,QAAX;AAEAR,IAAAA,GAAG,CAACK,OAAD,CAAH,GAAe,EAAf;;AAEA,QAAIR,IAAI,CAACO,UAAD,CAAR,EAAsB;AACpBJ,MAAAA,GAAG,CAACK,OAAD,CAAH,CAAaR,IAAb,GAAoBA,IAAI,CAACO,UAAD,CAAJ,CAAiBM,GAAjB,CAAqB,UAAAC,IAAI,EAAI;AAC/C,YAAMC,GAAG,GAAGC,YAAY,CAACC,GAAG,CAACH,IAAD,EAAOV,GAAP,CAAJ,EAAiBE,QAAjB,EAA2BD,IAA3B,CAAxB;;AACA,YAAIa,MAAM,CAACC,QAAP,CAAgBJ,GAAhB,CAAJ,EAA0B;AACxB,cAAIA,GAAG,GAAGH,GAAV,EAAe;AACbA,YAAAA,GAAG,GAAGG,GAAN;AACD;;AACD,cAAIA,GAAG,GAAGL,GAAV,EAAe;AACbA,YAAAA,GAAG,GAAGK,GAAN;AACD;AACF;;AACD,eAAO,CAACC,YAAY,CAACC,GAAG,CAACH,IAAD,EAAOL,KAAK,CAACL,GAAb,CAAJ,EAAuBK,KAAK,CAACH,QAA7B,EAAuCG,KAAK,CAACJ,IAA7C,CAAb,EAAiEU,GAAjE,CAAP;AACD,OAXmB,CAApB;AAaAZ,MAAAA,GAAG,CAACK,OAAD,CAAH,CAAaE,GAAb,GAAmBA,GAAnB;AACAP,MAAAA,GAAG,CAACK,OAAD,CAAH,CAAaI,GAAb,GAAmBA,GAAnB;AACD;;AAED,WAAOT,GAAP;AACD,GA3BM,EA2BJ,EA3BI,CAAP;AA4BD;;;;"}

package/components/PinnableFilters/PinnableFilters.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/PinnableFilters/PinnableFilters.js.map

@@ -0,0 +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 { Popover, Collapse } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport FiltersToggler from './components/FiltersToggler';\nimport PinAppSwitch from './components/PinAppSwitch';\nimport { useComonentsWidth, useFilterLayout, useAppFilterTogglerWidth } from './effects';\nimport { getStartComponent, getMiddleComponent, getEndComponents } 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 = 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    </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":["muiStyles","paper","backgroundColor","PinnableFilters","children","classes","appWidth","isPinnedInitial","isShownInitial","onShowCallback","onPinCallback","useState","anchorEl","setAnchorEl","isPinned","setIsPinned","isShown","setIsShown","showPin","setShowPin","handleChangePinned","value","handleChangeShown","componentsWidth","useComonentsWidth","appFilterTogglerWidth","useAppFilterTogglerWidth","layout","useFilterLayout","filtersComponent","getStartComponent","goalComponent","getMiddleComponent","switchComponent","getEndComponents","handleOpen","e","currentTarget","handleClose","handlePinClick","newPinState","_jsxs","width","_jsx","LARGE_SIZE_LAYOUT","styles","containerLarge","containerLargeTopright","MEDIUM_SIZE_LAYOUT","containerMedium","containerMediumTop","containerButtonsWrapper","Boolean","containerMediumTopright","containerMediumBottom","SMALL_SIZE_LAYOUT","containerSmall","containerSmallTop","containerSmallMiddle","containerSmallBottom","vertical","horizontal","containerPopper","propTypes","PropTypes","shape","isRequired","number","arrayOf","node","bool","func","defaultProps","undefined","StyledPinnableFilters","withStyles","WithSizeMe","props","size"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersToggler.js","sources":["../../../../src/components/PinnableFilters/components/FiltersToggler.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SortIcon from '@material-ui/icons/Sort';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '~/components/Button';\n\nconst muiStyles = theme => ({\n  button: {\n    ...(theme.isLightTheme ? { color: 'black'}  : {}),\n\n    marginRight: theme.spacing(),\n  },\n});\n\nfunction FiltersToggler({ onClick, classes }) {\n  return (\n    <div onClick={onClick}>\n      <Button className={classes.button} startIcon={<SortIcon />}>\n        Filters\n      </Button>\n    </div>\n  );\n}\n\nFiltersToggler.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\nexport default withStyles(muiStyles)(FiltersToggler);\n"],"names":["muiStyles","theme","button","isLightTheme","color","marginRight","spacing","FiltersToggler","onClick","classes","_jsx","propTypes","PropTypes","func","isRequired","withStyles"],"mappings":";;;;;;;;;;;AAKA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK;AAAA,SAAK;AAC1BC,IAAAA,MAAM,kCACAD,KAAK,CAACE,YAAN,GAAqB;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAArB,GAA0C,EAD1C;AAGJC,MAAAA,WAAW,EAAEJ,KAAK,CAACK,OAAN;AAHT;AADoB,GAAL;AAAA,CAAvB;;AAQA,SAASC,cAAT,OAA8C;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,OAAW,QAAXA,OAAW;AAC5C,sBACEC;AAAK,IAAA,OAAO,EAAEF,OAAd;AAAA,2BACEE,IAAC,MAAD;AAAQ,MAAA,SAAS,EAAED,OAAO,CAACP,MAA3B;AAAmC,MAAA,SAAS,eAAEQ,IAAC,QAAD,KAA9C;AAAA;AAAA;AADF,IADF;AAOD;;AAEDH,cAAc,CAACI,SAAf,GAA2B;AACzBH,EAAAA,OAAO,EAAEI,SAAS,CAACC,IAAV,CAAeC;AADC,CAA3B;AAGA,uBAAeC,UAAU,CAACf,SAAD,CAAV,CAAsBO,cAAtB,CAAf;;;;"}

package/components/PinnableFilters/components/PinAppSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinAppSwitch.js","sources":["../../../../src/components/PinnableFilters/components/PinAppSwitch.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography, Tooltip } from '@material-ui/core';\nimport pinIcon from './pin.svg';\n\nconst muiStyles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    margin: 'auto',\n    color: '#999999',\n  },\n  icon: {\n    marginRight: '6px',\n  },\n  label: {\n    fontSize: '10px',\n    lineHeight: '14px',\n  },\n};\n\nconst StyledTooltip = withStyles({\n  tooltip: {\n    backgroundColor: 'rgba(59, 59, 59, 0.9)',\n    color: '#ffffff',\n    fontSize: '11px',\n    fontWeight: 500,\n    lineHeight: '16px',\n    borderRadius: '4px',\n  },\n})(Tooltip);\n\nfunction PinAppSwitch({ isPinned, onClick, classes }) {\n  return (\n    <StyledTooltip title={isPinned ? 'Unpin Filters' : 'Pin Filters'} enterTouchDelay={10}>\n      <div\n        onClick={onClick}\n        className={classes.container}\n        style={{ alignSelf: isPinned ? 'flex-end' : 'flex-start' }}\n      >\n        <>\n          <img src={pinIcon} alt=\"Pin icon\" className={classes.icon} />\n          <Typography variant=\"body2\" className={classes.label}>\n            {isPinned ? 'Unpin' : 'Pin'}\n          </Typography>\n        </>\n      </div>\n    </StyledTooltip>\n  );\n}\n\nPinAppSwitch.propTypes = {\n  isPinned: PropTypes.bool.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default withStyles(muiStyles)(PinAppSwitch);\n"],"names":["muiStyles","container","display","alignItems","cursor","margin","color","icon","marginRight","label","fontSize","lineHeight","StyledTooltip","withStyles","tooltip","backgroundColor","fontWeight","borderRadius","Tooltip","PinAppSwitch","isPinned","onClick","classes","_jsx","alignSelf","_jsxs","pinIcon","propTypes","PropTypes","bool","isRequired","shape","func"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,UAAU,EAAE,QAFH;AAGTC,IAAAA,MAAM,EAAE,SAHC;AAITC,IAAAA,MAAM,EAAE,MAJC;AAKTC,IAAAA,KAAK,EAAE;AALE,GADK;AAQhBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,WAAW,EAAE;AADT,GARU;AAWhBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,MADL;AAELC,IAAAA,UAAU,EAAE;AAFP;AAXS,CAAlB;AAiBA,IAAMC,aAAa,GAAGC,UAAU,CAAC;AAC/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE,uBADV;AAEPT,IAAAA,KAAK,EAAE,SAFA;AAGPI,IAAAA,QAAQ,EAAE,MAHH;AAIPM,IAAAA,UAAU,EAAE,GAJL;AAKPL,IAAAA,UAAU,EAAE,MALL;AAMPM,IAAAA,YAAY,EAAE;AANP;AADsB,CAAD,CAAV,CASnBC,OATmB,CAAtB;;AAWA,SAASC,YAAT,OAAsD;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,OAAW,QAAXA,OAAW;AACpD,sBACEC,IAAC,aAAD;AAAe,IAAA,KAAK,EAAEH,QAAQ,GAAG,eAAH,GAAqB,aAAnD;AAAkE,IAAA,eAAe,EAAE,EAAnF;AAAA,2BACEG;AACE,MAAA,OAAO,EAAEF,OADX;AAEE,MAAA,SAAS,EAAEC,OAAO,CAACrB,SAFrB;AAGE,MAAA,KAAK,EAAE;AAAEuB,QAAAA,SAAS,EAAEJ,QAAQ,GAAG,UAAH,GAAgB;AAArC,OAHT;AAAA,6BAKEK;AAAA,gCACEF;AAAK,UAAA,GAAG,EAAEG,OAAV;AAAmB,UAAA,GAAG,EAAC,UAAvB;AAAkC,UAAA,SAAS,EAAEJ,OAAO,CAACf;AAArD,UADF,eAEEgB,IAAC,UAAD;AAAY,UAAA,OAAO,EAAC,OAApB;AAA4B,UAAA,SAAS,EAAED,OAAO,CAACb,KAA/C;AAAA,oBACGW,QAAQ,GAAG,OAAH,GAAa;AADxB,UAFF;AAAA;AALF;AADF,IADF;AAgBD;;AAEDD,YAAY,CAACQ,SAAb,GAAyB;AACvBP,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,IAAV,CAAeC,UADF;AAEvBR,EAAAA,OAAO,EAAEM,SAAS,CAACG,KAAV,CAAgB,EAAhB,EAAoBD,UAFN;AAGvBT,EAAAA,OAAO,EAAEO,SAAS,CAACI,IAAV,CAAeF;AAHD,CAAzB;AAMA,qBAAejB,UAAU,CAACb,SAAD,CAAV,CAAsBmB,YAAtB,CAAf;;;;"}

package/components/PinnableFilters/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/PinnableFilters/constants.js"],"sourcesContent":["export const LARGE_SIZE_LAYOUT = 0;\nexport const MEDIUM_SIZE_LAYOUT = 1;\nexport const SMALL_SIZE_LAYOUT = 2;"],"names":["LARGE_SIZE_LAYOUT","MEDIUM_SIZE_LAYOUT","SMALL_SIZE_LAYOUT"],"mappings":"IAAaA,iBAAiB,GAAG;IACpBC,kBAAkB,GAAG;IACrBC,iBAAiB,GAAG;;;;"}

package/components/PinnableFilters/effects/index.js

@@ -1 +1 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"moment";import{isEqual as t}from"lodash";import i from"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/typeof";import{jsx as o}from"react/jsx-runtime";import{darkTheme as n}from"../../../config/theme/index.js";import"highcharts";import"highcharts/highcharts-more";import"highcharts-multicolor-series";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"../../../config/mapbox/index.js";import{useState as m,useEffect as c,useRef as u}from"react";import{MuiThemeProvider as l}from"@material-ui/core/styles";import{MuiPickersUtilsProvider as s}from"@material-ui/pickers";import a from"react-dom";import p from"../components/FiltersToggler.js";import h from"@date-io/moment";import{getStartComponent as f,getMiddleComponent as d,getEndComponents as b}from"../utils.js";import{LARGE_SIZE_LAYOUT as g,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as v}from"../constants.js";function j(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,i)}return t}function O(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?j(Object(i),!0).forEach((function(t){r(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(i,r))}))}return e}function k(r,e,t,o){var n=m(null),u=i(n,2),l=u[0],s=u[1];return c((function(){if(o&&e){var i=f(r),n=d(r),m=b(r),c=i&&n&&!m,u=i&&!n&&m,l=i&&n&&m;if(i&&!n&&!m){var a=e[i.key];if(a<=o)return void s(g);if(a<=o/2)return void s(y)}else if(c||u){var p=e[i.key],h=c?e[n.key]:e[m.key];if(p+h<=o)return void s(g);if(t+h<=o)return void s(y)}else if(l){var j=e[i.key],O=e[n.key],k=e[m.key];if(j+O+k<=o)return void s(g);if(t+O+k<=o)return void s(y);if(t+k<=o)return void s(v)}s(v)}}),[e,o]),l}function P(p){var f=u({}),d=m(null),b=i(d,2),g=b[0],y=b[1],v=u({});return c((function(){var i=p.filter((function(r){return!!r}));t(i,v.current)||(f.current={},i.forEach((function(m){var c=document.createElement("div");c.style.position="absolute",c.style.visibility="hidden",document.body.appendChild(c),m&&a.render(o(l,{theme:n,children:o(s,{libInstance:e,utils:h,children:m})}),c,(function(){var e=c.getBoundingClientRect();c.remove(),f.current=O(O({},f.current),{},r({},m.key,e.width)),Object.values(f.current).length===i.length&&(t(g,f.current)||y(f.current))}))})),v.current=i)})),g}function w(){var r=m(null),e=i(r,2),t=e[0],u=e[1];return c((function(){var r=document.createElement("div");r.style.position="absolute",r.style.visibility="hidden",document.body.appendChild(r),a.render(o(l,{theme:n,children:o(p,{})}),r,(function(){var e=r.getBoundingClientRect();r.remove(),u(e.width)}))}),[]),t}export{w as useAppFilterTogglerWidth,P as useComonentsWidth,k as useFilterLayout};
+import r from"@babel/runtime/helpers/defineProperty";import{isEqual as e}from"lodash";import t from"moment";import i from"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/typeof";import{jsx as o}from"react/jsx-runtime";import{darkTheme as n}from"../../../config/theme/index.js";import"highcharts";import"highcharts/highcharts-more";import"highcharts-multicolor-series";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"../../../config/mapbox/index.js";import{useState as m,useEffect as c,useRef as u}from"react";import{MuiThemeProvider as l}from"@material-ui/core/styles";import{MuiPickersUtilsProvider as s}from"@material-ui/pickers";import a from"@date-io/moment";import p from"react-dom";import h from"../components/FiltersToggler.js";import{getStartComponent as f,getMiddleComponent as d,getEndComponents as b}from"../utils.js";import{LARGE_SIZE_LAYOUT as g,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as v}from"../constants.js";function j(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,i)}return t}function O(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?j(Object(i),!0).forEach((function(t){r(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(i,r))}))}return e}function k(r,e,t,o){var n=m(null),u=i(n,2),l=u[0],s=u[1];return c((function(){if(o&&e){var i=f(r),n=d(r),m=b(r),c=i&&n&&!m,u=i&&!n&&m,l=i&&n&&m;if(i&&!n&&!m){var a=e[i.key];if(a<=o)return void s(g);if(a<=o/2)return void s(y)}else if(c||u){var p=e[i.key],h=c?e[n.key]:e[m.key];if(p+h<=o)return void s(g);if(t+h<=o)return void s(y)}else if(l){var j=e[i.key],O=e[n.key],k=e[m.key];if(j+O+k<=o)return void s(g);if(t+O+k<=o)return void s(y);if(t+k<=o)return void s(v)}s(v)}}),[e,o]),l}function P(h){var f=u({}),d=m(null),b=i(d,2),g=b[0],y=b[1],v=u({});return c((function(){var i=h.filter((function(r){return!!r}));e(i,v.current)||(f.current={},i.forEach((function(m){var c=document.createElement("div");c.style.position="absolute",c.style.visibility="hidden",document.body.appendChild(c),m&&p.render(o(l,{theme:n,children:o(s,{libInstance:t,utils:a,children:m})}),c,(function(){var t=c.getBoundingClientRect();c.remove(),f.current=O(O({},f.current),{},r({},m.key,t.width)),Object.values(f.current).length===i.length&&(e(g,f.current)||y(f.current))}))})),v.current=i)})),g}function w(){var r=m(null),e=i(r,2),t=e[0],u=e[1];return c((function(){var r=document.createElement("div");r.style.position="absolute",r.style.visibility="hidden",document.body.appendChild(r),p.render(o(l,{theme:n,children:o(h,{})}),r,(function(){var e=r.getBoundingClientRect();r.remove(),u(e.width)}))}),[]),t}export{w as useAppFilterTogglerWidth,P as useComonentsWidth,k as useFilterLayout};

package/components/PinnableFilters/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/PinnableFilters/effects/index.js"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { isEqual } from 'lodash';\n\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport MomentUtils from '@date-io/moment';\nimport moment from 'moment';\nimport { theme } from '~/config';\nimport FiltersToggler from '../components/FiltersToggler';\n\nimport { getStartComponent, getMiddleComponent, getEndComponents } from '../utils';\nimport { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from '../constants';\n\n// NOTE: Determine layout according to the width of elements\nexport function useFilterLayout(components, componentsWidth, appFilterTogglerWidth, appWidth) {\n  const [layout, setLayout] = useState(null);\n\n  useEffect(() => {\n    if (!appWidth || !componentsWidth) {\n      return;\n    }\n\n    const filtersComponent = getStartComponent(components);\n    const goalComponent = getMiddleComponent(components);\n    const switchComponent = getEndComponents(components);\n\n    const hasFiltersOnly = filtersComponent && !goalComponent && !switchComponent;\n    const hasFiltersAndGoals = filtersComponent && goalComponent && !switchComponent;\n    const hasFiltersAndSwitch = filtersComponent && !goalComponent && switchComponent;\n    const hasAll = filtersComponent && goalComponent && switchComponent;\n\n    if (hasFiltersOnly) {\n      const filtersWidth = componentsWidth[filtersComponent.key];\n\n      if (filtersWidth <= appWidth) {\n        setLayout(LARGE_SIZE_LAYOUT);\n        return;\n      }\n\n      if (filtersWidth <= appWidth / 2) {\n        setLayout(MEDIUM_SIZE_LAYOUT);\n        return;\n      }\n    } else if (hasFiltersAndGoals || hasFiltersAndSwitch) {\n      const startWidth = componentsWidth[filtersComponent.key];\n      const endWidth = hasFiltersAndGoals\n        ? componentsWidth[goalComponent.key]\n        : componentsWidth[switchComponent.key];\n\n      if (startWidth + endWidth <= appWidth) {\n        setLayout(LARGE_SIZE_LAYOUT);\n        return;\n      }\n\n      if (appFilterTogglerWidth + endWidth <= appWidth) {\n        setLayout(MEDIUM_SIZE_LAYOUT);\n        return;\n      }\n    } else if (hasAll) {\n      const startWidth = componentsWidth[filtersComponent.key];\n      const middleWidth = componentsWidth[goalComponent.key];\n      const endWidth = componentsWidth[switchComponent.key];\n\n      if (startWidth + middleWidth + endWidth <= appWidth) {\n        setLayout(LARGE_SIZE_LAYOUT);\n        return;\n      }\n\n      if (appFilterTogglerWidth + middleWidth + endWidth <= appWidth) {\n        setLayout(MEDIUM_SIZE_LAYOUT);\n        return;\n      }\n\n      if (appFilterTogglerWidth + endWidth <= appWidth) {\n        setLayout(SMALL_SIZE_LAYOUT);\n        return;\n      }\n    }\n\n    setLayout(SMALL_SIZE_LAYOUT);\n  }, [componentsWidth, appWidth]);\n\n  return layout;\n}\n\n// NOTE: Calculate the width of child components here\nexport function useComonentsWidth(components) {\n  const widthRef = useRef({});\n  const [widthDict, setWidthDict] = useState(null);\n  const prevComponentsRef = useRef({});\n\n  // NOTE: Calcualte width of each components\n  useEffect(() => {\n    const validComponents = components.filter(component => !!component);\n\n    // NOTE: Don't calcuate width again\n    if (isEqual(validComponents, prevComponentsRef.current)) {\n      return;\n    }\n\n    widthRef.current = {};\n\n    validComponents.forEach(component => {\n      const element = document.createElement('div');\n      element.style.position = 'absolute';\n      element.style.visibility = 'hidden';\n      document.body.appendChild(element);\n\n      if (component) {\n        ReactDOM.render(\n          <MuiThemeProvider theme={theme.darkTheme}>\n            <MuiPickersUtilsProvider libInstance={moment} utils={MomentUtils}>\n              {component}\n            </MuiPickersUtilsProvider>\n          </MuiThemeProvider>,\n          element,\n          () => {\n            const dims = element.getBoundingClientRect();\n            element.remove();\n\n            widthRef.current = {\n              ...widthRef.current,\n              [component.key]: dims.width,\n            };\n\n            if (Object.values(widthRef.current).length === validComponents.length) {\n              if (!isEqual(widthDict, widthRef.current)) {\n                setWidthDict(widthRef.current);\n              }\n            }\n          }\n        );\n      }\n    });\n\n    prevComponentsRef.current = validComponents;\n  });\n\n  return widthDict;\n}\n\n// NOTE: Calculate the width of Toggler Component\nexport function useAppFilterTogglerWidth() {\n  const [width, setWidth] = useState(null);\n\n  useEffect(() => {\n    const element = document.createElement('div');\n    element.style.position = 'absolute';\n    element.style.visibility = 'hidden';\n    document.body.appendChild(element);\n\n    ReactDOM.render(\n      <MuiThemeProvider theme={theme.darkTheme}>\n        <FiltersToggler />\n      </MuiThemeProvider>,\n      element,\n      () => {\n        const dims = element.getBoundingClientRect();\n        element.remove();\n        setWidth(dims.width);\n      }\n    );\n  }, []);\n\n  return width;\n}\n"],"names":["useFilterLayout","components","componentsWidth","appFilterTogglerWidth","appWidth","useState","layout","setLayout","useEffect","filtersComponent","getStartComponent","goalComponent","getMiddleComponent","switchComponent","getEndComponents","hasFiltersOnly","hasFiltersAndGoals","hasFiltersAndSwitch","hasAll","filtersWidth","key","LARGE_SIZE_LAYOUT","MEDIUM_SIZE_LAYOUT","startWidth","endWidth","middleWidth","SMALL_SIZE_LAYOUT","useComonentsWidth","widthRef","useRef","widthDict","setWidthDict","prevComponentsRef","validComponents","filter","component","isEqual","current","forEach","element","document","createElement","style","position","visibility","body","appendChild","ReactDOM","render","_jsx","theme","moment","MomentUtils","dims","getBoundingClientRect","remove","width","Object","values","length","useAppFilterTogglerWidth","setWidth"],"mappings":"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"}

package/components/PinnableFilters/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/PinnableFilters/utils.js"],"sourcesContent":["// NOTE: Get components based on \"key\" props specified\nexport function getStartComponent(components) {\n  return components.find(\n    item => item && item.key && (item.key.includes('filter') || item.key.includes('start'))\n  );\n}\n\nexport function getMiddleComponent(components) {\n  return components.find(\n    item => item && item.key && (item.key.includes('goal') || item.key.includes('middle'))\n  );\n}\n\nexport function getEndComponents(components) {\n  return components.find(\n    item => item && item.key && (item.key.includes('switch') || item.key.includes('end'))\n  );\n}"],"names":["getStartComponent","components","find","item","key","includes","getMiddleComponent","getEndComponents"],"mappings":"AAAA;AACO,SAASA,iBAAT,CAA2BC,UAA3B,EAAuC;AAC5C,SAAOA,UAAU,CAACC,IAAX,CACL,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,KAAqBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,QAAlB,KAA+BF,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,OAAlB,CAApD,CAAJ;AAAA,GADC,CAAP;AAGD;AAEM,SAASC,kBAAT,CAA4BL,UAA5B,EAAwC;AAC7C,SAAOA,UAAU,CAACC,IAAX,CACL,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,KAAqBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,MAAlB,KAA6BF,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,QAAlB,CAAlD,CAAJ;AAAA,GADC,CAAP;AAGD;AAEM,SAASE,gBAAT,CAA0BN,UAA1B,EAAsC;AAC3C,SAAOA,UAAU,CAACC,IAAX,CACL,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,KAAqBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,QAAlB,KAA+BF,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,KAAlB,CAApD,CAAJ;AAAA,GADC,CAAP;AAGD;;;;"}

package/components/PostInput/PostInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/PostInput/PostInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostInput.js","sources":["../../../src/components/PostInput/PostInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect } from 'react';\nimport { TextField, InputAdornment } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { noop } from 'lodash';\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\nimport styles from './PostInput.css';\n\nconst PostInput = ({\n  className,\n  userCompanyId,\n  onChange,\n  onKeyDown,\n  initialValue,\n  filePreviewWrapperClass,\n  smallerView,\n}) => {\n  const [body, setBody] = useState(initialValue.body);\n  const [attachment, setAttachment] = useState(initialValue.attachment);\n  const [attachmentLoadingError, setAttachmentLoadingError] = useState(null);\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        className={classNames(styles.inputTextField, {\n          [styles.inputTextFieldSmaller]: smallerView,\n        })}\n        placeholder=\"Add Comment...\"\n        FormHelperTextProps={{\n          component: 'div',\n          margin: 'dense',\n        }}\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          },\n          endAdornment: (\n            <InputAdornment position=\"end\" className={styles.inputAdornment}>\n              {!attachment && (\n                <div>\n                  <FileUploadIconButton\n                    openPreviewDialogOnUpload={false}\n                    onFinish={(url, name, size) => {\n                      setAttachment({\n                        url,\n                        name,\n                        size,\n                      });\n                    }}\n                    onError={setAttachmentLoadingError}\n                  />\n                </div>\n              )}\n              <div>\n                <EmojiIconButton\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.name}\n          fileUrl={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  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};\n\nexport default PostInput;\n"],"names":["PostInput","className","userCompanyId","onChange","onKeyDown","initialValue","filePreviewWrapperClass","smallerView","useState","body","setBody","attachment","setAttachment","attachmentLoadingError","setAttachmentLoadingError","useEffect","_jsxs","classNames","styles","input","_jsx","inputTextField","inputTextFieldSmaller","component","margin","inputComponent","UserMention","inputProps","value","withLightTheme","companyId","autoFocus","inputInput","placeholder","endAdornment","inputAdornment","url","name","size","emoji","prevText","native","disableUnderline","classes","wrapper","propTypes","PropTypes","oneOfType","string","number","isRequired","func","shape","bool","defaultProps","noop"],"mappings":"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"}

package/components/PostPreviewDialog/index.js

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

package/components/PostPreviewDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PostPreviewDialog/index.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Paper from '@material-ui/core/Paper';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Input from '@material-ui/core/Input';\nimport RootRef from '@material-ui/core/RootRef';\nimport grey from '@material-ui/core/colors/grey';\n\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { Dialog } from '@material-ui/core';\n\nimport FileTypeIcon from '~/components/FileTypeIcon';\nimport EmojiIconButton from '~/components/EmojiIconButton';\nimport FileUploadIconButton from '~/components/FileUploadIconButton';\nimport FailedFileUploading from '~/components/FailedFileUploading';\nimport UserMention from '~/components/UserMention';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport styles from './styles.css';\nimport { getIsImage } from '../../utils/fileExtension';\n\nconst PAGE_NAME = 'PostPreviewDialog';\n\nconst grey200 = grey[200];\nconst grey300 = grey[300];\nconst grey400 = grey[400];\n\nconst muiStyles = theme => ({\n  dialogContentRoot: { minWidth: 500 },\n  textFieldRoot: { marginBottom: 20 },\n  textInput: { paddingTop: 2 },\n  messageWrapper: {\n    padding: '18.5px 14px',\n    border: `solid 1px ${theme.palette.primary.main}`,\n    boxShadow: 'none',\n  },\n  dialogActions: {\n    padding: '24px 24px',\n    margin: 0,\n  },\n  deleteButton: {\n    color: '#DADADA',\n    cursor: 'pointer',\n  },\n  fileUploadingError: {\n    marginTop: 10,\n  },\n});\n\n/* eslint-disable react/prop-types */\nconst Message = props => (\n  <Paper className={props.classes.messageWrapper}>\n    <Input\n      data-testid={`${PAGE_NAME}_messageInput`}\n      inputRef={props.inputEl}\n      inputComponent={UserMention}\n      inputProps={{\n        onChange: props.handleMessageChange,\n        companyId: props.companyId,\n        suggestionsPortalHost: props.rootRef.current,\n      }}\n      placeholder=\"Add a message about the file...\"\n      fullWidth\n      disableUnderline\n      multiline\n      rows=\"3\"\n      className={props.classes.textFieldRoot}\n      value={props.comment}\n      onKeyDown={props.handleKeyDown}\n    />\n    <div className={styles.cPostPreviewDialogMessageAdditionalFieldsWrapper}>\n      <div>{props.additionalFields}</div>\n      <div className={styles.cPostPreviewDialogMessageActionFields}>\n        {!props.fileUrl && (\n          <FileUploadIconButton\n            htmlColor={grey[400]}\n            openPreviewDialogOnUpload={false}\n            disableRipple\n            onFinish={props.handleFileUpload}\n            onError={props.handleFileUploadingError}\n            inputId=\"preview-dialog-file-upload\"\n          />\n        )}\n        <EmojiIconButton\n          handleSelectEmoji={props.handleSelectEmoji}\n          emojiIconClassName={props.classes.additionalActionButton}\n          htmlColor={grey[400]}\n          disableRipple\n        />\n      </div>\n    </div>\n  </Paper>\n);\n\nconst File = props => {\n  const isImage = getIsImage(props.fileName);\n\n  return isImage ? (\n    <div>\n      <div className={styles.cPostPreviewDialogFileName}>\n        <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap gutterBottom>\n          {props.fileName}\n        </Typography>\n        <DeleteIcon\n          data-testid={`${PAGE_NAME}_deleteButton`}\n          color=\"action\"\n          onClick={props.handleFileDelete}\n          className={props.classes.deleteButton}\n        />\n      </div>\n      <div\n        className={styles.cPostPreviewDialogFileImageFileWrapper}\n        style={{\n          backgroundColor: grey200,\n          border: `1px solid ${grey300}`,\n        }}\n      >\n        <img\n          data-testid={`${PAGE_NAME}_previewImage`}\n          className={styles.cPostPreviewDialogFileImage}\n          src={props.fileUrl}\n          alt=\"Uploaded file\"\n        />\n      </div>\n    </div>\n  ) : (\n    <div\n      className={styles.cPostPreviewDialogFileDownload}\n      style={{\n        backgroundColor: grey200,\n        border: `1px solid ${grey400}`,\n      }}\n    >\n      <FileTypeIcon fileName={props.fileName} />\n      <div className={styles.cPostPreviewDialogFileDownloadText}>\n        <Typography data-testid={`${PAGE_NAME}_fileName`} variant=\"subtitle2\" noWrap>\n          {props.fileName}\n        </Typography>\n        <DeleteIcon\n          data-testid={`${PAGE_NAME}_deleteButton`}\n          color=\"action\"\n          onClick={props.handleFileDelete}\n          className={props.classes.deleteButton}\n        />\n      </div>\n    </div>\n  );\n};\n/* eslint-enable react/prop-types */\n\nclass FileUploadPreviewDialog extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      comment: props.message,\n      fileUrl: props.fileUrl,\n      fileSize: props.fileSize,\n      fileName: props.fileName,\n      fileUploadingError: null,\n    };\n\n    this.inputEl = createRef();\n    this.rootRef = createRef();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!prevProps.open && this.props.open && !this.state.comment && this.props.message) {\n      this.setState({ comment: this.props.message });\n    }\n\n    if (\n      this.props.fileUrl !== prevProps.fileUrl ||\n      this.props.fileSize !== prevProps.fileSize ||\n      this.props.fileName !== prevProps.fileName\n    ) {\n      this.setState({\n        fileUrl: this.props.fileUrl,\n        fileSize: this.props.fileSize,\n        fileName: this.props.fileName,\n      });\n    }\n  }\n\n  focusOnInput = () => this.inputEl.current.focus();\n\n  handleKeyDown = event => {\n    if (event.key === 'Enter') {\n      this.handleShare();\n    }\n  };\n\n  handleMessageChange = comment => this.setState({ comment });\n\n  handleSelectEmoji = emoji =>\n    this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n  handleShare = () => {\n    this.props.handleShare(this.state.comment, this.state.fileUrl, this.state.fileSize);\n  };\n\n  handleFileDelete = () => {\n    this.setState({ fileUrl: '', fileSize: null, fileName: '' });\n  };\n\n  handleFileUpload = (fileUrl, fileName, fileSize) => {\n    this.setState({\n      fileUrl,\n      fileName,\n      fileSize,\n      fileUploadingError: null,\n    });\n  };\n\n  handleFileUploadingError = fileUploadingError => {\n    this.setState({\n      fileUrl: null,\n      fileName: null,\n      fileSize: null,\n      fileUploadingError,\n    });\n  };\n\n  render() {\n    return (\n      <RootRef rootRef={this.rootRef}>\n        <Dialog\n          fullScreen={isNativeDetected}\n          open={this.props.open}\n          onClose={this.props.handleClose}\n          onBackdropClick={this.props.handleClose}\n          onEntered={this.focusOnInput}\n        >\n          <DialogTitle>{this.props.title}</DialogTitle>\n\n          <DialogContent\n            classes={{ root: !isNativeDetected && this.props.classes.dialogContentRoot }}\n          >\n            <Message\n              inputEl={this.inputEl}\n              comment={this.state.comment}\n              handleMessageChange={this.handleMessageChange}\n              handleKeyDown={this.handleKeyDown}\n              handleFileUpload={this.handleFileUpload}\n              handleSelectEmoji={this.handleSelectEmoji}\n              handleFileUploadingError={this.handleFileUploadingError}\n              additionalFields={this.props.additionalFields}\n              fileUrl={this.state.fileUrl}\n              classes={this.props.classes}\n              companyId={this.props.companyId}\n              rootRef={this.rootRef}\n            />\n\n            {this.state.fileUploadingError && (\n              <FailedFileUploading\n                errorMessage={this.state.fileUploadingError}\n                className={this.props.classes.fileUploadingError}\n              />\n            )}\n\n            {this.state.fileUrl && (\n              <File\n                fileName={this.state.fileName}\n                fileUrl={this.state.fileUrl}\n                handleFileDelete={this.handleFileDelete}\n                handleFileUploadingError={this.handleFileUploadingError}\n                classes={this.props.classes}\n              />\n            )}\n          </DialogContent>\n\n          <DialogActions className={this.props.classes.dialogActions}>\n            <Button\n              data-testid={`${PAGE_NAME}_cancelButton`}\n              color=\"primary\"\n              onClick={this.props.handleClose}\n            >\n              {this.props.cancelButtonText}\n            </Button>\n\n            <Button\n              data-testid={`${PAGE_NAME}_okButton`}\n              color=\"primary\"\n              variant=\"contained\"\n              disabled={\n                (!this.state.fileUrl && !this.state.comment) ||\n                !this.props.requiredFields.every(Boolean)\n              }\n              onClick={this.handleShare}\n            >\n              {this.props.okButtonText}\n            </Button>\n          </DialogActions>\n        </Dialog>\n      </RootRef>\n    );\n  }\n}\n\nFileUploadPreviewDialog.propTypes = {\n  title: PropTypes.string,\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string,\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  handleShare: PropTypes.func.isRequired,\n  handleClose: PropTypes.func.isRequired,\n\n  classes: PropTypes.shape({}).isRequired,\n\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n  message: PropTypes.string,\n  companyId: PropTypes.number,\n\n  okButtonText: PropTypes.string,\n  cancelButtonText: PropTypes.string,\n};\n\nFileUploadPreviewDialog.defaultProps = {\n  title: 'Share a file',\n  fileUrl: '',\n  fileName: '',\n  fileSize: null,\n  additionalFields: [],\n  requiredFields: [],\n  message: '',\n  companyId: null,\n\n  okButtonText: 'Post',\n  cancelButtonText: 'Cancel',\n};\n\nexport default withStyles(muiStyles)(FileUploadPreviewDialog);\n"],"names":["PAGE_NAME","grey200","grey","grey300","grey400","muiStyles","theme","dialogContentRoot","minWidth","textFieldRoot","marginBottom","textInput","paddingTop","messageWrapper","padding","border","palette","primary","main","boxShadow","dialogActions","margin","deleteButton","color","cursor","fileUploadingError","marginTop","Message","props","_jsxs","classes","_jsx","inputEl","UserMention","onChange","handleMessageChange","companyId","suggestionsPortalHost","rootRef","current","comment","handleKeyDown","styles","cPostPreviewDialogMessageAdditionalFieldsWrapper","additionalFields","cPostPreviewDialogMessageActionFields","fileUrl","handleFileUpload","handleFileUploadingError","handleSelectEmoji","additionalActionButton","File","isImage","getIsImage","fileName","cPostPreviewDialogFileName","handleFileDelete","cPostPreviewDialogFileImageFileWrapper","backgroundColor","cPostPreviewDialogFileImage","cPostPreviewDialogFileDownload","cPostPreviewDialogFileDownloadText","FileUploadPreviewDialog","focus","event","key","handleShare","setState","emoji","native","state","fileSize","message","createRef","prevProps","open","isNativeDetected","handleClose","focusOnInput","title","root","cancelButtonText","requiredFields","every","Boolean","okButtonText","PureComponent","propTypes","PropTypes","string","bool","isRequired","number","func","shape","arrayOf","node","defaultProps","withStyles"],"mappings":"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"}

package/components/PostPreviewDialog/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/PriceInput/FormattedNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedNumber.js","sources":["../../../src/components/PriceInput/FormattedNumber.js"],"sourcesContent":["import NumberFormat from 'react-number-format';\nimport PropTypes from 'prop-types';\n\nfunction NumberFormatCustom(props) {\n  const { inputRef, onChange, ...other } = props;\n\n  return (\n    <NumberFormat\n      {...other}\n      getInputRef={inputRef}\n      onValueChange={values => {\n        onChange({\n          target: {\n            name: props.name,\n            value: values.value,\n          },\n        });\n      }}\n      thousandSeparator\n      isNumericString\n      prefix=\"$\"\n      allowNegative={false}\n      allowLeadingZeros={false}\n    />\n  );\n}\n\nNumberFormatCustom.propTypes = {\n  inputRef: PropTypes.func.isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  decimalScale: PropTypes.number,\n};\n\nNumberFormatCustom.defaultProps = {\n  decimalScale: 2,\n};\n\nexport default NumberFormatCustom;\n"],"names":["NumberFormatCustom","props","inputRef","onChange","other","_jsx","values","target","name","value","propTypes","PropTypes","func","isRequired","string","decimalScale","number","defaultProps"],"mappings":";;;;;;;;;;AAGA,SAASA,kBAAT,CAA4BC,KAA5B,EAAmC;AAAA,MACzBC,QADyB,GACQD,KADR,CACzBC,QADyB;AAAA,MACfC,QADe,GACQF,KADR,CACfE,QADe;AAAA,MACFC,KADE,4BACQH,KADR;;AAGjC,sBACEI,IAAC,YAAD,kCACMD,KADN;AAEE,IAAA,WAAW,EAAEF,QAFf;AAGE,IAAA,aAAa,EAAE,uBAAAI,MAAM,EAAI;AACvBH,MAAAA,QAAQ,CAAC;AACPI,QAAAA,MAAM,EAAE;AACNC,UAAAA,IAAI,EAAEP,KAAK,CAACO,IADN;AAENC,UAAAA,KAAK,EAAEH,MAAM,CAACG;AAFR;AADD,OAAD,CAAR;AAMD,KAVH;AAWE,IAAA,iBAAiB,MAXnB;AAYE,IAAA,eAAe,MAZjB;AAaE,IAAA,MAAM,EAAC,GAbT;AAcE,IAAA,aAAa,EAAE,KAdjB;AAeE,IAAA,iBAAiB,EAAE;AAfrB,KADF;AAmBD;;AAEDT,kBAAkB,CAACU,SAAnB,GAA+B;AAC7BR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAV,CAAeC,UADI;AAE7BL,EAAAA,IAAI,EAAEG,SAAS,CAACG,MAAV,CAAiBD,UAFM;AAG7BV,EAAAA,QAAQ,EAAEQ,SAAS,CAACC,IAAV,CAAeC,UAHI;AAI7BE,EAAAA,YAAY,EAAEJ,SAAS,CAACK;AAJK,CAA/B;AAOAhB,kBAAkB,CAACiB,YAAnB,GAAkC;AAChCF,EAAAA,YAAY,EAAE;AADkB,CAAlC;;;;"}

package/components/PriceInput/PriceInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { TextField } from '@material-ui/core';\nimport NumberFormatCustom from './FormattedNumber';\n\nconst PriceInput = props => {\n  return (\n    <TextField\n      {...props}\n      InputProps={{\n        ...props.InputProps,\n        inputComponent: NumberFormatCustom,\n      }}\n    />\n  );\n};\n\nPriceInput.propTypes = {\n  InputProps: PropTypes.shape({}),\n};\n\nPriceInput.defaultProps = {\n  InputProps: {},\n};\n\nexport default PriceInput;\n"],"names":["PriceInput","props","_jsx","InputProps","inputComponent","NumberFormatCustom","propTypes","PropTypes","shape","defaultProps"],"mappings":";;;;;;;;;;IAKMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAC1B,sBACEC,IAAC,SAAD,kCACMD,KADN;AAEE,IAAA,UAAU,kCACLA,KAAK,CAACE,UADD;AAERC,MAAAA,cAAc,EAAEC;AAFR;AAFZ,KADF;AASD;;AAEDL,UAAU,CAACM,SAAX,GAAuB;AACrBH,EAAAA,UAAU,EAAEI,SAAS,CAACC,KAAV,CAAgB,EAAhB;AADS,CAAvB;AAIAR,UAAU,CAACS,YAAX,GAA0B;AACxBN,EAAAA,UAAU,EAAE;AADY,CAA1B;;;;"}

package/components/RangeSlider/Input.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/RangeSlider/RangeSlider.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sources":["../../../src/components/RangeSlider/RangeSlider.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport classNames from 'classnames';\nimport { round, throttle } from 'lodash';\n\nimport PropTypes from 'prop-types';\n\nimport styles from './RangeSlider.css';\nimport { horizontalStrategy } from './strategies/horizontal';\nimport { verticalStrategy } from './strategies/vertical';\nimport {\n  calculatePercentForValue,\n  calculateValueFromPercent,\n  updateFromValue,\n  updateToValue,\n} from './utils';\nimport FromInput from './inputs/FromInput';\nimport ToInput from './inputs/ToInput';\nimport { RangeSliderControl, RangeSliderOrientation } from './constants';\n\nconst RangeSlider = props => {\n  const { min, max, from, to, minRange, onChange, orientation, precision } = props;\n\n  const [fromInputValue, setFromInputValue] = useState(null);\n  const [toInputValue, setToInputValue] = useState(null);\n\n  const [strategy, setStrategy] = useState(null);\n  const [isCompact, setIsCompact] = useState(null);\n  const [lastMoved, setLastMoved] = useState(RangeSliderControl.FROM);\n  const [computedStyles, setComputedStyles] = useState({});\n\n  const railRef = useRef(null);\n  const fromThumbRef = useRef(null);\n  const toThumbRef = useRef(null);\n  const fromInputRef = useRef(null);\n  const toInputRef = useRef(null);\n\n  useEffect(() => {\n    if (orientation === RangeSliderOrientation.HORIZONTAL) {\n      setStrategy(horizontalStrategy);\n    }\n\n    if (orientation === RangeSliderOrientation.VERTICAL) {\n      setStrategy(verticalStrategy);\n    }\n  }, [orientation]);\n\n  useEffect(() => {\n    if (strategy) {\n      const roundedFrom = round(from, precision);\n      const roundedTo = round(to, precision);\n      const roundedMin = round(min, precision);\n      const roundedMax = round(max, precision);\n\n      const fromPercent = calculatePercentForValue(roundedFrom, roundedMin, roundedMax);\n      const toPercent = calculatePercentForValue(roundedTo, roundedMin, roundedMax);\n\n      let spacing = {};\n      if (fromInputRef.current && toInputRef.current) {\n        spacing = strategy.calculateInputSpacing(\n          fromPercent,\n          toPercent,\n          railRef,\n          fromInputRef,\n          toInputRef\n        );\n      }\n      if (orientation === RangeSliderOrientation.HORIZONTAL) {\n        setIsCompact(spacing.isNotEnoughInputSpace);\n      }\n\n      setComputedStyles({\n        [RangeSliderControl.FROM]: strategy.getThumbStyles(\n          fromPercent,\n          lastMoved === RangeSliderControl.FROM\n        ),\n        [RangeSliderControl.TO]: strategy.getThumbStyles(\n          toPercent,\n          lastMoved === RangeSliderControl.TO\n        ),\n        [RangeSliderControl.BAR]: strategy.getBarStyles(fromPercent, toPercent),\n        [RangeSliderControl.FROM_INPUT]: strategy.getInputStyles(fromPercent),\n        [RangeSliderControl.TO_INPUT]: strategy.getInputStyles(toPercent),\n        [RangeSliderControl.COMPACT_INPUTS]: strategy.getInputStyles((fromPercent + toPercent) / 2),\n      });\n\n      setFromInputValue(roundedFrom.toString());\n      setToInputValue(roundedTo.toString());\n    }\n  }, [strategy, min, max, from, to]);\n\n  const onFromMove = event => {\n    const coordinates = strategy.getCoordinates(event, railRef.current.getBoundingClientRect());\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const newFrom = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (newFrom !== from) {\n      const range = updateFromValue(newFrom, from, to, min, minRange);\n      onChange(range);\n    }\n  };\n\n  const onToMove = event => {\n    const coordinates = strategy.getCoordinates(event, railRef.current.getBoundingClientRect());\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const newTo = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (newTo !== to) {\n      const range = updateToValue(newTo, from, to, max, minRange);\n      onChange(range);\n    }\n  };\n\n  const onBarMove = (event, startCoordinates) => {\n    const coordinates = strategy.getBarCoordinates(\n      event,\n      startCoordinates,\n      railRef.current.getBoundingClientRect()\n    );\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    let newFrom = round(calculateValueFromPercent(percent, min, max), precision);\n    let newTo = round(to + (newFrom - from), precision);\n\n    if (newFrom < min) {\n      const diff = min - newFrom;\n      newFrom = min;\n      newTo = round(newTo + diff, precision);\n    }\n\n    if (newTo > max) {\n      const diff = newTo - max;\n      newTo = max;\n      newFrom = round(newFrom - diff, precision);\n    }\n\n    if (newFrom !== from && newTo !== to && newFrom >= min && newTo <= max) {\n      onChange({ from: newFrom, to: newTo });\n    }\n  };\n\n  const onMove = control => {\n    if (control === RangeSliderControl.FROM) {\n      return onFromMove;\n    }\n\n    if (control === RangeSliderControl.TO) {\n      return onToMove;\n    }\n\n    return onBarMove;\n  };\n\n  const onMouseDown = (control, startEvent) => {\n    // Block layout grid drag\n    startEvent.stopPropagation();\n    setLastMoved(control);\n\n    const { clientX, clientY } = startEvent;\n    const { x, y } = startEvent.target.getBoundingClientRect();\n\n    function onMouseMove(event) {\n      onMove(control)(event, { clientX, clientY, x, y });\n    }\n\n    // lock slider update rate to 240+ per sec\n    const throttledMove = throttle(onMouseMove, 4);\n\n    function onMouseUp() {\n      document.removeEventListener('mousemove', throttledMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    }\n\n    document.addEventListener('mousemove', throttledMove);\n    document.addEventListener('mouseup', onMouseUp);\n  };\n\n  const setControlValue = control => {\n    if (control === RangeSliderControl.FROM) {\n      return setFromInputValue;\n    }\n    return setToInputValue;\n  };\n\n  const onInputChange = (control, event) => {\n    const { value } = event.target;\n    if (!Number.isNaN(value)) {\n      setControlValue(control)(value);\n    }\n  };\n\n  const validateInputChange = (control, event) => {\n    const { value } = event.target;\n    const roundValue = round(value, precision);\n\n    if (control === RangeSliderControl.FROM) {\n      const range = updateFromValue(roundValue, from, to, min, minRange);\n      onChange(range);\n    }\n\n    if (control === RangeSliderControl.TO) {\n      const range = updateToValue(roundValue, from, to, max, minRange);\n      onChange(range);\n    }\n  };\n\n  return (\n    <div\n      className={classNames(\n        orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderHorizontal,\n        orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderVertical\n      )}\n    >\n      <div\n        className={classNames(\n          styles.rangeSliderRail,\n          orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderRailHorizontal,\n          orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderRailVertical\n        )}\n        ref={railRef}\n      >\n        <div\n          ref={fromThumbRef}\n          className={styles.rangeSliderThumb}\n          style={computedStyles[RangeSliderControl.FROM]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.FROM, event)}\n        >\n          <div className={styles.rangeSliderLabel} />\n        </div>\n        <div\n          className={classNames(\n            styles.rangeSliderBar,\n            orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderBarHorizontal,\n            orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarVertical\n          )}\n          style={computedStyles[RangeSliderControl.BAR]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.BAR, event)}\n        >\n          <div\n            className={classNames(\n              styles.rangeSliderBarView,\n              orientation === RangeSliderOrientation.HORIZONTAL &&\n                styles.rangeSliderBarViewHorizontal,\n              orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarViewVertical\n            )}\n          />\n        </div>\n        <div\n          ref={toThumbRef}\n          className={styles.rangeSliderThumb}\n          style={computedStyles[RangeSliderControl.TO]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.TO, event)}\n        >\n          <div className={styles.rangeSliderLabel} />\n        </div>\n\n        {!isCompact && (\n          <FromInput\n            compStyles={computedStyles[RangeSliderControl.FROM_INPUT]}\n            isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n            max={max}\n            precision={precision}\n            fromInputRef={fromInputRef}\n            from={from}\n            fromInputValue={fromInputValue}\n            onInputChange={onInputChange}\n            validateInputChange={validateInputChange}\n          />\n        )}\n\n        {!isCompact && (\n          <ToInput\n            compStyles={computedStyles[RangeSliderControl.TO_INPUT]}\n            isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n            max={max}\n            precision={precision}\n            toInputRef={toInputRef}\n            to={to}\n            toInputValue={toInputValue}\n            onInputChange={onInputChange}\n            validateInputChange={validateInputChange}\n          />\n        )}\n\n        {isCompact && (\n          <div\n            className={styles.rangeSliderCompactInputs}\n            style={computedStyles[RangeSliderControl.COMPACT_INPUTS]}\n          >\n            <FromInput\n              isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n              max={max}\n              precision={precision}\n              fromInputRef={fromInputRef}\n              from={from}\n              fromInputValue={fromInputValue}\n              onInputChange={onInputChange}\n              validateInputChange={validateInputChange}\n            />\n            <span className={styles.rangeSliderInputDivider}>-</span>\n            <ToInput\n              isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n              max={max}\n              precision={precision}\n              toInputRef={toInputRef}\n              to={to}\n              toInputValue={toInputValue}\n              onInputChange={onInputChange}\n              validateInputChange={validateInputChange}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nRangeSlider.propTypes = {\n  min: PropTypes.number,\n  max: PropTypes.number,\n\n  from: PropTypes.number.isRequired,\n  to: PropTypes.number.isRequired,\n\n  orientation: PropTypes.string,\n  precision: PropTypes.number,\n\n  minRange: PropTypes.number,\n  // maxDiffRange: PropTypes.number, //todo\n\n  onChange: PropTypes.func,\n};\n\nRangeSlider.defaultProps = {\n  min: 0,\n  max: 100,\n  orientation: 'horizontal',\n  precision: 0,\n  minRange: 0,\n  onChange: () => {},\n};\n\nexport default RangeSlider;\n"],"names":["RangeSlider","props","min","max","from","to","minRange","onChange","orientation","precision","useState","fromInputValue","setFromInputValue","toInputValue","setToInputValue","strategy","setStrategy","isCompact","setIsCompact","RangeSliderControl","FROM","lastMoved","setLastMoved","computedStyles","setComputedStyles","railRef","useRef","fromThumbRef","toThumbRef","fromInputRef","toInputRef","useEffect","RangeSliderOrientation","HORIZONTAL","horizontalStrategy","VERTICAL","verticalStrategy","roundedFrom","round","roundedTo","roundedMin","roundedMax","fromPercent","calculatePercentForValue","toPercent","spacing","current","calculateInputSpacing","isNotEnoughInputSpace","getThumbStyles","TO","BAR","getBarStyles","FROM_INPUT","getInputStyles","TO_INPUT","COMPACT_INPUTS","toString","onFromMove","event","coordinates","getCoordinates","getBoundingClientRect","percent","new","newFrom","calculateValueFromPercent","range","updateFromValue","onToMove","newTo","updateToValue","onBarMove","startCoordinates","getBarCoordinates","diff","onMove","control","onMouseDown","startEvent","stopPropagation","clientX","clientY","target","x","y","onMouseMove","throttledMove","throttle","onMouseUp","document","removeEventListener","addEventListener","setControlValue","onInputChange","value","Number","isNaN","validateInputChange","roundValue","_jsx","classNames","styles","rangeSliderHorizontal","rangeSliderVertical","_jsxs","rangeSliderRail","rangeSliderRailHorizontal","rangeSliderRailVertical","rangeSliderThumb","rangeSliderLabel","rangeSliderBar","rangeSliderBarHorizontal","rangeSliderBarVertical","rangeSliderBarView","rangeSliderBarViewHorizontal","rangeSliderBarViewVertical","rangeSliderCompactInputs","rangeSliderInputDivider","propTypes","PropTypes","number","isRequired","string","func","defaultProps"],"mappings":"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"}

package/components/RangeSlider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/RangeSlider/constants.js"],"sourcesContent":["export const RangeSliderControl = {\n  FROM: 'from',\n  TO: 'to',\n  BAR: 'bar',\n  RAIL: 'rail',\n  FROM_INPUT: 'from-input',\n  TO_INPUT: 'to-input',\n  COMPACT_INPUTS: 'compact-inputs',\n};\n\nexport const RangeSliderOrientation = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n"],"names":["RangeSliderControl","FROM","TO","BAR","RAIL","FROM_INPUT","TO_INPUT","COMPACT_INPUTS","RangeSliderOrientation","HORIZONTAL","VERTICAL"],"mappings":"IAAaA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,MAD0B;AAEhCC,EAAAA,EAAE,EAAE,IAF4B;AAGhCC,EAAAA,GAAG,EAAE,KAH2B;AAIhCC,EAAAA,IAAI,EAAE,MAJ0B;AAKhCC,EAAAA,UAAU,EAAE,YALoB;AAMhCC,EAAAA,QAAQ,EAAE,UANsB;AAOhCC,EAAAA,cAAc,EAAE;AAPgB;IAUrBC,sBAAsB,GAAG;AACpCC,EAAAA,UAAU,EAAE,YADwB;AAEpCC,EAAAA,QAAQ,EAAE;AAF0B;;;;"}

package/components/RangeSlider/inputs/FromInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromInput.js","sources":["../../../../src/components/RangeSlider/inputs/FromInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst FromInput = props => {\n  const {\n    compStyles,\n    isVerticalOrientation,\n    max,\n    precision,\n    fromInputRef,\n    from,\n    fromInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedFrom = round(from, precision);\n\n  const onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.FROM, event)\n    }\n  };\n\n  return (\n    <div\n      style={{\n        ...compStyles,\n        width:\n          // calculate div width and margin for vertical range slider input align\n          isVerticalOrientation ? (`${max}`.length + precision) * 8 : 'auto',\n        marginLeft: isVerticalOrientation ? (-(`${max}`.length + precision) * 8) / 2 - 8 : 'auto',\n      }}\n    >\n      <input\n        ref={fromInputRef}\n        className={styles.rangeSliderInput}\n        type=\"text\"\n        size={`${roundedFrom}`.length || 1}\n        value={fromInputValue}\n        onChange={event => {\n          onInputChange(RangeSliderControl.FROM, event);\n        }}\n        onBlur={event => validateInputChange(RangeSliderControl.FROM, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nFromInput.propTypes = {\n  max: PropTypes.number.isRequired,\n  from: PropTypes.number.isRequired,\n  isVerticalOrientation: PropTypes.bool.isRequired,\n  precision: PropTypes.number.isRequired,\n  compStyles: PropTypes.shape({}),\n  fromInputRef: PropTypes.node.isRequired,\n  fromInputValue: PropTypes.number.isRequired,\n  onInputChange: PropTypes.func.isRequired,\n  validateInputChange: PropTypes.func.isRequired,\n};\n\nFromInput.defaultProps = {\n  compStyles: {},\n};\n\nexport default FromInput;\n"],"names":["FromInput","props","compStyles","isVerticalOrientation","max","precision","fromInputRef","from","fromInputValue","onInputChange","validateInputChange","roundedFrom","round","onKeyDown","event","key","RangeSliderControl","FROM","_jsx","width","length","marginLeft","styles","rangeSliderInput","propTypes","PropTypes","number","isRequired","bool","shape","node","func","defaultProps"],"mappings":";;;;;;;;;;;IAOMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AAAA,MAEvBC,UAFuB,GAWrBD,KAXqB,CAEvBC,UAFuB;AAAA,MAGvBC,qBAHuB,GAWrBF,KAXqB,CAGvBE,qBAHuB;AAAA,MAIvBC,GAJuB,GAWrBH,KAXqB,CAIvBG,GAJuB;AAAA,MAKvBC,SALuB,GAWrBJ,KAXqB,CAKvBI,SALuB;AAAA,MAMvBC,YANuB,GAWrBL,KAXqB,CAMvBK,YANuB;AAAA,MAOvBC,IAPuB,GAWrBN,KAXqB,CAOvBM,IAPuB;AAAA,MAQvBC,cARuB,GAWrBP,KAXqB,CAQvBO,cARuB;AAAA,MASvBC,aATuB,GAWrBR,KAXqB,CASvBQ,aATuB;AAAA,MAUvBC,mBAVuB,GAWrBT,KAXqB,CAUvBS,mBAVuB;AAazB,MAAMC,WAAW,GAAGC,KAAK,CAACL,IAAD,EAAOF,SAAP,CAAzB;;AAEA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAW;AAC3B,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAnB;AACD;AACF,GAJD;;AAMA,sBACEI;AACE,IAAA,KAAK,kCACAhB,UADA;AAEHiB,MAAAA,KAAK;AAEHhB,MAAAA,qBAAqB,GAAG,CAAC,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAAnB,IAAgC,CAAnC,GAAuC,MAJ3D;AAKHgB,MAAAA,UAAU,EAAElB,qBAAqB,GAAI,EAAE,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAApB,IAAiC,CAAlC,GAAuC,CAAvC,GAA2C,CAA9C,GAAkD;AALhF,MADP;AAAA,2BASEa;AACE,MAAA,GAAG,EAAEZ,YADP;AAEE,MAAA,SAAS,EAAEgB,MAAM,CAACC,gBAFpB;AAGE,MAAA,IAAI,EAAC,MAHP;AAIE,MAAA,IAAI,EAAE,UAAGZ,WAAH,EAAiBS,MAAjB,IAA2B,CAJnC;AAKE,MAAA,KAAK,EAAEZ,cALT;AAME,MAAA,QAAQ,EAAE,kBAAAM,KAAK,EAAI;AACjBL,QAAAA,aAAa,CAACO,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAb;AACD,OARH;AASE,MAAA,MAAM,EAAE,gBAAAA,KAAK;AAAA,eAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAvB;AAAA,OATf;AAUE,MAAA,SAAS,EAAED;AAVb;AATF,IADF;AAwBD;;AAEDb,SAAS,CAACwB,SAAV,GAAsB;AACpBpB,EAAAA,GAAG,EAAEqB,SAAS,CAACC,MAAV,CAAiBC,UADF;AAEpBpB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,UAFH;AAGpBxB,EAAAA,qBAAqB,EAAEsB,SAAS,CAACG,IAAV,CAAeD,UAHlB;AAIpBtB,EAAAA,SAAS,EAAEoB,SAAS,CAACC,MAAV,CAAiBC,UAJR;AAKpBzB,EAAAA,UAAU,EAAEuB,SAAS,CAACI,KAAV,CAAgB,EAAhB,CALQ;AAMpBvB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IAAV,CAAeH,UANT;AAOpBnB,EAAAA,cAAc,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,UAPb;AAQpBlB,EAAAA,aAAa,EAAEgB,SAAS,CAACM,IAAV,CAAeJ,UARV;AASpBjB,EAAAA,mBAAmB,EAAEe,SAAS,CAACM,IAAV,CAAeJ;AAThB,CAAtB;AAYA3B,SAAS,CAACgC,YAAV,GAAyB;AACvB9B,EAAAA,UAAU,EAAE;AADW,CAAzB;;;;"}

package/components/RangeSlider/inputs/ToInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToInput.js","sources":["../../../../src/components/RangeSlider/inputs/ToInput.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst ToInput = props => {\n  const {\n    compStyles,\n    isVerticalOrientation,\n    max,\n    precision,\n    toInputRef,\n    to,\n    toInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedTo = round(to, precision);\n\n  const onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.TO, event)\n    }\n  };\n\n  return (\n    <div\n      style={{\n        ...compStyles,\n        width:\n          // calculate div width and margin for vertical range slider input align\n          isVerticalOrientation ? (`${max}`.length + precision) * 8 : 'auto',\n        marginLeft: isVerticalOrientation ? (-(`${max}`.length + precision) * 8) / 2 - 8 : 'auto',\n      }}\n    >\n      <input\n        ref={toInputRef}\n        className={styles.rangeSliderInput}\n        type=\"text\"\n        size={`${roundedTo}`.length || 1}\n        value={toInputValue}\n        onChange={event => onInputChange(RangeSliderControl.TO, event)}\n        onBlur={event => validateInputChange(RangeSliderControl.TO, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nToInput.propTypes = {\n  max: PropTypes.number.isRequired,\n  to: PropTypes.number.isRequired,\n  isVerticalOrientation: PropTypes.bool.isRequired,\n  precision: PropTypes.number.isRequired,\n  compStyles: PropTypes.shape({}),\n  toInputRef: PropTypes.node.isRequired,\n  toInputValue: PropTypes.number.isRequired,\n  onInputChange: PropTypes.func.isRequired,\n  validateInputChange: PropTypes.func.isRequired,\n};\n\nToInput.defaultProps = { compStyles: {} };\n\nexport default ToInput;\n"],"names":["ToInput","props","compStyles","isVerticalOrientation","max","precision","toInputRef","to","toInputValue","onInputChange","validateInputChange","roundedTo","round","onKeyDown","event","key","RangeSliderControl","TO","_jsx","width","length","marginLeft","styles","rangeSliderInput","propTypes","PropTypes","number","isRequired","bool","shape","node","func","defaultProps"],"mappings":";;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AAAA,MAErBC,UAFqB,GAWnBD,KAXmB,CAErBC,UAFqB;AAAA,MAGrBC,qBAHqB,GAWnBF,KAXmB,CAGrBE,qBAHqB;AAAA,MAIrBC,GAJqB,GAWnBH,KAXmB,CAIrBG,GAJqB;AAAA,MAKrBC,SALqB,GAWnBJ,KAXmB,CAKrBI,SALqB;AAAA,MAMrBC,UANqB,GAWnBL,KAXmB,CAMrBK,UANqB;AAAA,MAOrBC,EAPqB,GAWnBN,KAXmB,CAOrBM,EAPqB;AAAA,MAQrBC,YARqB,GAWnBP,KAXmB,CAQrBO,YARqB;AAAA,MASrBC,aATqB,GAWnBR,KAXmB,CASrBQ,aATqB;AAAA,MAUrBC,mBAVqB,GAWnBT,KAXmB,CAUrBS,mBAVqB;AAavB,MAAMC,SAAS,GAAGC,KAAK,CAACL,EAAD,EAAKF,SAAL,CAAvB;;AAEA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAW;AAC3B,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAnB;AACD;AACF,GAJD;;AAMA,sBACEI;AACE,IAAA,KAAK,kCACAhB,UADA;AAEHiB,MAAAA,KAAK;AAEHhB,MAAAA,qBAAqB,GAAG,CAAC,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAAnB,IAAgC,CAAnC,GAAuC,MAJ3D;AAKHgB,MAAAA,UAAU,EAAElB,qBAAqB,GAAI,EAAE,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAApB,IAAiC,CAAlC,GAAuC,CAAvC,GAA2C,CAA9C,GAAkD;AALhF,MADP;AAAA,2BASEa;AACE,MAAA,GAAG,EAAEZ,UADP;AAEE,MAAA,SAAS,EAAEgB,MAAM,CAACC,gBAFpB;AAGE,MAAA,IAAI,EAAC,MAHP;AAIE,MAAA,IAAI,EAAE,UAAGZ,SAAH,EAAeS,MAAf,IAAyB,CAJjC;AAKE,MAAA,KAAK,EAAEZ,YALT;AAME,MAAA,QAAQ,EAAE,kBAAAM,KAAK;AAAA,eAAIL,aAAa,CAACO,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAjB;AAAA,OANjB;AAOE,MAAA,MAAM,EAAE,gBAAAA,KAAK;AAAA,eAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAvB;AAAA,OAPf;AAQE,MAAA,SAAS,EAAED;AARb;AATF,IADF;AAsBD;;AAEDb,OAAO,CAACwB,SAAR,GAAoB;AAClBpB,EAAAA,GAAG,EAAEqB,SAAS,CAACC,MAAV,CAAiBC,UADJ;AAElBpB,EAAAA,EAAE,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,UAFH;AAGlBxB,EAAAA,qBAAqB,EAAEsB,SAAS,CAACG,IAAV,CAAeD,UAHpB;AAIlBtB,EAAAA,SAAS,EAAEoB,SAAS,CAACC,MAAV,CAAiBC,UAJV;AAKlBzB,EAAAA,UAAU,EAAEuB,SAAS,CAACI,KAAV,CAAgB,EAAhB,CALM;AAMlBvB,EAAAA,UAAU,EAAEmB,SAAS,CAACK,IAAV,CAAeH,UANT;AAOlBnB,EAAAA,YAAY,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,UAPb;AAQlBlB,EAAAA,aAAa,EAAEgB,SAAS,CAACM,IAAV,CAAeJ,UARZ;AASlBjB,EAAAA,mBAAmB,EAAEe,SAAS,CAACM,IAAV,CAAeJ;AATlB,CAApB;AAYA3B,OAAO,CAACgC,YAAR,GAAuB;AAAE9B,EAAAA,UAAU,EAAE;AAAd,CAAvB;;;;"}