@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/ParameterCharts/utils/dataParser.js

@@ -1,39 +1 @@
-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
+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};

package/components/PinnableFilters/PinnableFilters.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".PinnableFilters_containerLarge__HlHk- {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerLargeTopright__5O3XY {\n  display: flex;\n  align-items: center;\n}\n\n.PinnableFilters_containerMedium__UJyYm {\n  display: flex;\n  flex-direction: column;\n}\n\n.PinnableFilters_containerMediumTop__8AYOD {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerMediumTopright__uWjrK {\n  display: flex;\n  align-items: center;\n}\n\n.PinnableFilters_containerMediumBottom__omJHC {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.PinnableFilters_containerMediumBottom__omJHC > div {\n  margin-bottom: 8px;\n}\n\n.PinnableFilters_containerSmall__vHCZw {\n  display: flex;\n  flex-direction: column;\n}\n\n.PinnableFilters_containerSmallTop__f2ksN {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.PinnableFilters_containerSmallMiddle__cWqNa {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.PinnableFilters_containerSmallBottom__4Yvda {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.PinnableFilters_containerPopper__2d-E7 {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem 1rem 0 1rem;\n}\n\n.PinnableFilters_containerPopper__2d-E7 > div {\n  margin-bottom: 16px;\n}\n\n.PinnableFilters_containerButtonsWrapper__Gy6Ej {\n  display: flex;\n}\n";
-var styles = {"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"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=PinnableFilters.css.js.map
+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};

package/components/PinnableFilters/PinnableFilters.js

@@ -1,232 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import { SizeMe } from 'react-sizeme';
-import { Collapse, Popover } from '@material-ui/core';
-import { withStyles } from '@material-ui/core/styles';
-import FiltersToggler from './components/FiltersToggler.js';
-import PinAppSwitch from './components/PinAppSwitch.js';
-import { useComonentsWidth, useAppFilterTogglerWidth, useFilterLayout } from './effects/index.js';
-import { getStartComponent, getMiddleComponent, getEndComponents } from './utils.js';
-import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants.js';
-import styles from './PinnableFilters.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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, _excluded);
-  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 { WithSizeMe as default };
-//# sourceMappingURL=PinnableFilters.js.map
+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};

package/components/PinnableFilters/components/FiltersToggler.js

@@ -1,37 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import SortIcon from '@material-ui/icons/Sort';
-import { withStyles } from '@material-ui/core/styles';
-import Button from '../../Button/index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var muiStyles = function muiStyles(theme) {
-  return {
-    button: _objectSpread(_objectSpread({}, theme.isLightTheme ? {
-      color: 'black'
-    } : {}), {}, {
-      marginRight: theme.spacing()
-    })
-  };
-};
-function FiltersToggler(_ref) {
-  var onClick = _ref.onClick,
-    classes = _ref.classes;
-  return /*#__PURE__*/jsx("div", {
-    onClick: onClick,
-    children: /*#__PURE__*/jsx(Button, {
-      className: classes.button,
-      startIcon: /*#__PURE__*/jsx(SortIcon, {}),
-      children: "Filters"
-    })
-  });
-}
-FiltersToggler.propTypes = {
-  onClick: PropTypes.func.isRequired
-};
-var FiltersToggler$1 = withStyles(muiStyles)(FiltersToggler);
-
-export { FiltersToggler$1 as default };
-//# sourceMappingURL=FiltersToggler.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import t from"@material-ui/icons/Sort";import{withStyles as o}from"@material-ui/core/styles";import n from"../../Button/index.js";import{jsx as i}from"react/jsx-runtime";function c(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function s(r){var e=r.onClick,o=r.classes;return i("div",{onClick:e,children:i(n,{className:o.button,startIcon:i(t,{}),children:"Filters"})})}s.propTypes={onClick:e.func.isRequired};var a=o((function(r){return{button:p(p({},r.isLightTheme?{color:"black"}:{}),{},{marginRight:r.spacing()})}}))(s);export{a as default};

package/components/PinnableFilters/components/PinAppSwitch.js

