@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/ParameterCharts/components/TrackSettings.js

@@ -1 +1,255 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as n}from"react";import i from"prop-types";import a from"uuid";import{withStyles as o,Grid as c,FormControl as s,TextField as l,IconButton as m,Button as u}from"@material-ui/core";import p from"@material-ui/icons/NavigateNext";import d from"@material-ui/icons/Add";import f from"../../ColorPicker/ColorPicker.js";import h from"../../Modal/index.js";import g from"./TraceSettings.js";import v from"./TraceSelect.js";import{MAX_TRACE_COUNT as b,DEFAULT_TRACE_SETTINGS as y}from"../constants.js";import k from"./TrackSettings.css.js";import{jsxs as N,jsx as O}from"react/jsx-runtime";function j(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var T=function(i){var o=i.settings,j=o.name,T=o.traces,P=i.onChange,S=i.classes,q=i.mapping,w=n(!1),D=t(w,2),R=D[0],B=D[1],x=n(),A=t(x,2),E=A[0],I=A[1],z=T&&T.length>b,L=function(){var e=T.map((function(e){return e.id===E.id?E:e}));P("traces",e),B(!1)};return N(c,{className:S.container,children:[O(s,{className:S.input,children:O(l,{label:"Track Name",value:j,className:S.input,onChange:function(e){var r=e.target.value;return P("name",r)}})}),O("div",{className:k.title,children:"Traces: "}),T&&!!T.length&&O("div",{className:k.tracesContainer,children:T.map((function(e,t){var n=e.id,i=e.key,a=e.color;return N("div",{className:k.tracesItem,children:[O(v,{value:i,onChange:function(e){return function(e,r){var t=T.map((function(t){var n=q.find((function(e){var t=e.key;return r===t}));return t.id===e?C(C({},t),n):t}));P("traces",t)}(n,e)},mapping:q}),O("div",{className:k.colorPicker,children:O(f,{value:a,onChange:function(e){return function(e,t,n){var i=T.map((function(i){return i.id===e?C(C({},i),{},r({},t,n)):i}));P("traces",i)}(n,"color",e)},hideLabel:!0,buttonClassName:S.picker})}),O(m,{onClick:function(){return function(e){I(T[e]),B(!0)}(t)},className:S.navBtn,children:O(p,{fontSize:"small",className:S.navIcon})})]},n)}))}),!z&&N(u,{color:"primary",onClick:function(){T&&T.length?P("traces",[].concat(e(T),[C({id:a()},y)])):P("traces",[C({id:a()},y)])},children:[O(d,{}),O("span",{children:"Add Trace"})]}),O(h,{open:R,title:N("div",{className:k.modalTitle,children:[N("span",{className:k.trackTitle,onClick:L,children:["Track Settings /"," "]}),E&&E.name||"Empty Trace"]}),actions:N("div",{className:k.actions,children:[O(u,{className:S.button,color:"primary",onClick:function(){var e=T.filter((function(e){return e.id!==E.id}));P("traces",e),B(!1)},children:"Delete Trace"}),O(u,{className:S.button,color:"primary",onClick:function(){return B(!1)},children:"Cancel"}),O(u,{className:S.button,variant:"contained",color:"primary",onClick:L,children:"Save"})]}),children:O(g,{traceSettings:E,onChange:function(e,t){I(C(C({},E),{},r({},e,t)))},mapping:q})})]})};T.propTypes={settings:i.shape({name:i.string.isRequired,traces:i.arrayOf(i.shape({}))}).isRequired,onChange:i.func.isRequired,classes:i.shape({}).isRequired,mapping:i.arrayOf(i.shape({name:i.string.isRequired,key:i.string.isRequired}).isRequired).isRequired};var P=o((function(e){return{container:{paddingTop:20,minWidth:300},input:{width:200},picker:{width:36,minWidth:36,height:24},navBtn:{position:"absolute",right:-10,top:"50%",transform:"translate(0, -50%)"},navIcon:{color:"#BDBDBD"},button:{fontSize:14,marginLeft:20}}}))(T);export{P as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Grid, FormControl, TextField, IconButton, Button } from '@material-ui/core';
+import { useState } from 'react';
+import uuid from 'uuid';
+import PropTypes from 'prop-types';
+import Modal from '../../Modal/index.js';
+import { MAX_TRACE_COUNT, DEFAULT_TRACE_SETTINGS } from '../constants.js';
+import NavigateNextIcon from '@material-ui/icons/NavigateNext';
+import AddIcon from '@material-ui/icons/Add';
+import ColorPicker from '../../ColorPicker/ColorPicker.js';
+import TraceSelect from './TraceSelect.js';
+import TraceSettings from './TraceSettings.js';
+import styles from './TrackSettings.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var TrackSettings = function TrackSettings(_ref) {
+  var _ref$settings = _ref.settings,
+      name = _ref$settings.name,
+      traces = _ref$settings.traces,
+      _onChange = _ref.onChange,
+      classes = _ref.classes,
+      mapping = _ref.mapping;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isTraceSettingsVisible = _useState2[0],
+      setIsTraceSettingsVisible = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedTrace = _useState4[0],
+      setSelectedTrace = _useState4[1];
+
+  var onTraceTypeChange = function onTraceTypeChange(id, value) {
+    var updatedTraces = traces.map(function (trace) {
+      var currentMapping = mapping.find(function (_ref2) {
+        var key = _ref2.key;
+        return value === key;
+      });
+
+      if (trace.id === id) {
+        return _objectSpread(_objectSpread({}, trace), currentMapping);
+      } else {
+        return trace;
+      }
+    });
+
+    _onChange('traces', updatedTraces);
+  };
+
+  var onTraceChange = function onTraceChange(id, key, value) {
+    var updatedTraces = traces.map(function (trace) {
+      if (trace.id === id) {
+        return _objectSpread(_objectSpread({}, trace), {}, _defineProperty({}, key, value));
+      } else {
+        return trace;
+      }
+    });
+
+    _onChange('traces', updatedTraces);
+  };
+
+  var addTrace = function addTrace() {
+    if (!traces || !traces.length) {
+      _onChange('traces', [_objectSpread({
+        id: uuid()
+      }, DEFAULT_TRACE_SETTINGS)]);
+    } else {
+      _onChange('traces', [].concat(_toConsumableArray(traces), [_objectSpread({
+        id: uuid()
+      }, DEFAULT_TRACE_SETTINGS)]));
+    }
+  };
+
+  var isMaxNumOftraces = traces && traces.length > MAX_TRACE_COUNT;
+
+  var showTraceSettings = function showTraceSettings(index) {
+    setSelectedTrace(traces[index]);
+    setIsTraceSettingsVisible(true);
+  };
+
+  var onTraceSettingsChange = function onTraceSettingsChange(key, value) {
+    setSelectedTrace(_objectSpread(_objectSpread({}, selectedTrace), {}, _defineProperty({}, key, value)));
+  };
+
+  var deleteTrace = function deleteTrace() {
+    var updatedTraces = traces.filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== selectedTrace.id;
+    });
+
+    _onChange('traces', updatedTraces);
+
+    setIsTraceSettingsVisible(false);
+  };
+
+  var saveTrace = function saveTrace() {
+    var updatedTraces = traces.map(function (trace) {
+      return trace.id === selectedTrace.id ? selectedTrace : trace;
+    });
+
+    _onChange('traces', updatedTraces);
+
+    setIsTraceSettingsVisible(false);
+  };
+
+  return /*#__PURE__*/jsxs(Grid, {
+    className: classes.container,
+    children: [/*#__PURE__*/jsx(FormControl, {
+      className: classes.input,
+      children: /*#__PURE__*/jsx(TextField, {
+        label: "Track Name",
+        value: name,
+        className: classes.input,
+        onChange: function onChange(_ref4) {
+          var value = _ref4.target.value;
+          return _onChange('name', value);
+        }
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.title,
+      children: "Traces: "
+    }), traces && !!traces.length && /*#__PURE__*/jsx("div", {
+      className: styles.tracesContainer,
+      children: traces.map(function (_ref5, index) {
+        var id = _ref5.id,
+            key = _ref5.key,
+            color = _ref5.color;
+        return /*#__PURE__*/jsxs("div", {
+          className: styles.tracesItem,
+          children: [/*#__PURE__*/jsx(TraceSelect, {
+            value: key,
+            onChange: function onChange(val) {
+              return onTraceTypeChange(id, val);
+            },
+            mapping: mapping
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.colorPicker,
+            children: /*#__PURE__*/jsx(ColorPicker, {
+              value: color,
+              onChange: function onChange(val) {
+                return onTraceChange(id, 'color', val);
+              },
+              hideLabel: true,
+              buttonClassName: classes.picker
+            })
+          }), /*#__PURE__*/jsx(IconButton, {
+            onClick: function onClick() {
+              return showTraceSettings(index);
+            },
+            className: classes.navBtn,
+            children: /*#__PURE__*/jsx(NavigateNextIcon, {
+              fontSize: "small",
+              className: classes.navIcon
+            })
+          })]
+        }, id);
+      })
+    }), !isMaxNumOftraces && /*#__PURE__*/jsxs(Button, {
+      color: "primary",
+      onClick: addTrace,
+      children: [/*#__PURE__*/jsx(AddIcon, {}), /*#__PURE__*/jsx("span", {
+        children: "Add Trace"
+      })]
+    }), /*#__PURE__*/jsx(Modal, {
+      open: isTraceSettingsVisible,
+      title: /*#__PURE__*/jsxs("div", {
+        className: styles.modalTitle,
+        children: [/*#__PURE__*/jsxs("span", {
+          className: styles.trackTitle,
+          onClick: saveTrace,
+          children: ["Track Settings /", ' ']
+        }), selectedTrace && selectedTrace.name || 'Empty Trace']
+      }),
+      actions: /*#__PURE__*/jsxs("div", {
+        className: styles.actions,
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: deleteTrace,
+          children: "Delete Trace"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: function onClick() {
+            return setIsTraceSettingsVisible(false);
+          },
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          variant: "contained",
+          color: "primary",
+          onClick: saveTrace,
+          children: "Save"
+        })]
+      }),
+      children: /*#__PURE__*/jsx(TraceSettings, {
+        traceSettings: selectedTrace,
+        onChange: onTraceSettingsChange,
+        mapping: mapping
+      })
+    })]
+  });
+};
+
+TrackSettings.propTypes = {
+  settings: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    traces: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired,
+  mapping: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    key: PropTypes.string.isRequired
+  }).isRequired).isRequired
+};
+var TrackSettings$1 = withStyles(function (_theme) {
+  return {
+    container: {
+      paddingTop: 20,
+      minWidth: 300
+    },
+    input: {
+      width: 200
+    },
+    picker: {
+      width: 36,
+      minWidth: 36,
+      height: 24
+    },
+    navBtn: {
+      position: 'absolute',
+      right: -10,
+      top: '50%',
+      transform: 'translate(0, -50%)'
+    },
+    navIcon: {
+      color: '#BDBDBD'
+    },
+    button: {
+      fontSize: 14,
+      marginLeft: 20
+    }
+  };
+})(TrackSettings);
+
+export default TrackSettings$1;
+//# sourceMappingURL=TrackSettings.js.map

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

