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

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

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

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,SAAS,CAAGC,KAAK,EAAA;EAAA,OAAK;AAC1BC,IAAAA,MAAM,EACAD,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAACE,YAAY,GAAG;AAAEC,MAAAA,KAAK,EAAE,OAAA;KAAQ,GAAI,EAAE,CAAA,EAAA,EAAA,EAAA;MAEhDC,WAAW,EAAEJ,KAAK,CAACK,OAAO,EAAA;AAAE,KAAA,CAAA;GAE/B,CAAA;AAAA,CAAC,CAAA;AAEF,SAASC,cAAc,CAAuB,IAAA,EAAA;EAAA,IAApBC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;EACxC,oBACEC,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,OAAO,EAAEF,OAAQ;AAAA,IAAA,QAAA,eACpBE,IAAC,MAAM,EAAA;MAAC,SAAS,EAAED,OAAO,CAACP,MAAO;MAAC,SAAS,eAAEQ,GAAC,CAAA,QAAQ,EAAI,EAAA,CAAA;AAAA,MAAA,QAAA,EAAA,SAAA;AAAA,KAAA,CAAA;GAGvD,CAAA,CAAA;AAEV,CAAA;AAEAH,cAAc,CAACI,SAAS,GAAG;AACzBH,EAAAA,OAAO,EAAEI,SAAS,CAACC,IAAI,CAACC,UAAAA;AAC1B,CAAC,CAAA;AACD,uBAAeC,UAAU,CAACf,SAAS,CAAC,CAACO,cAAc,CAAC;;;;"}

package/components/PinnableFilters/components/PinAppSwitch.js

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

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","_Fragment","pinIcon","propTypes","PropTypes","bool","isRequired","shape","func"],"mappings":";;;;;AAEwD,IAAA,OAAA,GAAA,oDAAA,CAAA;AAGxD,IAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,SAAA;GACR;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,WAAW,EAAE,KAAA;GACd;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAA;AACd,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,aAAa,GAAGC,UAAU,CAAC;AAC/BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAE,uBAAuB;AACxCT,IAAAA,KAAK,EAAE,SAAS;AAChBI,IAAAA,QAAQ,EAAE,MAAM;AAChBM,IAAAA,UAAU,EAAE,GAAG;AACfL,IAAAA,UAAU,EAAE,MAAM;AAClBM,IAAAA,YAAY,EAAE,KAAA;AAChB,GAAA;AACF,CAAC,CAAC,CAACC,OAAO,CAAC,CAAA;AAEX,SAASC,YAAY,CAAiC,IAAA,EAAA;EAAA,IAA9BC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AAChD,EAAA,oBACEC,IAAC,aAAa,EAAA;AAAC,IAAA,KAAK,EAAEH,QAAQ,GAAG,eAAe,GAAG,aAAc;AAAC,IAAA,eAAe,EAAE,EAAG;IAAA,QACpF,eAAAG,GAAA,CAAA,KAAA,EAAA;AACE,MAAA,OAAO,EAAEF,OAAQ;MACjB,SAAS,EAAEC,OAAO,CAACrB,SAAU;AAC7B,MAAA,KAAK,EAAE;AAAEuB,QAAAA,SAAS,EAAEJ,QAAQ,GAAG,UAAU,GAAG,YAAA;OAAe;MAAA,QAE3D,eAAAK,IAAA,CAAAC,QAAA,EAAA;QAAA,QACE,EAAA,cAAAH,GAAA,CAAA,KAAA,EAAA;AAAK,UAAA,GAAG,EAAEI,OAAQ;AAAC,UAAA,GAAG,EAAC,UAAU;UAAC,SAAS,EAAEL,OAAO,CAACf,IAAAA;SAAQ,CAAA,eAC7DgB,IAAC,UAAU,EAAA;AAAC,UAAA,OAAO,EAAC,OAAO;UAAC,SAAS,EAAED,OAAO,CAACb,KAAM;UAAA,QAClDW,EAAAA,QAAQ,GAAG,OAAO,GAAG,KAAA;SACX,CAAA,CAAA;AAAA,OAAA,CAAA;AACZ,KAAA,CAAA;GAES,CAAA,CAAA;AAEpB,CAAA;AAEAD,YAAY,CAACS,SAAS,GAAG;AACvBR,EAAAA,QAAQ,EAAES,SAAS,CAACC,IAAI,CAACC,UAAU;EACnCT,OAAO,EAAEO,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC,CAACD,UAAU;AACvCV,EAAAA,OAAO,EAAEQ,SAAS,CAACI,IAAI,CAACF,UAAAA;AAC1B,CAAC,CAAA;AAED,qBAAelB,UAAU,CAACb,SAAS,CAAC,CAACmB,YAAY,CAAC;;;;"}

