@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/EmptyView/EmptyAppView/EmptyAppView.js

@@ -1,198 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect, useRef } from 'react';
-import classNames from 'classnames';
-import { makeStyles } from '@material-ui/core';
-import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var EmptyStateLarge = "/static/media/e607e3aa0a4603bb7ae7f83a2148511e.svg";
-var ErrorLarge = "/static/media/9b185a425ea91b6c2beedfef39c06663.svg";
-var NoDataLarge = "/static/media/1bfc6e5d9cbb531a554ab8d025fa23e9.svg";
-var NoSubscriptionLarge = "/static/media/76e3ee12638391cba164716321509ad7.svg";
-var PAGE_NAME = 'EmptyAppView';
-var HEIGHT_SMALL_BREAKPOINT = 300;
-var HEIGHT_MEDIUM_BREAKPOINT = 400;
-
-// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type
-
-var APP_MESSAGES = {
-  appNotSubscribed: {
-    title: 'No Subscription exists for this app.',
-    subtitle: 'Contact your Corva Account rep to get access to this app.'
-  },
-  appNotSubscribedForAsset: {
-    title: 'No Subscription exists for this asset.',
-    subtitle: 'Contact your Corva Account rep to get access to this asset.'
-  },
-  internalAppError: {
-    title: 'App Loading Error'
-  },
-  appPackageWasNotFound: {
-    title: 'App package was not found',
-    subtitle: 'Please choose another version in the app settings menu or delete and add app again on your dashboard'
-  },
-  fracFleetWasNotFound: {
-    title: 'Frac fleet was not found'
-  },
-  fracFleetHasNoPad: {
-    title: 'Frac fleet has no active pad'
-  },
-  padHasNoWells: {
-    title: 'This pad has no wells'
-  },
-  appComponentWasNotFound: {
-    title: 'App component was not found'
-  },
-  noAssetData: {
-    title: 'No asset data found'
-  },
-  assetNotAvailable: {
-    title: 'Asset unavailable'
-  }
-};
-var EMPTY_STATES = {
-  empty: 'empty',
-  error: 'error',
-  noData: 'noData',
-  noSubscription: 'noSubscription'
-};
-var STATE_IMAGES = {
-  empty: EmptyStateLarge,
-  error: ErrorLarge,
-  noData: NoDataLarge,
-  noSubscription: NoSubscriptionLarge
-};
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    wrapper: {
-      display: 'flex',
-      flexDirection: 'column',
-      textAlign: 'center',
-      alignItems: 'center',
-      justifyContent: 'center',
-      height: '100%',
-      padding: 24,
-      overflow: 'auto'
-    },
-    title: {
-      color: palette.primary.text7,
-      fontSize: 32,
-      lineHeight: '38px',
-      marginBottom: 8,
-      '&.medium': {
-        fontSize: 24,
-        lineHeight: '28px'
-      },
-      '&.small': {
-        fontSize: 24,
-        lineHeight: '28px'
-      },
-      fontStyle: 'italic'
-    },
-    subtitle: {
-      color: palette.primary.text6,
-      fontSize: 16,
-      lineHeight: '22px',
-      marginBottom: 24,
-      '&.medium': {
-        fontSize: 14,
-        lineHeight: '20px'
-      },
-      '&.small': {
-        fontSize: 14,
-        lineHeight: '20px'
-      }
-    },
-    imageWrapper: {
-      display: 'flex',
-      flexGrow: 1,
-      maxWidth: 390,
-      maxHeight: 300,
-      width: '100%',
-      '&.medium': {
-        maxidth: 260,
-        maxHeight: 200
-      }
-    },
-    backgroundImage: {
-      width: '100%',
-      backgroundImage: function backgroundImage(props) {
-        return "url(".concat([STATE_IMAGES[props.state]], ")");
-      },
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: 'center',
-      backgroundSize: 'contain'
-    },
-    appHeader: {
-      display: 'flex',
-      padding: '12px',
-      flexWrap: 'wrap',
-      justifyContent: 'space-between'
-    },
-    container: {
-      height: '100%',
-      flexDirection: 'column',
-      display: 'flex'
-    }
-  };
-});
-var EmptyAppView = function EmptyAppView(_ref2) {
-  var title = _ref2.title,
-    _ref2$subtitle = _ref2.subtitle,
-    subtitle = _ref2$subtitle === void 0 ? '' : _ref2$subtitle,
-    _ref2$state = _ref2.state,
-    state = _ref2$state === void 0 ? 'empty' : _ref2$state,
-    _ref2$withAppHeader = _ref2.withAppHeader,
-    withAppHeader = _ref2$withAppHeader === void 0 ? false : _ref2$withAppHeader,
-    app = _ref2.app,
-    _ref2$actions = _ref2.actions,
-    actions = _ref2$actions === void 0 ? null : _ref2$actions;
-  var styles = useStyles({
-    state: state
-  });
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isMounted = _useState2[0],
-    setIsMounted = _useState2[1];
-  useEffect(function () {
-    setIsMounted(true);
-  }, []);
-  var emptyViewRef = useRef(null);
-  var currentRef = emptyViewRef.current;
-  var isSmallSize = (currentRef === null || currentRef === void 0 ? void 0 : currentRef.offsetHeight) < HEIGHT_SMALL_BREAKPOINT;
-  var isMediumSize = (currentRef === null || currentRef === void 0 ? void 0 : currentRef.offsetHeight) < HEIGHT_MEDIUM_BREAKPOINT;
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.container,
-    children: [withAppHeader && /*#__PURE__*/jsx(AppHeader, {
-      app: app,
-      classes: {
-        appHeader: styles.appHeader
-      }
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.wrapper,
-      ref: emptyViewRef,
-      children: isMounted && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          "data-testid": "".concat(PAGE_NAME, "_title"),
-          className: classNames(styles.title, isMediumSize && 'medium', isSmallSize && 'small'),
-          children: title
-        }), actions, subtitle && /*#__PURE__*/jsx("div", {
-          "data-testid": "".concat(PAGE_NAME, "_subtitle"),
-          className: classNames(styles.subtitle, isMediumSize && 'medium', isSmallSize && 'small'),
-          children: subtitle
-        }), !isSmallSize && /*#__PURE__*/jsx("div", {
-          className: classNames(styles.imageWrapper, isMediumSize && 'medium'),
-          children: /*#__PURE__*/jsx("div", {
-            className: styles.backgroundImage
-          })
-        })]
-      })
-    })]
-  });
-};
-EmptyAppView.APP_MESSAGES = APP_MESSAGES;
-EmptyAppView.EMPTY_STATES = EMPTY_STATES;
-
-export { APP_MESSAGES, EMPTY_STATES, HEIGHT_MEDIUM_BREAKPOINT, HEIGHT_SMALL_BREAKPOINT, EmptyAppView as default };
-//# sourceMappingURL=EmptyAppView.js.map
+import{jsxs as e,jsx as t,Fragment as a}from"react/jsx-runtime";import{useState as i,useEffect as o,useRef as n}from"react";import r from"classnames";import{makeStyles as s}from"@material-ui/core";import p from"../../DevCenter/AppHeader/AppHeader.js";var l=300,c=400,d={appNotSubscribed:{title:"No Subscription exists for this app.",subtitle:"Contact your Corva Account rep to get access to this app."},appNotSubscribedForAsset:{title:"No Subscription exists for this asset.",subtitle:"Contact your Corva Account rep to get access to this asset."},internalAppError:{title:"App Loading Error"},appPackageWasNotFound:{title:"App package was not found",subtitle:"Please choose another version in the app settings menu or delete and add app again on your dashboard"},fracFleetWasNotFound:{title:"Frac fleet was not found"},fracFleetHasNoPad:{title:"Frac fleet has no active pad"},padHasNoWells:{title:"This pad has no wells"},appComponentWasNotFound:{title:"App component was not found"},noAssetData:{title:"No asset data found"},assetNotAvailable:{title:"Asset unavailable"}},m={empty:"empty",error:"error",noData:"noData",noSubscription:"noSubscription"},u={empty:"/static/media/e607e3aa0a4603bb7ae7f83a2148511e.svg",error:"/static/media/9b185a425ea91b6c2beedfef39c06663.svg",noData:"/static/media/1bfc6e5d9cbb531a554ab8d025fa23e9.svg",noSubscription:"/static/media/76e3ee12638391cba164716321509ad7.svg"},f=s((function(e){var t=e.palette;return{wrapper:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",padding:24,overflow:"auto"},title:{color:t.primary.text7,fontSize:32,lineHeight:"38px",marginBottom:8,"&.medium":{fontSize:24,lineHeight:"28px"},"&.small":{fontSize:24,lineHeight:"28px"},fontStyle:"italic"},subtitle:{color:t.primary.text6,fontSize:16,lineHeight:"22px",marginBottom:24,"&.medium":{fontSize:14,lineHeight:"20px"},"&.small":{fontSize:14,lineHeight:"20px"}},imageWrapper:{display:"flex",flexGrow:1,maxWidth:390,maxHeight:300,width:"100%","&.medium":{maxidth:260,maxHeight:200}},backgroundImage:{width:"100%",backgroundImage:function(e){return"url(".concat([u[e.state]],")")},backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"contain"},appHeader:{display:"flex",padding:"12px",flexWrap:"wrap",justifyContent:"space-between"},container:{height:"100%",flexDirection:"column",display:"flex"}}})),g=function(s){var l=s.title,c=s.subtitle,d=void 0===c?"":c,m=s.state,u=void 0===m?"empty":m,g=s.withAppHeader,b=void 0!==g&&g,h=s.app,v=s.actions,x=void 0===v?null:v,S=f({state:u}),A=i(!1),y=A[0],H=A[1];o((function(){H(!0)}),[]);var N=n(null),w=N.current,k=(null==w?void 0:w.offsetHeight)<300,C=(null==w?void 0:w.offsetHeight)<400;return e("div",{className:S.container,children:[b&&t(p,{app:h,classes:{appHeader:S.appHeader}}),t("div",{className:S.wrapper,ref:N,children:y&&e(a,{children:[t("div",{"data-testid":"".concat("EmptyAppView","_title"),className:r(S.title,C&&"medium",k&&"small"),children:l}),x,d&&t("div",{"data-testid":"".concat("EmptyAppView","_subtitle"),className:r(S.subtitle,C&&"medium",k&&"small"),children:d}),!k&&t("div",{className:r(S.imageWrapper,C&&"medium"),children:t("div",{className:S.backgroundImage})})]})})]})};g.APP_MESSAGES=d,g.EMPTY_STATES=m;export{d as APP_MESSAGES,m as EMPTY_STATES,c as HEIGHT_MEDIUM_BREAKPOINT,l as HEIGHT_SMALL_BREAKPOINT,g as default};

package/components/EmptyView/EmptyView.js

@@ -1,107 +1 @@
-import { makeStyles, Typography } from '@material-ui/core';
-import classNames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// NOTE: Please do not use this component as it will be removed soon
-var NoDataImg = "/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png";
-var Arrow = "/static/media/1be6a0ee1d46b5f5c15203014864e086.svg";
-var PAGE_NAME = 'EmptyView';
-var useStyles = makeStyles({
-  wrapper: {
-    position: 'relative',
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'flex-start',
-    padding: '16px',
-    zIndex: function zIndex(_ref) {
-      var showArrow = _ref.showArrow;
-      return showArrow ? 1 : 'auto';
-    },
-    '@media (max-height:350px)': {
-      paddingTop: '56px'
-    },
-    '@media (max-width:500px)': {
-      paddingTop: '128px'
-    }
-  },
-  errorImage: {
-    width: '390px',
-    height: '300px',
-    marginTop: '24px',
-    '@media (max-height:400px)': {
-      width: '260px',
-      height: '200px'
-    },
-    '@media (max-height:350px), (max-width: 580px) and (max-height:550px)': {
-      display: 'none'
-    },
-    '@media (max-width:500px)': {
-      width: '260px',
-      height: '200px'
-    }
-  },
-  title: {
-    fontSize: '32px',
-    fontStyle: 'italic',
-    color: '#9E9E9E',
-    lineHeight: '37px',
-    fontWeight: 'normal',
-    '@media (max-height:400px)': {
-      fontSize: '24px'
-    },
-    '@media (max-width:500px)': {
-      fontSize: '24px'
-    }
-  },
-  description: {
-    fontSize: '16px',
-    color: '#9E9E9E'
-  },
-  arrow: {
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    zIndex: -1,
-    '@media (max-width: 960px)': {
-      display: 'none'
-    }
-  }
-});
-function EmptyView(_ref2) {
-  var _ref2$title = _ref2.title,
-    title = _ref2$title === void 0 ? 'No Data Available' : _ref2$title,
-    _ref2$description = _ref2.description,
-    description = _ref2$description === void 0 ? '' : _ref2$description,
-    _ref2$showArrow = _ref2.showArrow,
-    showArrow = _ref2$showArrow === void 0 ? false : _ref2$showArrow,
-    _ref2$customStyles = _ref2.customStyles,
-    customStyles = _ref2$customStyles === void 0 ? {} : _ref2$customStyles;
-  var classes = useStyles({
-    showArrow: showArrow
-  });
-  return /*#__PURE__*/jsxs("div", {
-    "data-testid": "".concat(PAGE_NAME, "_wrapper"),
-    className: classNames(classes.wrapper, customStyles.wrapper),
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: classNames(classes.title, customStyles.title),
-      children: title
-    }), /*#__PURE__*/jsx(Typography, {
-      className: classNames(classes.description, customStyles.description),
-      children: description
-    }), /*#__PURE__*/jsx("img", {
-      src: NoDataImg,
-      className: classes.errorImage,
-      alt: "error state"
-    }), showArrow && /*#__PURE__*/jsx("img", {
-      src: Arrow,
-      alt: "arrow",
-      className: classNames(classes.arrow, customStyles.arrow)
-    })]
-  });
-}
-
-export { EmptyView as default };
-//# sourceMappingURL=EmptyView.js.map
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{makeStyles as t,Typography as a}from"@material-ui/core";import r from"classnames";var o=t({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"16px",zIndex:function(i){return i.showArrow?1:"auto"},"@media (max-height:350px)":{paddingTop:"56px"},"@media (max-width:500px)":{paddingTop:"128px"}},errorImage:{width:"390px",height:"300px",marginTop:"24px","@media (max-height:400px)":{width:"260px",height:"200px"},"@media (max-height:350px), (max-width: 580px) and (max-height:550px)":{display:"none"},"@media (max-width:500px)":{width:"260px",height:"200px"}},title:{fontSize:"32px",fontStyle:"italic",color:"#9E9E9E",lineHeight:"37px",fontWeight:"normal","@media (max-height:400px)":{fontSize:"24px"},"@media (max-width:500px)":{fontSize:"24px"}},description:{fontSize:"16px",color:"#9E9E9E"},arrow:{position:"absolute",top:0,right:0,zIndex:-1,"@media (max-width: 960px)":{display:"none"}}});function p(t){var p=t.title,d=void 0===p?"No Data Available":p,m=t.description,n=void 0===m?"":m,x=t.showArrow,s=void 0!==x&&x,h=t.customStyles,l=void 0===h?{}:h,c=o({showArrow:s});return i("div",{"data-testid":"".concat("EmptyView","_wrapper"),className:r(c.wrapper,l.wrapper),children:[e(a,{className:r(c.title,l.title),children:d}),e(a,{className:r(c.description,l.description),children:n}),e("img",{src:"/static/media/5010eaf4520add4dcd713ce1fdbda5ea.png",className:c.errorImage,alt:"error state"}),s&&e("img",{src:"/static/media/1be6a0ee1d46b5f5c15203014864e086.svg",alt:"arrow",className:r(c.arrow,l.arrow)})]})}export{p as default};