@@ -1 +1,16 @@
-var e="parameterChart",a={name:"New Track",traces:[]},r={traceType:"line",dashStyle:"Solid",lineColor:"#ccc",lineWidth:1,autoScale:!0},t=10;export{r as DEFAULT_TRACE_SETTINGS,a as DEFAULT_TRACK_SETTINGS,t as MAX_TRACE_COUNT,e as SETTINGS_KEY};
+var SETTINGS_KEY = 'parameterChart';
+var DEFAULT_TRACK_SETTINGS = {
+  name: 'New Track',
+  traces: []
+};
+var DEFAULT_TRACE_SETTINGS = {
+  traceType: 'line',
+  dashStyle: 'Solid',
+  lineColor: '#ccc',
+  lineWidth: 1,
+  autoScale: true
+};
+var MAX_TRACE_COUNT = 10;
+
+export { DEFAULT_TRACE_SETTINGS, DEFAULT_TRACK_SETTINGS, MAX_TRACE_COUNT, SETTINGS_KEY };
+//# sourceMappingURL=constants.js.map

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

@@ -1 +1,44 @@
-import{get as n}from"lodash";import{convertValue as t}from"../../../utils/convert.js";var r=function(r){var e=r.mapping,i=r.data,a=r.indexesKeys;return e.reduce((function(r,e){var o=e.key,u=e.unit,c=e.unitType,m=e.collection,p="".concat(m,".").concat(o),s=a[m],d=1/0,f=-1/0;return r[p]={},i[m]&&(r[p].data=i[m].map((function(r){var e=t(n(r,o),c,u);return Number.isFinite(e)&&(e>f&&(f=e),e<d&&(d=e)),[t(n(r,s.key),s.unitType,s.unit),e]})),r[p].min=d,r[p].max=f),r}),{})};export{r as convertData};
+import { get } from 'lodash';
+import { convertValue } from '../../../utils/convert.js';
+
+var convertData = function convertData(_ref) {
+  var mapping = _ref.mapping,
+      data = _ref.data,
+      indexesKeys = _ref.indexesKeys;
+  return mapping.reduce(function (acc, _ref2) {
+    var key = _ref2.key,
+        unit = _ref2.unit,
+        unitType = _ref2.unitType,
+        collection = _ref2.collection;
+    var dataKey = "".concat(collection, ".").concat(key);
+    var index = indexesKeys[collection];
+    var min = Infinity;
+    var max = -Infinity;
+    acc[dataKey] = {};
+
+    if (data[collection]) {
+      acc[dataKey].data = data[collection].map(function (item) {
+        var val = convertValue(get(item, key), unitType, unit);
+
+        if (Number.isFinite(val)) {
+          if (val > max) {
+            max = val;
+          }
+
+          if (val < min) {
+            min = val;
+          }
+        }
+
+        return [convertValue(get(item, index.key), index.unitType, index.unit), val];
+      });
+      acc[dataKey].min = min;
+      acc[dataKey].max = max;
+    }
+
+    return acc;
+  }, {});
+};
+
+export { convertData };
+//# sourceMappingURL=dataParser.js.map

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

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={containerLarge:"PinnableFilters_containerLarge__HlHk-",containerLargeTopright:"PinnableFilters_containerLargeTopright__5O3XY",containerMedium:"PinnableFilters_containerMedium__UJyYm",containerMediumTop:"PinnableFilters_containerMediumTop__8AYOD",containerMediumTopright:"PinnableFilters_containerMediumTopright__uWjrK",containerMediumBottom:"PinnableFilters_containerMediumBottom__omJHC",containerSmall:"PinnableFilters_containerSmall__vHCZw",containerSmallTop:"PinnableFilters_containerSmallTop__f2ksN",containerSmallMiddle:"PinnableFilters_containerSmallMiddle__cWqNa",containerSmallBottom:"PinnableFilters_containerSmallBottom__4Yvda",containerPopper:"PinnableFilters_containerPopper__2d-E7",containerButtonsWrapper:"PinnableFilters_containerButtonsWrapper__Gy6Ej"};e(".PinnableFilters_containerLarge__HlHk-{align-items:center;display:flex;justify-content:space-between}.PinnableFilters_containerLargeTopright__5O3XY{align-items:center;display:flex}.PinnableFilters_containerMedium__UJyYm{display:flex;flex-direction:column}.PinnableFilters_containerMediumTop__8AYOD{align-items:center;display:flex;justify-content:space-between}.PinnableFilters_containerMediumTopright__uWjrK{align-items:center;display:flex}.PinnableFilters_containerMediumBottom__omJHC{align-items:center;display:flex;flex-wrap:wrap}.PinnableFilters_containerMediumBottom__omJHC>div{margin-bottom:8px}.PinnableFilters_containerSmall__vHCZw{display:flex;flex-direction:column}.PinnableFilters_containerSmallTop__f2ksN{align-items:center;display:flex;justify-content:space-between}.PinnableFilters_containerSmallMiddle__cWqNa{align-items:center;display:flex;flex-wrap:wrap}.PinnableFilters_containerSmallBottom__4Yvda{align-items:center;display:flex;justify-content:flex-end}.PinnableFilters_containerPopper__2d-E7{display:flex;flex-direction:column;padding:1rem 1rem 0}.PinnableFilters_containerPopper__2d-E7>div{margin-bottom:16px}.PinnableFilters_containerButtonsWrapper__Gy6Ej{display:flex}");export{n as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".PinnableFilters_containerLarge__2N-0u {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerLargeTopright__2z6vr {\n  display: flex;\n  align-items: center;\n}\n\n.PinnableFilters_containerMedium__2eW5P {\n  display: flex;\n  flex-direction: column;\n}\n\n.PinnableFilters_containerMediumTop__2PnYj {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerMediumTopright__20BVr {\n  display: flex;\n  align-items: center;\n}\n\n.PinnableFilters_containerMediumBottom__1-dhI {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.PinnableFilters_containerMediumBottom__1-dhI > div {\n  margin-bottom: 8px;\n}\n\n.PinnableFilters_containerSmall__1SKA7 {\n  display: flex;\n  flex-direction: column;\n}\n\n.PinnableFilters_containerSmallTop__13zKd {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerSmallMiddle__3BB2h {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.PinnableFilters_containerSmallBottom__3UHWG {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.PinnableFilters_containerPopper__3KvUL {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 1rem 0 1rem;\n}\n\n.PinnableFilters_containerPopper__3KvUL > div {\n  margin-bottom: 16px;\n}\n\n.PinnableFilters_containerButtonsWrapper__3eO4A {\n  display: flex;\n}\n";
+var styles = {"containerLarge":"PinnableFilters_containerLarge__2N-0u","containerLargeTopright":"PinnableFilters_containerLargeTopright__2z6vr","containerMedium":"PinnableFilters_containerMedium__2eW5P","containerMediumTop":"PinnableFilters_containerMediumTop__2PnYj","containerMediumTopright":"PinnableFilters_containerMediumTopright__20BVr","containerMediumBottom":"PinnableFilters_containerMediumBottom__1-dhI","containerSmall":"PinnableFilters_containerSmall__1SKA7","containerSmallTop":"PinnableFilters_containerSmallTop__13zKd","containerSmallMiddle":"PinnableFilters_containerSmallMiddle__3BB2h","containerSmallBottom":"PinnableFilters_containerSmallBottom__3UHWG","containerPopper":"PinnableFilters_containerPopper__3KvUL","containerButtonsWrapper":"PinnableFilters_containerButtonsWrapper__3eO4A"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=PinnableFilters.css.js.map

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

@@ -1 +1,247 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import i from"@babel/runtime/helpers/slicedToArray";import{useState as n}from"react";import o from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as a,Popover as l}from"@material-ui/core";import{withStyles as c}from"@material-ui/core/styles";import s from"./components/FiltersToggler.js";import d from"./components/PinAppSwitch.js";import{useComonentsWidth as p,useAppFilterTogglerWidth as m,useFilterLayout as u}from"./effects/index.js";import{getStartComponent as h,getMiddleComponent as f,getEndComponents as b}from"./utils.js";import{LARGE_SIZE_LAYOUT as v,MEDIUM_SIZE_LAYOUT as P,SMALL_SIZE_LAYOUT as O}from"./constants.js";import y from"./PinnableFilters.css.js";import{jsxs as j,jsx as g}from"react/jsx-runtime";var w=["children"];function N(e,r){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),i.push.apply(i,n)}return i}function S(r){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?N(Object(n),!0).forEach((function(i){e(r,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function k(e){var r=e.children,o=e.classes,t=e.appWidth,c=e.isPinnedInitial,w=e.isShownInitial,N=e.onShowCallback,S=e.onPinCallback,k=n(null),C=i(k,2),M=C[0],T=C[1],B=n(c),W=i(B,2),I=W[0],E=W[1],q=n(w),z=i(q,2),D=z[0],L=z[1],R=n(!1),x=i(R,2),A=x[0],F=x[1],G=function(e){L(e),N&&N(e)},H=p(r),J=m(),K=u(r,H,J,t),Q=h(r),U=f(r),V=b(r),X=function(e){I?G(!D):T(e.currentTarget)},Y=function(){var e,r=!I;r&&(T(null),G(!0)),E(e=r),S&&S(e)};return j("div",{style:{width:"100%"},children:[g(a,{timeout:10,in:K===v,children:j("div",{className:y.containerLarge,children:[g("div",{children:Q}),j("div",{className:y.containerLargeTopright,children:[U,V]})]})}),g(a,{timeout:10,in:K===P,children:j("div",{className:y.containerMedium,children:[j("div",{className:y.containerMediumTop,children:[j("div",{className:y.containerButtonsWrapper,onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)},children:[g(s,{onClick:X}),(A||I||Boolean(M))&&g(d,{isPinned:I,onClick:Y})]}),j("div",{className:y.containerMediumTopright,children:[U,V]})]}),g(a,{timeout:100,in:I&&D,children:g("div",{className:y.containerMediumBottom,children:Q})})]})}),g(a,{timeout:10,in:K===O,children:j("div",{className:y.containerSmall,children:[j("div",{className:y.containerSmallTop,children:[j("div",{className:y.containerButtonsWrapper,onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)},children:[g(s,{onClick:X}),(A||I||Boolean(M))&&g(d,{isPinned:I,onClick:Y})]}),g("div",{children:V})]}),g(a,{timeout:100,in:I&&D,children:g("div",{className:y.containerSmallMiddle,children:Q})}),g("div",{className:y.containerSmallBottom,children:U})]})}),g(l,{id:"filters-popper",classes:{paper:o.paper},open:Boolean(M),anchorEl:M,onClose:function(){T(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:g("div",{className:y.containerPopper,children:Q})})]})}k.propTypes={classes:o.shape({}).isRequired,appWidth:o.number.isRequired,children:o.arrayOf(o.node).isRequired,isPinnedInitial:o.bool,isShownInitial:o.bool,onShowCallback:o.func,onPinCallback:o.func},k.defaultProps={isPinnedInitial:!1,isShownInitial:!1,onShowCallback:void 0,onPinCallback:void 0};var C=c({paper:{backgroundColor:"#414141"}})(k);function M(e){var i=e.children,n=r(e,w);return g(t,{monitorWidth:!0,children:function(e){var r=e.size;return g(C,S(S({appWidth:r.width-21},n),{},{children:i}))}})}M.propTypes={children:o.arrayOf(o.node).isRequired};export{M as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Collapse, Popover } from '@material-ui/core';
+import { useState } from 'react';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { SizeMe } from 'react-sizeme';
+import FiltersToggler from './components/FiltersToggler.js';
+import PinAppSwitch from './components/PinAppSwitch.js';
+import { getStartComponent, getMiddleComponent, getEndComponents } from './utils.js';
+import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants.js';
+import { useComonentsWidth, useAppFilterTogglerWidth, useFilterLayout } from './effects/index.js';
+import styles from './PinnableFilters.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var muiStyles = {
+  paper: {
+    backgroundColor: '#414141'
+  }
+};
+
+function PinnableFilters(_ref) {
+  var children = _ref.children,
+      classes = _ref.classes,
+      appWidth = _ref.appWidth,
+      isPinnedInitial = _ref.isPinnedInitial,
+      isShownInitial = _ref.isShownInitial,
+      onShowCallback = _ref.onShowCallback,
+      onPinCallback = _ref.onPinCallback;
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      anchorEl = _useState2[0],
+      setAnchorEl = _useState2[1];
+
+  var _useState3 = useState(isPinnedInitial),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isPinned = _useState4[0],
+      setIsPinned = _useState4[1];
+
+  var _useState5 = useState(isShownInitial),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isShown = _useState6[0],
+      setIsShown = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      showPin = _useState8[0],
+      setShowPin = _useState8[1];
+
+  var handleChangePinned = function handleChangePinned(value) {
+    setIsPinned(value);
+    if (onPinCallback) onPinCallback(value);
+  };
+
+  var handleChangeShown = function handleChangeShown(value) {
+    setIsShown(value);
+    if (onShowCallback) onShowCallback(value);
+  }; // NOTE: Calcualte width of each components
+
+
+  var componentsWidth = useComonentsWidth(children); // NOTE: Calculate app filter toggler width
+
+  var appFilterTogglerWidth = useAppFilterTogglerWidth(); // NOTE: Determine layout to be shown based on the calculated width
+
+  var layout = useFilterLayout(children, componentsWidth, appFilterTogglerWidth, appWidth);
+  var filtersComponent = getStartComponent(children);
+  var goalComponent = getMiddleComponent(children);
+  var switchComponent = getEndComponents(children);
+
+  var handleOpen = function handleOpen(e) {
+    if (isPinned) {
+      handleChangeShown(!isShown);
+    } else {
+      setAnchorEl(e.currentTarget);
+    }
+  };
+
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+
+  var handlePinClick = function handlePinClick() {
+    var newPinState = !isPinned;
+
+    if (newPinState) {
+      setAnchorEl(null);
+      handleChangeShown(true);
+    }
+
+    handleChangePinned(newPinState);
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/jsx(Collapse, {
+      timeout: 10,
+      in: layout === LARGE_SIZE_LAYOUT,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.containerLarge,
+        children: [/*#__PURE__*/jsx("div", {
+          children: filtersComponent
+        }), /*#__PURE__*/jsxs("div", {
+          className: styles.containerLargeTopright,
+          children: [goalComponent, switchComponent]
+        })]
+      })
+    }), /*#__PURE__*/jsx(Collapse, {
+      timeout: 10,
+      in: layout === MEDIUM_SIZE_LAYOUT,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.containerMedium,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: styles.containerMediumTop,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: styles.containerButtonsWrapper,
+            onMouseEnter: function onMouseEnter() {
+              return setShowPin(true);
+            },
+            onMouseLeave: function onMouseLeave() {
+              return setShowPin(false);
+            },
+            children: [/*#__PURE__*/jsx(FiltersToggler, {
+              onClick: handleOpen
+            }), (showPin || isPinned || Boolean(anchorEl)) && /*#__PURE__*/jsx(PinAppSwitch, {
+              isPinned: isPinned,
+              onClick: handlePinClick
+            })]
+          }), /*#__PURE__*/jsxs("div", {
+            className: styles.containerMediumTopright,
+            children: [goalComponent, switchComponent]
+          })]
+        }), /*#__PURE__*/jsx(Collapse, {
+          timeout: 100,
+          in: isPinned && isShown,
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.containerMediumBottom,
+            children: filtersComponent
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(Collapse, {
+      timeout: 10,
+      in: layout === SMALL_SIZE_LAYOUT,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.containerSmall,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: styles.containerSmallTop,
+          children: [/*#__PURE__*/jsxs("div", {
+            className: styles.containerButtonsWrapper,
+            onMouseEnter: function onMouseEnter() {
+              return setShowPin(true);
+            },
+            onMouseLeave: function onMouseLeave() {
+              return setShowPin(false);
+            },
+            children: [/*#__PURE__*/jsx(FiltersToggler, {
+              onClick: handleOpen
+            }), (showPin || isPinned || Boolean(anchorEl)) && /*#__PURE__*/jsx(PinAppSwitch, {
+              isPinned: isPinned,
+              onClick: handlePinClick
+            })]
+          }), /*#__PURE__*/jsx("div", {
+            children: switchComponent
+          })]
+        }), /*#__PURE__*/jsx(Collapse, {
+          timeout: 100,
+          in: isPinned && isShown,
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.containerSmallMiddle,
+            children: filtersComponent
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: styles.containerSmallBottom,
+          children: goalComponent
+        })]
+      })
+    }), /*#__PURE__*/jsx(Popover, {
+      id: "filters-popper",
+      classes: {
+        paper: classes.paper
+      },
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.containerPopper,
+        children: filtersComponent
+      })
+    })]
+  });
+}
+
+PinnableFilters.propTypes = {
+  classes: PropTypes.shape({}).isRequired,
+  appWidth: PropTypes.number.isRequired,
+  children: PropTypes.arrayOf(PropTypes.node).isRequired,
+  isPinnedInitial: PropTypes.bool,
+  isShownInitial: PropTypes.bool,
+  onShowCallback: PropTypes.func,
+  onPinCallback: PropTypes.func
+};
+PinnableFilters.defaultProps = {
+  isPinnedInitial: false,
+  isShownInitial: false,
+  onShowCallback: undefined,
+  onPinCallback: undefined
+};
+var StyledPinnableFilters = withStyles(muiStyles)(PinnableFilters);
+
+function WithSizeMe(_ref2) {
+  var _children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, ["children"]);
+
+  return /*#__PURE__*/jsx(SizeMe, {
+    monitorWidth: true,
+    children: function children(_ref3) {
+      var size = _ref3.size;
+      return /*#__PURE__*/jsx(StyledPinnableFilters, _objectSpread(_objectSpread({
+        appWidth: size.width - 21
+      }, props), {}, {
+        children: _children
+      }));
+    }
+  });
+}
+
+WithSizeMe.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.node).isRequired
+};
+
+export default WithSizeMe;
+//# sourceMappingURL=PinnableFilters.js.map