@@ -1,68 +1 @@
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import { Tooltip, Typography } from '@material-ui/core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var pinIcon = "/static/media/8c46f4027d283b5424dea0e75f546378.svg";
-var muiStyles = {
-  container: {
-    display: 'flex',
-    alignItems: 'center',
-    cursor: 'pointer',
-    margin: 'auto',
-    color: '#999999'
-  },
-  icon: {
-    marginRight: '6px'
-  },
-  label: {
-    fontSize: '10px',
-    lineHeight: '14px'
-  }
-};
-var StyledTooltip = withStyles({
-  tooltip: {
-    backgroundColor: 'rgba(59, 59, 59, 0.9)',
-    color: '#ffffff',
-    fontSize: '11px',
-    fontWeight: 500,
-    lineHeight: '16px',
-    borderRadius: '4px'
-  }
-})(Tooltip);
-function PinAppSwitch(_ref) {
-  var isPinned = _ref.isPinned,
-    onClick = _ref.onClick,
-    classes = _ref.classes;
-  return /*#__PURE__*/jsx(StyledTooltip, {
-    title: isPinned ? 'Unpin Filters' : 'Pin Filters',
-    enterTouchDelay: 10,
-    children: /*#__PURE__*/jsx("div", {
-      onClick: onClick,
-      className: classes.container,
-      style: {
-        alignSelf: isPinned ? 'flex-end' : 'flex-start'
-      },
-      children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("img", {
-          src: pinIcon,
-          alt: "Pin icon",
-          className: classes.icon
-        }), /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          className: classes.label,
-          children: isPinned ? 'Unpin' : 'Pin'
-        })]
-      })
-    })
-  });
-}
-PinAppSwitch.propTypes = {
-  isPinned: PropTypes.bool.isRequired,
-  classes: PropTypes.shape({}).isRequired,
-  onClick: PropTypes.func.isRequired
-};
-var PinAppSwitch$1 = withStyles(muiStyles)(PinAppSwitch);
-
-export { PinAppSwitch$1 as default };
-//# sourceMappingURL=PinAppSwitch.js.map
+import e from"prop-types";import{withStyles as i}from"@material-ui/core/styles";import{Tooltip as r,Typography as n}from"@material-ui/core";import{jsx as o,jsxs as t,Fragment as a}from"react/jsx-runtime";var l=i({tooltip:{backgroundColor:"rgba(59, 59, 59, 0.9)",color:"#ffffff",fontSize:"11px",fontWeight:500,lineHeight:"16px",borderRadius:"4px"}})(r);function s(e){var i=e.isPinned,r=e.onClick,s=e.classes;return o(l,{title:i?"Unpin Filters":"Pin Filters",enterTouchDelay:10,children:o("div",{onClick:r,className:s.container,style:{alignSelf:i?"flex-end":"flex-start"},children:t(a,{children:[o("img",{src:"/static/media/8c46f4027d283b5424dea0e75f546378.svg",alt:"Pin icon",className:s.icon}),o(n,{variant:"body2",className:s.label,children:i?"Unpin":"Pin"})]})})})}s.propTypes={isPinned:e.bool.isRequired,classes:e.shape({}).isRequired,onClick:e.func.isRequired};var c=i({container:{display:"flex",alignItems:"center",cursor:"pointer",margin:"auto",color:"#999999"},icon:{marginRight:"6px"},label:{fontSize:"10px",lineHeight:"14px"}})(s);export{c as default};

package/components/PinnableFilters/constants.js

@@ -1,6 +1 @@
-var LARGE_SIZE_LAYOUT = 0;
-var MEDIUM_SIZE_LAYOUT = 1;
-var SMALL_SIZE_LAYOUT = 2;
-
-export { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT };
-//# sourceMappingURL=constants.js.map
+var r=0,a=1,e=2;export{r as LARGE_SIZE_LAYOUT,a as MEDIUM_SIZE_LAYOUT,e as SMALL_SIZE_LAYOUT};

package/components/PinnableFilters/effects/index.js