package/components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import AppHeader from '../../DevCenter/AppHeader/AppHeader.js';
-import styles from './DevCenterAppErrorView.css.js';
-import EmptyState from '../../EmptyState/EmptyState.js';
-import SubtitleWithIntercomLink from '../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
-import { jsxs, 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 tryRenderComponent = function tryRenderComponent(Component, props) {
-  try {
-    return /*#__PURE__*/jsx(Component, _objectSpread({}, props));
-  } catch (e) {
-    console.error(e);
-    return null;
-  }
-};
-function DevCenterAppErrorView(_ref) {
-  var appHeaderProps = _ref.appHeaderProps,
-    openIntercom = _ref.openIntercom;
-  var appHeader = tryRenderComponent(AppHeader, appHeaderProps);
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.container,
-    children: [appHeader, /*#__PURE__*/jsx(EmptyState, {
-      title: EmptyState.APP_MESSAGES.internalAppError.title,
-      subtitle: /*#__PURE__*/jsx(SubtitleWithIntercomLink, {
-        openIntercom: openIntercom
-      }),
-      image: EmptyState.IMAGES.AppLoadingError
-    })]
-  });
-}
-DevCenterAppErrorView.propTypes = {
-  app: PropTypes.shape({})
-};
-DevCenterAppErrorView.defaultProps = {
-  app: null
-};
-
-export { DevCenterAppErrorView as default };
-//# sourceMappingURL=DevCenterAppErrorView.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import t from"../../DevCenter/AppHeader/AppHeader.js";import o from"./DevCenterAppErrorView.css.js";import p from"../../EmptyState/EmptyState.js";import n from"../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import{jsxs as i,jsx as c}from"react/jsx-runtime";function a(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}var s=function(e,t){try{return c(e,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},t))}catch(r){return console.error(r),null}};function m(r){var e=r.appHeaderProps,a=r.openIntercom,m=s(t,e);return i("div",{className:o.container,children:[m,c(p,{title:p.APP_MESSAGES.internalAppError.title,subtitle:c(n,{openIntercom:a}),image:p.IMAGES.AppLoadingError})]})}m.propTypes={app:e.shape({})},m.defaultProps={app:null};export{m as default};