package/components/PinnableFilters/constants.js

@@ -1 +1,6 @@
-var r=0,a=1,e=2;export{r as LARGE_SIZE_LAYOUT,a as MEDIUM_SIZE_LAYOUT,e as SMALL_SIZE_LAYOUT};
+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

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":"AAAO,IAAMA,iBAAiB,GAAG,EAAC;AAC3B,IAAMC,kBAAkB,GAAG,EAAC;AAC5B,IAAMC,iBAAiB,GAAG;;;;"}

package/components/PinnableFilters/effects/index.js

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

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

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

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,iBAAiB,CAACC,UAAU,EAAE;AAC5C,EAAA,OAAOA,UAAU,CAACC,IAAI,CACpB,UAAAC,IAAI,EAAA;IAAA,OAAIA,IAAI,IAAIA,IAAI,CAACC,GAAG,KAAKD,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,IAAIF,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;GACxF,CAAA,CAAA;AACH,CAAA;AAEO,SAASC,kBAAkB,CAACL,UAAU,EAAE;AAC7C,EAAA,OAAOA,UAAU,CAACC,IAAI,CACpB,UAAAC,IAAI,EAAA;IAAA,OAAIA,IAAI,IAAIA,IAAI,CAACC,GAAG,KAAKD,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,MAAM,CAAC,IAAIF,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAA;GACvF,CAAA,CAAA;AACH,CAAA;AAEO,SAASE,gBAAgB,CAACN,UAAU,EAAE;AAC3C,EAAA,OAAOA,UAAU,CAACC,IAAI,CACpB,UAAAC,IAAI,EAAA;IAAA,OAAIA,IAAI,IAAIA,IAAI,CAACC,GAAG,KAAKD,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,IAAIF,IAAI,CAACC,GAAG,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;GACtF,CAAA,CAAA;AACH;;;;"}

package/components/Popover/Popover.js

@@ -1 +1,48 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popover as n}from"@material-ui/core";import{useDelayedDcFullscreenElemOpen as t}from"../../effects/useDelayedDcFullscreenElemOpen.js";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as o}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as p,IsInsideDcFullscreenElemProvider as i}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as s}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";var c=["children","open"];function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function a(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function l(e){var p=e.children,s=e.open,m=r(e,c),l=t({isOpen:s}).delayedIsOpen;return o(n,a(a({},m),{},{open:l,TransitionProps:a(a({},m.TransitionProps),{},{enter:!0,exit:!1}),children:o(i,{children:p})}))}function D(e){var r=s(),t=p();return o(r&&!t?l:n,a({},e))}export{D as Popover};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Popover as Popover$1 } from '@material-ui/core';
+import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsx } from 'react/jsx-runtime';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { useIsInsideDcFullscreenElem, IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+
+var _excluded = ["children", "open"];
+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 DcPopover(_ref) {
+  var children = _ref.children,
+    openProp = _ref.open,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
+      isOpen: openProp
+    }),
+    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
+  return /*#__PURE__*/jsx(Popover$1, _objectSpread(_objectSpread({}, otherProps), {}, {
+    open: delayedIsOpen,
+    TransitionProps: _objectSpread(_objectSpread({}, otherProps.TransitionProps), {}, {
+      enter: true,
+      exit: false
+    }),
+    children: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+      children: children
+    })
+  }));
+}
+function Popover(props) {
+  var isInsideDcApp = useIsInsideDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var PopoverComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopover : Popover$1;
+  return /*#__PURE__*/jsx(PopoverComponent, _objectSpread({}, props));
+}
+
+export { Popover };
+//# sourceMappingURL=Popover.js.map