@@ -1,163 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
-import { isEqual } from 'lodash';
-import { MuiThemeProvider } from '@material-ui/core/styles';
-import { MuiPickersUtilsProvider } from '@material-ui/pickers';
-import MomentUtils from '@date-io/moment';
-import moment from 'moment';
-import { darkTheme } 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 '@babel/runtime/helpers/typeof';
-import '../../../config/mapbox/index.js';
-import FiltersToggler from '../components/FiltersToggler.js';
-import { getStartComponent, getMiddleComponent, getEndComponents } from '../utils.js';
-import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from '../constants.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function useFilterLayout(components, componentsWidth, appFilterTogglerWidth, appWidth) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    layout = _useState2[0],
-    setLayout = _useState2[1];
-  useEffect(function () {
-    if (!appWidth || !componentsWidth) {
-      return;
-    }
-    var filtersComponent = getStartComponent(components);
-    var goalComponent = getMiddleComponent(components);
-    var switchComponent = getEndComponents(components);
-    var hasFiltersOnly = filtersComponent && !goalComponent && !switchComponent;
-    var hasFiltersAndGoals = filtersComponent && goalComponent && !switchComponent;
-    var hasFiltersAndSwitch = filtersComponent && !goalComponent && switchComponent;
-    var hasAll = filtersComponent && goalComponent && switchComponent;
-    if (hasFiltersOnly) {
-      var filtersWidth = componentsWidth[filtersComponent.key];
-      if (filtersWidth <= appWidth) {
-        setLayout(LARGE_SIZE_LAYOUT);
-        return;
-      }
-      if (filtersWidth <= appWidth / 2) {
-        setLayout(MEDIUM_SIZE_LAYOUT);
-        return;
-      }
-    } else if (hasFiltersAndGoals || hasFiltersAndSwitch) {
-      var startWidth = componentsWidth[filtersComponent.key];
-      var endWidth = hasFiltersAndGoals ? componentsWidth[goalComponent.key] : componentsWidth[switchComponent.key];
-      if (startWidth + endWidth <= appWidth) {
-        setLayout(LARGE_SIZE_LAYOUT);
-        return;
-      }
-      if (appFilterTogglerWidth + endWidth <= appWidth) {
-        setLayout(MEDIUM_SIZE_LAYOUT);
-        return;
-      }
-    } else if (hasAll) {
-      var _startWidth = componentsWidth[filtersComponent.key];
-      var middleWidth = componentsWidth[goalComponent.key];
-      var _endWidth = componentsWidth[switchComponent.key];
-      if (_startWidth + middleWidth + _endWidth <= appWidth) {
-        setLayout(LARGE_SIZE_LAYOUT);
-        return;
-      }
-      if (appFilterTogglerWidth + middleWidth + _endWidth <= appWidth) {
-        setLayout(MEDIUM_SIZE_LAYOUT);
-        return;
-      }
-      if (appFilterTogglerWidth + _endWidth <= appWidth) {
-        setLayout(SMALL_SIZE_LAYOUT);
-        return;
-      }
-    }
-    setLayout(SMALL_SIZE_LAYOUT);
-  }, [componentsWidth, appWidth]);
-  return layout;
-}
-
-// NOTE: Calculate the width of child components here
-function useComonentsWidth(components) {
-  var widthRef = useRef({});
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    widthDict = _useState4[0],
-    setWidthDict = _useState4[1];
-  var prevComponentsRef = useRef({});
-
-  // NOTE: Calcualte width of each components
-  useEffect(function () {
-    var validComponents = components.filter(function (component) {
-      return !!component;
-    });
-
-    // NOTE: Don't calcuate width again
-    if (isEqual(validComponents, prevComponentsRef.current)) {
-      return;
-    }
-    widthRef.current = {};
-    validComponents.forEach(function (component) {
-      var element = document.createElement('div');
-      element.style.position = 'absolute';
-      element.style.visibility = 'hidden';
-      document.body.appendChild(element);
-      if (component) {
-        ReactDOM.render( /*#__PURE__*/jsx(MuiThemeProvider, {
-          theme: darkTheme,
-          children: /*#__PURE__*/jsx(MuiPickersUtilsProvider, {
-            libInstance: moment,
-            utils: MomentUtils,
-            children: component
-          })
-        }), element, function () {
-          var dims = element.getBoundingClientRect();
-          element.remove();
-          widthRef.current = _objectSpread(_objectSpread({}, widthRef.current), {}, _defineProperty({}, component.key, dims.width));
-          if (Object.values(widthRef.current).length === validComponents.length) {
-            if (!isEqual(widthDict, widthRef.current)) {
-              setWidthDict(widthRef.current);
-            }
-          }
-        });
-      }
-    });
-    prevComponentsRef.current = validComponents;
-  });
-  return widthDict;
-}
-
-// NOTE: Calculate the width of Toggler Component
-function useAppFilterTogglerWidth() {
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    width = _useState6[0],
-    setWidth = _useState6[1];
-  useEffect(function () {
-    var element = document.createElement('div');
-    element.style.position = 'absolute';
-    element.style.visibility = 'hidden';
-    document.body.appendChild(element);
-    ReactDOM.render( /*#__PURE__*/jsx(MuiThemeProvider, {
-      theme: darkTheme,
-      children: /*#__PURE__*/jsx(FiltersToggler, {})
-    }), element, function () {
-      var dims = element.getBoundingClientRect();
-      element.remove();
-      setWidth(dims.width);
-    });
-  }, []);
-  return width;
-}
-
-export { useAppFilterTogglerWidth, useComonentsWidth, useFilterLayout };
-//# sourceMappingURL=index.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as i,useRef as o}from"react";import n from"react-dom";import{isEqual as m}from"lodash";import{MuiThemeProvider as c}from"@material-ui/core/styles";import{MuiPickersUtilsProvider as u}from"@material-ui/pickers";import l from"@date-io/moment";import s from"moment";import{darkTheme as a}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"@babel/runtime/helpers/typeof";import"../../../config/mapbox/index.js";import p from"../components/FiltersToggler.js";import{getStartComponent as h,getMiddleComponent as f,getEndComponents as d}from"../utils.js";import{LARGE_SIZE_LAYOUT as b,MEDIUM_SIZE_LAYOUT as g,SMALL_SIZE_LAYOUT as y}from"../constants.js";import{jsx as v}from"react/jsx-runtime";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,o,n,m){var c=t(null),u=e(c,2),l=u[0],s=u[1];return i((function(){if(m&&o){var e=h(r),t=f(r),i=d(r),c=e&&t&&!i,u=e&&!t&&i,l=e&&t&&i;if(e&&!t&&!i){var a=o[e.key];if(a<=m)return void s(b);if(a<=m/2)return void s(g)}else if(c||u){var p=o[e.key],v=c?o[t.key]:o[i.key];if(p+v<=m)return void s(b);if(n+v<=m)return void s(g)}else if(l){var j=o[e.key],O=o[t.key],k=o[i.key];if(j+O+k<=m)return void s(b);if(n+O+k<=m)return void s(g);if(n+k<=m)return void s(y)}s(y)}}),[o,m]),l}function P(p){var h=o({}),f=t(null),d=e(f,2),b=d[0],g=d[1],y=o({});return i((function(){var e=p.filter((function(r){return!!r}));m(e,y.current)||(h.current={},e.forEach((function(t){var i=document.createElement("div");i.style.position="absolute",i.style.visibility="hidden",document.body.appendChild(i),t&&n.render(v(c,{theme:a,children:v(u,{libInstance:s,utils:l,children:t})}),i,(function(){var o=i.getBoundingClientRect();i.remove(),h.current=O(O({},h.current),{},r({},t.key,o.width)),Object.values(h.current).length===e.length&&(m(b,h.current)||g(h.current))}))})),y.current=e)})),b}function w(){var r=t(null),o=e(r,2),m=o[0],u=o[1];return i((function(){var r=document.createElement("div");r.style.position="absolute",r.style.visibility="hidden",document.body.appendChild(r),n.render(v(c,{theme:a,children:v(p,{})}),r,(function(){var e=r.getBoundingClientRect();r.remove(),u(e.width)}))}),[]),m}export{w as useAppFilterTogglerWidth,P as useComonentsWidth,k as useFilterLayout};

package/components/PinnableFilters/utils.js

@@ -1,19 +1 @@
-// NOTE: Get components based on "key" props specified
-function getStartComponent(components) {
-  return components.find(function (item) {
-    return item && item.key && (item.key.includes('filter') || item.key.includes('start'));
-  });
-}
-function getMiddleComponent(components) {
-  return components.find(function (item) {
-    return item && item.key && (item.key.includes('goal') || item.key.includes('middle'));
-  });
-}
-function getEndComponents(components) {
-  return components.find(function (item) {
-    return item && item.key && (item.key.includes('switch') || item.key.includes('end'));
-  });
-}
-
-export { getEndComponents, getMiddleComponent, getStartComponent };
-//# sourceMappingURL=utils.js.map
+function n(n){return n.find((function(n){return n&&n.key&&(n.key.includes("filter")||n.key.includes("start"))}))}function e(n){return n.find((function(n){return n&&n.key&&(n.key.includes("goal")||n.key.includes("middle"))}))}function i(n){return n.find((function(n){return n&&n.key&&(n.key.includes("switch")||n.key.includes("end"))}))}export{i as getEndComponents,e as getMiddleComponent,n as getStartComponent};