package/components/ErrorBoundary/ErrorBoundary.js

@@ -1,77 +1 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { getRollbarFromContext, Context } from '@rollbar/react';
-import DevCenterAppErrorView from './DevCenterAppErrorView/DevCenterAppErrorView.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["ErrorView", "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; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorBoundary, _Component);
-  var _super = _createSuper(ErrorBoundary);
-  function ErrorBoundary() {
-    var _this;
-    _classCallCheck(this, ErrorBoundary);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      hasInternalError: false
-    });
-    return _this;
-  }
-  _createClass(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      this.setState({
-        hasInternalError: true
-      });
-      console.error(error);
-      var rollbar = getRollbarFromContext(this.context || {});
-      if (rollbar && rollbar.options.accessToken) {
-        rollbar.error(error);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (!this.state.hasInternalError) return this.props.children;
-      var _this$props = this.props,
-        ErrorView = _this$props.ErrorView;
-        _this$props.children;
-        var errorViewProps = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/jsx(ErrorView, _objectSpread({}, errorViewProps));
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError() {
-      return {
-        hasInternalError: true
-      };
-    }
-  }]);
-  return ErrorBoundary;
-}(Component);
-ErrorBoundary.propTypes = {
-  children: PropTypes.node.isRequired,
-  ErrorView: PropTypes.elementType
-};
-ErrorBoundary.defaultProps = {
-  ErrorView: DevCenterAppErrorView
-};
-ErrorBoundary.contextType = Context;
-
-export { ErrorBoundary as default };
-//# sourceMappingURL=ErrorBoundary.js.map
+import r from"@babel/runtime/helpers/objectWithoutProperties";import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import c from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{Component as p}from"react";import s from"prop-types";import{getRollbarFromContext as l,Context as u}from"@rollbar/react";import f from"./DevCenterAppErrorView/DevCenterAppErrorView.js";import{jsx as m}from"react/jsx-runtime";var h=["ErrorView","children"];function b(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 y(r){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var t,o=c(r);if(e){var n=c(this).constructor;t=Reflect.construct(o,arguments,n)}else t=o.apply(this,arguments);return i(this,t)}}var v=function(i){n(s,p);var c=y(s);function s(){var r;e(this,s);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];return r=c.call.apply(c,[this].concat(n)),a(o(r),"state",{hasInternalError:!1}),r}return t(s,[{key:"componentDidCatch",value:function(r){this.setState({hasInternalError:!0}),console.error(r);var e=l(this.context||{});e&&e.options.accessToken&&e.error(r)}},{key:"render",value:function(){if(!this.state.hasInternalError)return this.props.children;var e=this.props,t=e.ErrorView;e.children;var o=r(e,h);return m(t,function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?b(Object(t),!0).forEach((function(e){a(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}({},o))}}],[{key:"getDerivedStateFromError",value:function(){return{hasInternalError:!0}}}]),s}();v.propTypes={children:s.node.isRequired,ErrorView:s.elementType},v.defaultProps={ErrorView:f},v.contextType=u;export{v as default};

package/components/FailedFileUploading.js

@@ -1,43 +1 @@
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import WarningIcon from '@material-ui/icons/Warning';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var muiStyles = {
-  errorIcon: {
-    marginRight: 8
-  },
-  errorMessage: {
-    display: 'flex',
-    alignItems: 'center',
-    fontSize: 12,
-    marginTop: 8
-  }
-};
-var FailedFileUploading = function FailedFileUploading(props) {
-  return /*#__PURE__*/jsxs(Typography, {
-    variant: "body1",
-    className: classNames(props.className, props.classes.errorMessage),
-    children: [/*#__PURE__*/jsx(WarningIcon, {
-      color: "error",
-      className: props.classes.errorIcon
-    }), /*#__PURE__*/jsxs("span", {
-      children: ["Upload failed. ", props.errorMessage]
-    })]
-  });
-};
-FailedFileUploading.propTypes = {
-  errorMessage: PropTypes.string,
-  className: PropTypes.string,
-  classes: PropTypes.shape({}).isRequired
-};
-FailedFileUploading.defaultProps = {
-  errorMessage: undefined,
-  className: undefined
-};
-var FailedFileUploading$1 = withStyles(muiStyles)(FailedFileUploading);
-
-export { FailedFileUploading$1 as default };
-//# sourceMappingURL=FailedFileUploading.js.map
+import r from"prop-types";import e from"classnames";import{withStyles as s}from"@material-ui/core/styles";import a from"@material-ui/core/Typography";import o from"@material-ui/icons/Warning";import{jsxs as i,jsx as m}from"react/jsx-runtime";var t=function(r){return i(a,{variant:"body1",className:e(r.className,r.classes.errorMessage),children:[m(o,{color:"error",className:r.classes.errorIcon}),i("span",{children:["Upload failed. ",r.errorMessage]})]})};t.propTypes={errorMessage:r.string,className:r.string,classes:r.shape({}).isRequired},t.defaultProps={errorMessage:void 0,className:void 0};var l=s({errorIcon:{marginRight:8},errorMessage:{display:"flex",alignItems:"center",fontSize:12,marginTop:8}})(t);export{l as default};

package/components/FeedItem/FeedItem.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".FeedItem_hideOverflow__VxJHT {\n  overflow: hidden;\n}\n\n.FeedItem_downloadLink__60HIj {\n  outline: 0;\n  color: inherit;\n}\n\n.FeedItem_mainContainer__Y9I2W {\n  padding: 16px 16px 0 24px;\n}\n\n.FeedItem_mainContainerNative__chnEh{\n  padding: 15px 16px 0 16px;\n}\n\n.FeedItem_mainContainerClickable__jG6kG {\n  cursor: pointer;\n}\n\n.FeedItem_mainContainerTop__SqKjI {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.FeedItem_mainContainerTopNative__i-JrG {\n  padding-left: 55px;\n}\n\n.FeedItem_mainContainerTopLine__orRjp {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.FeedItem_mainContainerTopMenu__QE3-N {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  flex: 1;\n  justify-content: flex-end;\n}\n\n.FeedItem_loadingContainer__B9lMF {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n";
-var styles = {"hideOverflow":"FeedItem_hideOverflow__VxJHT","downloadLink":"FeedItem_downloadLink__60HIj","mainContainer":"FeedItem_mainContainer__Y9I2W","mainContainerNative":"FeedItem_mainContainerNative__chnEh","mainContainerClickable":"FeedItem_mainContainerClickable__jG6kG","mainContainerTop":"FeedItem_mainContainerTop__SqKjI","mainContainerTopNative":"FeedItem_mainContainerTopNative__i-JrG","mainContainerTopLine":"FeedItem_mainContainerTopLine__orRjp","mainContainerTopMenu":"FeedItem_mainContainerTopMenu__QE3-N","loadingContainer":"FeedItem_loadingContainer__B9lMF"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=FeedItem.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={hideOverflow:"FeedItem_hideOverflow__VxJHT",downloadLink:"FeedItem_downloadLink__60HIj",mainContainer:"FeedItem_mainContainer__Y9I2W",mainContainerNative:"FeedItem_mainContainerNative__chnEh",mainContainerClickable:"FeedItem_mainContainerClickable__jG6kG",mainContainerTop:"FeedItem_mainContainerTop__SqKjI",mainContainerTopNative:"FeedItem_mainContainerTopNative__i-JrG",mainContainerTopLine:"FeedItem_mainContainerTopLine__orRjp",mainContainerTopMenu:"FeedItem_mainContainerTopMenu__QE3-N",loadingContainer:"FeedItem_loadingContainer__B9lMF"};e(".FeedItem_hideOverflow__VxJHT{overflow:hidden}.FeedItem_downloadLink__60HIj{color:inherit;outline:0}.FeedItem_mainContainer__Y9I2W{padding:16px 16px 0 24px}.FeedItem_mainContainerNative__chnEh{padding:15px 16px 0}.FeedItem_mainContainerClickable__jG6kG{cursor:pointer}.FeedItem_mainContainerTop__SqKjI{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.FeedItem_mainContainerTopNative__i-JrG{padding-left:55px}.FeedItem_mainContainerTopLine__orRjp{align-items:center;display:flex;width:100%}.FeedItem_mainContainerTopMenu__QE3-N{align-items:center;display:flex;flex:1;justify-content:flex-end;margin-left:auto}.FeedItem_loadingContainer__B9lMF{height:100%;left:0;position:absolute;top:0;width:100%}");export{n as default};