package/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.js"],"sourcesContent":["import { Popover as MuiPopover } from '@material-ui/core';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nfunction DcPopover({ children, open: openProp, ...otherProps }) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopover\n      {...otherProps}\n      open={delayedIsOpen}\n      TransitionProps={{ ...otherProps.TransitionProps, enter: true, exit: false }}\n    >\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopover>\n  );\n}\n\nexport function Popover(props) {\n  const isInsideDcApp = useIsInsideDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopoverComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopover : MuiPopover;\n\n  return <PopoverComponent {...props} />;\n}\n"],"names":["DcPopover","children","openProp","open","otherProps","useDelayedDcFullscreenElemOpen","isOpen","delayedIsOpen","_jsx","MuiPopover","TransitionProps","enter","exit","Popover","props","isInsideDcApp","useIsInsideDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","PopoverComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,SAASA,SAAS,CAA8C,IAAA,EAAA;EAAA,IAA3CC,QAAQ,QAARA,QAAQ;AAAQC,IAAAA,QAAQ,QAAdC,IAAI;IAAeC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC1D,EAAA,IAAA,qBAAA,GAA0BC,8BAA8B,CAAC;AAAEC,MAAAA,MAAM,EAAEJ,QAAAA;AAAS,KAAC,CAAC;AAAtEK,IAAAA,aAAa,yBAAbA,aAAa,CAAA;EAErB,oBACEC,GAAA,CAACC,SAAU,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACLL,UAAU,CAAA,EAAA,EAAA,EAAA;AACd,IAAA,IAAI,EAAEG,aAAc;IACpB,eAAe,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAOH,UAAU,CAACM,eAAe,CAAA,EAAA,EAAA,EAAA;AAAEC,MAAAA,KAAK,EAAE,IAAI;AAAEC,MAAAA,IAAI,EAAE,KAAA;KAAQ,CAAA;AAAA,IAAA,QAAA,eAE7EJ,IAAC,gCAAgC,EAAA;MAAA,QAAEP,EAAAA,QAAAA;AAAQ,KAAA,CAAA;GAChC,CAAA,CAAA,CAAA;AAEjB,CAAA;AAEO,SAASY,OAAO,CAACC,KAAK,EAAE;EAC7B,IAAMC,aAAa,GAAGC,gBAAgB,EAAE,CAAA;EACxC,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,gBAAgB,GAAGJ,aAAa,IAAI,CAACE,wBAAwB,GAAGjB,SAAS,GAAGS,SAAU,CAAA;AAE5F,EAAA,oBAAOD,GAAC,CAAA,gBAAgB,EAAKM,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAAI,CAAA,CAAA;AACxC;;;;"}

package/components/Popper/Popper.js

@@ -1 +1,44 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{Popper as n}from"@material-ui/core";import"../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as t}from"react/jsx-runtime";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import{useIsInsideDcFullscreenElem as o,IsInsideDcFullscreenElemProvider as p}from"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as i}from"../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";var c=["children","open"];function m(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function l(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function a(e){var o=e.children,i=e.open,m=r(e,c),a=s({isOpen:i}).delayedIsOpen;return t(n,l(l({},m),{},{open:a,children:t(p,{children:o})}))}function D(e){var r=i(),p=o();return t(r&&!p?a:n,l({},e))}export{D as Popper};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Popper as Popper$1 } from '@material-ui/core';
+import '../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsx } from 'react/jsx-runtime';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { useIsInsideDcFullscreenElem, IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
+
+var _excluded = ["children", "open"];
+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 DcPopper(_ref) {
+  var children = _ref.children,
+    openProp = _ref.open,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
+      isOpen: openProp
+    }),
+    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
+  return /*#__PURE__*/jsx(Popper$1, _objectSpread(_objectSpread({}, otherProps), {}, {
+    open: delayedIsOpen,
+    children: /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+      children: children
+    })
+  }));
+}
+function Popper(props) {
+  var isInsideDcApp = useIsInsideDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : Popper$1;
+  return /*#__PURE__*/jsx(PopperComponent, _objectSpread({}, props));
+}
+
+export { Popper };
+//# sourceMappingURL=Popper.js.map

package/components/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sources":["../../../src/components/Popper/Popper.js"],"sourcesContent":["import { Popper as MuiPopper } from '@material-ui/core';\n\nimport { useIsInsideDcApp } from '../DevCenter/DevCenterAppContainer/components';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\n\nfunction DcPopper({ children, open: openProp, ...otherProps }) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    </MuiPopper>\n  );\n}\n\nexport function Popper(props) {\n  const isInsideDcApp = useIsInsideDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const PopperComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcPopper : MuiPopper;\n\n  return <PopperComponent {...props} />;\n}\n"],"names":["DcPopper","children","openProp","open","otherProps","useDelayedDcFullscreenElemOpen","isOpen","delayedIsOpen","_jsx","MuiPopper","Popper","props","isInsideDcApp","useIsInsideDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","PopperComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,SAASA,QAAQ,CAA8C,IAAA,EAAA;EAAA,IAA3CC,QAAQ,QAARA,QAAQ;AAAQC,IAAAA,QAAQ,QAAdC,IAAI;IAAeC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACzD,EAAA,IAAA,qBAAA,GAA0BC,8BAA8B,CAAC;AAAEC,MAAAA,MAAM,EAAEJ,QAAAA;AAAS,KAAC,CAAC;AAAtEK,IAAAA,aAAa,yBAAbA,aAAa,CAAA;EAErB,oBACEC,GAAA,CAACC,QAAS,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,IAAI,EAAEG,aAAc;AAAA,IAAA,QAAA,eAC7CC,IAAC,gCAAgC,EAAA;MAAA,QAAEP,EAAAA,QAAAA;AAAQ,KAAA,CAAA;GACjC,CAAA,CAAA,CAAA;AAEhB,CAAA;AAEO,SAASS,MAAM,CAACC,KAAK,EAAE;EAC5B,IAAMC,aAAa,GAAGC,gBAAgB,EAAE,CAAA;EACxC,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,eAAe,GAAGJ,aAAa,IAAI,CAACE,wBAAwB,GAAGd,QAAQ,GAAGS,QAAS,CAAA;AAEzF,EAAA,oBAAOD,GAAC,CAAA,eAAe,EAAKG,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAAI,CAAA,CAAA;AACvC;;;;"}

package/components/PostInput/PostInput.css.js

@@ -1 +1,8 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={input:"PostInput_input__gBiG5",inputTextField:"PostInput_inputTextField__uwBDT",inputTextFieldSmaller:"PostInput_inputTextFieldSmaller__yG0Ll",inputInput:"PostInput_inputInput__86zk8",inputAdornment:"PostInput_inputAdornment__dFrqi",inputAdornmentSmaller:"PostInput_inputAdornmentSmaller__8C8l7"};t(".PostInput_input__gBiG5{width:100%}.PostInput_inputTextField__uwBDT{background:#4d4d4d;border-radius:4px;box-sizing:border-box;min-height:120px;padding:8px 6px!important;transition:box-shadow .2s ease-in-out;width:100%}.PostInput_inputTextFieldSmaller__yG0Ll{height:77px;min-height:77px}.PostInput_inputTextFieldSmaller__yG0Ll div[class^=style_mention]{max-height:47px;z-index:1}.PostInput_inputTextFieldSmaller__yG0Ll .PostInput_inputInput__86zk8{height:30px}.PostInput_inputTextField__uwBDT:focus-within{box-shadow:inset 0 0 0 2px #03bcd4}.PostInput_inputAdornment__dFrqi{display:flex;flex:1;height:auto;justify-content:flex-end;margin:0 16px;width:100%}.PostInput_inputAdornmentSmaller__8C8l7{bottom:0;position:absolute;z-index:1}.PostInput_input__gBiG5 .MuiInputBase-root{display:flex;flex-direction:column}");export{n as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".PostInput_input__gBiG5 {\n  width: 100%;\n}\n\n.PostInput_inputTextField__uwBDT {\n  width: 100%;\n  min-height: 120px;\n  background: #4d4d4d;\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding: 8px 6px !important;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.PostInput_inputTextFieldSmaller__yG0Ll {\n  min-height: 77px;\n  height: 77px;\n}\n\n/* To style react-mentions elements inside the input */\n\n.PostInput_inputTextFieldSmaller__yG0Ll div[class^='style_mention'] {\n  z-index: 1;\n  max-height: 47px;\n}\n\n.PostInput_inputTextFieldSmaller__yG0Ll .PostInput_inputInput__86zk8 {\n  height: 30px;\n}\n\n.PostInput_inputTextField__uwBDT:focus-within {\n  box-shadow: inset 0 0 0 2px #03bcd4;\n}\n\n.PostInput_inputAdornment__dFrqi {\n  height: auto;\n  width: 100%;\n  display: flex;\n  flex: 1;\n  margin: 0 16px;\n  justify-content: flex-end;\n}\n\n.PostInput_inputAdornmentSmaller__8C8l7 {\n  position: absolute;\n  bottom: 0;\n  z-index: 1;\n}\n\n.PostInput_input__gBiG5 .MuiInputBase-root {\n  display: flex;\n  flex-direction: column;\n}\n";
+var styles = {"input":"PostInput_input__gBiG5","inputTextField":"PostInput_inputTextField__uwBDT","inputTextFieldSmaller":"PostInput_inputTextFieldSmaller__yG0Ll","inputInput":"PostInput_inputInput__86zk8","inputAdornment":"PostInput_inputAdornment__dFrqi","inputAdornmentSmaller":"PostInput_inputAdornmentSmaller__8C8l7"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=PostInput.css.js.map

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

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