@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/GoogleDocsViewer/index.js

@@ -1,167 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-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 LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
-import Typography from '@material-ui/core/Typography';
-import BackIcon from '@material-ui/icons/ArrowBack';
-import styles from './styles.css.js';
-
-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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-var REQUEST_TIMEOUT = 10000;
-var BYTES_IN_MEGABYTE = 1048576;
-
-var Toolbar = function Toolbar(props) {
-  return /*#__PURE__*/jsx("div", {
-    className: styles.cGoogleDocsViewerToolbar,
-    children: /*#__PURE__*/jsx("button", {
-      type: "button",
-      "aria-label": "Close",
-      className: styles.cGoogleDocsViewerToolbarButton,
-      onClick: props.onClose,
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.cGoogleDocsViewerToolbarBackButton,
-        children: [/*#__PURE__*/jsx(BackIcon, {
-          className: styles.cGoogleDocsViewerToolbarIcon,
-          htmlColor: "#b3b3b3"
-        }), props.fileName && /*#__PURE__*/jsx("span", {
-          className: styles.cGoogleDocsViewerToolbarBackButtonFileName,
-          children: props.fileName
-        })]
-      })
-    })
-  });
-};
-
-var GoogleDocsViewer = /*#__PURE__*/function (_PureComponent) {
-  _inherits(GoogleDocsViewer, _PureComponent);
-
-  var _super = _createSuper(GoogleDocsViewer);
-
-  function GoogleDocsViewer(props) {
-    var _this;
-
-    _classCallCheck(this, GoogleDocsViewer);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "reloadFrame", function () {
-      if (_this.frameRef.current) {
-        _this.setState(function (prevState) {
-          return {
-            reloadsCounter: prevState.reloadsCounter + 1
-          };
-        }, function () {
-          _this.frameRef.current.src = _this.frameLink;
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFrameLoad", function () {
-      _this.setState({
-        loading: false
-      }, function () {
-        clearInterval(_this.frameLoadInterval);
-      });
-    });
-
-    _this.state = {
-      reloadsCounter: 0,
-      loading: true,
-      loadingFailed: false
-    };
-    _this.frameRef = createRef();
-    return _this;
-  }
-
-  _createClass(GoogleDocsViewer, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      // NOTE: Workaround when google viewer returns 204:
-      // https://productforums.google.com/forum/#!msg/docs/hmj39HMDP1M/X6a8xJwLBQAJ
-      var timeOut = this.props.fileSize && this.props.fileSize >= BYTES_IN_MEGABYTE ? this.props.fileSize / BYTES_IN_MEGABYTE * REQUEST_TIMEOUT : REQUEST_TIMEOUT;
-      this.frameLoadInterval = setInterval(this.reloadFrame, timeOut);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearInterval(this.frameLoadInterval);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          fileUrl = _this$props.fileUrl,
-          width = _this$props.width,
-          height = _this$props.height,
-          fileName = _this$props.fileName,
-          onClose = _this$props.onClose;
-      var _this$state = this.state,
-          loading = _this$state.loading,
-          loadingFailed = _this$state.loadingFailed;
-      return /*#__PURE__*/jsxs("div", {
-        className: styles.cGoogleDocsViewer,
-        style: {
-          width: width,
-          height: height
-        },
-        children: [/*#__PURE__*/jsx(Toolbar, {
-          fileName: fileName,
-          onClose: onClose
-        }), loading && /*#__PURE__*/jsx(LoadingIndicator, {
-          white: false
-        }), loadingFailed ? /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          children: "Loading failed"
-        }) : /*#__PURE__*/jsx("iframe", {
-          className: classNames(styles.cGoogleDocsViewerFrame, _defineProperty({}, styles.cGoogleDocsViewerFrameHidden, loading)),
-          title: fileUrl,
-          src: this.frameLink,
-          onLoad: this.onFrameLoad,
-          ref: this.frameRef
-        })]
-      });
-    }
-  }, {
-    key: "frameLink",
-    get: function get() {
-      return "https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl), "&embedded=true");
-    }
-  }]);
-
-  return GoogleDocsViewer;
-}(PureComponent);
-
-GoogleDocsViewer.propTypes = {
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  fileUrl: PropTypes.string.isRequired,
-  fileName: PropTypes.string,
-  fileSize: PropTypes.number,
-  onClose: PropTypes.func.isRequired
-};
-Toolbar.propTypes = {
-  onClose: PropTypes.func.isRequired,
-  fileName: PropTypes.string
-};
-GoogleDocsViewer.defaultProps = {
-  width: '100%',
-  height: '100%',
-  fileName: undefined,
-  fileSize: undefined
-};
-Toolbar.defaultProps = {
-  fileName: undefined
-};
-
-export default GoogleDocsViewer;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/classCallCheck";import r from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import t from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import n from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import{createRef as l,PureComponent as s}from"react";import c from"prop-types";import f from"classnames";import m from"@material-ui/core/Typography";import u from"@material-ui/icons/ArrowBack";import p from"../LoadingIndicator/LoadingIndicator.js";import d from"./styles.css.js";import{jsxs as h,jsx as b}from"react/jsx-runtime";function g(e){var r=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(e){return!1}}();return function(){var o,t=n(e);if(r){var a=n(this).constructor;o=Reflect.construct(t,arguments,a)}else o=t.apply(this,arguments);return i(this,o)}}var v=function(e){return b("div",{className:d.cGoogleDocsViewerToolbar,children:b("button",{type:"button","aria-label":"Close",className:d.cGoogleDocsViewerToolbarButton,onClick:e.onClose,children:h("div",{className:d.cGoogleDocsViewerToolbarBackButton,children:[b(u,{className:d.cGoogleDocsViewerToolbarIcon,htmlColor:"#b3b3b3"}),e.fileName&&b("span",{className:d.cGoogleDocsViewerToolbarBackButtonFileName,children:e.fileName})]})})})},y=function(i){t(c,s);var n=g(c);function c(r){var t;return e(this,c),t=n.call(this,r),a(o(t),"reloadFrame",(function(){t.frameRef.current&&t.setState((function(e){return{reloadsCounter:e.reloadsCounter+1}}),(function(){t.frameRef.current.src=t.frameLink}))})),a(o(t),"onFrameLoad",(function(){t.setState({loading:!1},(function(){clearInterval(t.frameLoadInterval)}))})),t.state={reloadsCounter:0,loading:!0,loadingFailed:!1},t.frameRef=l(),t}return r(c,[{key:"componentDidMount",value:function(){var e=this.props.fileSize&&this.props.fileSize>=1048576?this.props.fileSize/1048576*1e4:1e4;this.frameLoadInterval=setInterval(this.reloadFrame,e)}},{key:"componentWillUnmount",value:function(){clearInterval(this.frameLoadInterval)}},{key:"frameLink",get:function(){return"https://docs.google.com/viewer?url=".concat(encodeURIComponent(this.props.fileUrl),"&embedded=true")}},{key:"render",value:function(){var e=this.props,r=e.fileUrl,o=e.width,t=e.height,i=e.fileName,n=e.onClose,l=this.state,s=l.loading,c=l.loadingFailed;return h("div",{className:d.cGoogleDocsViewer,style:{width:o,height:t},children:[b(v,{fileName:i,onClose:n}),s&&b(p,{white:!1}),c?b(m,{variant:"body2",children:"Loading failed"}):b("iframe",{className:f(d.cGoogleDocsViewerFrame,a({},d.cGoogleDocsViewerFrameHidden,s)),title:r,src:this.frameLink,onLoad:this.onFrameLoad,ref:this.frameRef})]})}}]),c}();y.propTypes={width:c.oneOfType([c.string,c.number]),height:c.oneOfType([c.string,c.number]),fileUrl:c.string.isRequired,fileName:c.string,fileSize:c.number,onClose:c.func.isRequired},v.propTypes={onClose:c.func.isRequired,fileName:c.string},y.defaultProps={width:"100%",height:"100%",fileName:void 0,fileSize:void 0},v.defaultProps={fileName:void 0};export{y as default};

package/components/GoogleDocsViewer/styles.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cGoogleDocsViewer__1WDzY {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.styles_cGoogleDocsViewerFrame__3m32P {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.styles_cGoogleDocsViewerFrameHidden__1r0v8 {\n  visibility: 0;\n  height: 0;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__1tvrA {\n  vertical-align: middle;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.styles_cGoogleDocsViewerToolbarButton__1tvrA:focus {\n  outline: none;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__2o5cn {\n  width: 42px !important;\n  height: 34px !important;\n  padding: 4px 6px;\n}\n\n.styles_cGoogleDocsViewerToolbarIcon__2o5cn:hover {\n  color: '#fff';\n}\n\n.styles_cGoogleDocsViewerToolbar__3B66X {\n  top: 5px;\n  left: 5px;\n  color: #fff;\n  position: fixed;\n  z-index: 1001;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButton__3LgsK {\n  display: flex;\n  align-items: center;\n}\n\n.styles_cGoogleDocsViewerToolbarBackButtonFileName__6k_KP {\n  font-size: 1rem;\n  color: #fff;\n}\n";
-var styles = {"cGoogleDocsViewer":"styles_cGoogleDocsViewer__1WDzY","cGoogleDocsViewerFrame":"styles_cGoogleDocsViewerFrame__3m32P","cGoogleDocsViewerFrameHidden":"styles_cGoogleDocsViewerFrameHidden__1r0v8","cGoogleDocsViewerToolbarButton":"styles_cGoogleDocsViewerToolbarButton__1tvrA","cGoogleDocsViewerToolbarIcon":"styles_cGoogleDocsViewerToolbarIcon__2o5cn","cGoogleDocsViewerToolbar":"styles_cGoogleDocsViewerToolbar__3B66X","cGoogleDocsViewerToolbarBackButton":"styles_cGoogleDocsViewerToolbarBackButton__3LgsK","cGoogleDocsViewerToolbarBackButtonFileName":"styles_cGoogleDocsViewerToolbarBackButtonFileName__6k_KP"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=styles.css.js.map
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cGoogleDocsViewer:"styles_cGoogleDocsViewer__0TGby",cGoogleDocsViewerFrame:"styles_cGoogleDocsViewerFrame__GGHHm",cGoogleDocsViewerFrameHidden:"styles_cGoogleDocsViewerFrameHidden__MyIcg",cGoogleDocsViewerToolbarButton:"styles_cGoogleDocsViewerToolbarButton__JHCZM",cGoogleDocsViewerToolbarIcon:"styles_cGoogleDocsViewerToolbarIcon__JNzaY",cGoogleDocsViewerToolbar:"styles_cGoogleDocsViewerToolbar__fNE-C",cGoogleDocsViewerToolbarBackButton:"styles_cGoogleDocsViewerToolbarBackButton__zrD-S",cGoogleDocsViewerToolbarBackButtonFileName:"styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9"};o('.styles_cGoogleDocsViewer__0TGby{align-items:center;display:flex;justify-content:center}.styles_cGoogleDocsViewerFrame__GGHHm{border:none;height:100%;width:100%}.styles_cGoogleDocsViewerFrameHidden__MyIcg{height:0;visibility:0}.styles_cGoogleDocsViewerToolbarButton__JHCZM{background-color:transparent;border:none;cursor:pointer;padding:0;vertical-align:middle}.styles_cGoogleDocsViewerToolbarButton__JHCZM:focus{outline:none}.styles_cGoogleDocsViewerToolbarIcon__JNzaY{height:34px!important;padding:4px 6px;width:42px!important}.styles_cGoogleDocsViewerToolbarIcon__JNzaY:hover{color:"#fff"}.styles_cGoogleDocsViewerToolbar__fNE-C{color:#fff;left:5px;position:fixed;top:5px;z-index:1001}.styles_cGoogleDocsViewerToolbarBackButton__zrD-S{align-items:center;display:flex}.styles_cGoogleDocsViewerToolbarBackButtonFileName__Gnag9{color:#fff;font-size:1rem}');export{e as default};

package/components/HeaderLayout/HeaderLayout.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".HeaderLayout_layoutContainer__1t8ww {\n  display: flex;\n  flex-direction: column;\n}\n\n.HeaderLayout_layoutTopLarge__3Bhug {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.HeaderLayout_layoutTopRightLarge__Ykjaw {\n  display: flex;\n  align-items: baseline;\n  justify-content: end;\n  width: auto;\n  overflow: hidden;\n}\n\n.HeaderLayout_layoutTopSmall__3bKdD {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  overflow: hidden;\n}\n\n.HeaderLayout_assetChips__3D5Me {\n  overflow: hidden;\n  display: flex;\n  justify-content: end;\n}\n\n.HeaderLayout_layoutBottomSmall__35m3P {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  padding-top: 8px;\n}\n\n.HeaderLayout_layoutOffsetpicker__3QDW5 {\n  display: flex;\n  align-items: center;\n}\n\n.HeaderLayout_layoutOffsetwellChipsLarge__HmO44 {\n  display: flex;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n}\n\n.HeaderLayout_layoutOffsetwellChipsSmall__2qfWG {\n  display: flex;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n}\n";
-var styles = {"layoutContainer":"HeaderLayout_layoutContainer__1t8ww","layoutTopLarge":"HeaderLayout_layoutTopLarge__3Bhug","layoutTopRightLarge":"HeaderLayout_layoutTopRightLarge__Ykjaw","layoutTopSmall":"HeaderLayout_layoutTopSmall__3bKdD","assetChips":"HeaderLayout_assetChips__3D5Me","layoutBottomSmall":"HeaderLayout_layoutBottomSmall__35m3P","layoutOffsetpicker":"HeaderLayout_layoutOffsetpicker__3QDW5","layoutOffsetwellChipsLarge":"HeaderLayout_layoutOffsetwellChipsLarge__HmO44","layoutOffsetwellChipsSmall":"HeaderLayout_layoutOffsetwellChipsSmall__2qfWG"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=HeaderLayout.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={layoutContainer:"HeaderLayout_layoutContainer__w0Y9c",layoutTopLarge:"HeaderLayout_layoutTopLarge__n-g8a",layoutTopRightLarge:"HeaderLayout_layoutTopRightLarge__Jr9yh",layoutTopSmall:"HeaderLayout_layoutTopSmall__4ZxAb",assetChips:"HeaderLayout_assetChips__kvLY7",layoutBottomSmall:"HeaderLayout_layoutBottomSmall__Tl-yE",layoutOffsetpicker:"HeaderLayout_layoutOffsetpicker__gGVNO",layoutOffsetwellChipsLarge:"HeaderLayout_layoutOffsetwellChipsLarge__5EUUe",layoutOffsetwellChipsSmall:"HeaderLayout_layoutOffsetwellChipsSmall__HnEkc"};e(".HeaderLayout_layoutContainer__w0Y9c{display:flex;flex-direction:column}.HeaderLayout_layoutTopLarge__n-g8a{align-items:center;display:flex;justify-content:space-between}.HeaderLayout_layoutTopRightLarge__Jr9yh{align-items:baseline;display:flex;justify-content:end;overflow:hidden;width:auto}.HeaderLayout_layoutTopSmall__4ZxAb{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:auto}.HeaderLayout_assetChips__kvLY7{display:flex;justify-content:end;overflow:hidden}.HeaderLayout_layoutBottomSmall__Tl-yE{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:8px}.HeaderLayout_layoutOffsetpicker__gGVNO{align-items:center;display:flex}.HeaderLayout_layoutOffsetwellChipsLarge__5EUUe{display:flex;flex-wrap:wrap;justify-content:flex-end}.HeaderLayout_layoutOffsetwellChipsSmall__HnEkc{display:flex;flex-wrap:wrap;justify-content:flex-start}");export{a as default};

package/components/HeaderLayout/HeaderLayout.js

@@ -1,133 +1 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Collapse } from '@material-ui/core';
-import { useMemo, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import { SizeMe } from 'react-sizeme';
-import { getAppTitle, getAppSubTitle, getExpander, getOffsetPicker, getSecondaryAsset, getModeSelect, getPadChip, getPrimaryAsset, getOffsetWellsChip } from './utils.js';
-import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants.js';
-import { useComonentsWidth, useFilterLayout } from './effects/index.js';
-import styles from './HeaderLayout.css.js';
-
-function formatAssetName(assetName) {
-  var words = assetName.split(' ');
-  var firstChar = assetName[0];
-  var endWord = words[words.length - 1];
-  return "".concat(firstChar, " ").concat(endWord);
-}
-
-function getShortComponent(layout, primaryAssetComponent) {
-  if (layout === SMALL_SIZE_LAYOUT && primaryAssetComponent) {
-    // NOTE: When asset name is long, use its shorthand
-    var clonedComponent = cloneElement(primaryAssetComponent, primaryAssetComponent.props, formatAssetName(primaryAssetComponent.props.children));
-    return clonedComponent;
-  }
-
-  return primaryAssetComponent;
-}
-
-function HeaderLayout(_ref) {
-  var children = _ref.children,
-      appWidth = _ref.appWidth;
-  // NOTE: Calcualte width of each components
-  var componentsWidth = useComonentsWidth(children); // NOTE: Determine layout to be shown based on the calculated width
-
-  var layout = useFilterLayout(children, componentsWidth, appWidth);
-  var titleComponent = getAppTitle(children);
-  var subTitleComponent = getAppSubTitle(children);
-  var expanderComponent = getExpander(children);
-  var offsetPickerComponent = getOffsetPicker(children);
-  var secondaryAssetComponent = getSecondaryAsset(children);
-  var modeSelectComponent = getModeSelect(children);
-  var padChipComponent = getPadChip(children);
-  var primaryAssetComponent = getPrimaryAsset(children);
-  var offsetWellChipsComponent = getOffsetWellsChip(children); // NOTE: Drilling apps won't have primaryAsset chip in asset dashabord
-
-  var primaryAssetShortComponent = useMemo(function () {
-    return getShortComponent(layout, primaryAssetComponent);
-  }, [layout, primaryAssetComponent]);
-  var padChipShortComponent = useMemo(function () {
-    return getShortComponent(layout, padChipComponent);
-  }, [layout, padChipComponent]);
-  return /*#__PURE__*/jsxs("div", {
-    style: {
-      width: '100%'
-    },
-    children: [/*#__PURE__*/jsx(Collapse, {
-      timeout: 10,
-      in: layout === LARGE_SIZE_LAYOUT,
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.layoutContainer,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: styles.layoutTopLarge,
-          children: [/*#__PURE__*/jsx("div", {
-            children: titleComponent
-          }), /*#__PURE__*/jsxs("div", {
-            className: styles.layoutTopRightLarge,
-            children: [secondaryAssetComponent, modeSelectComponent, /*#__PURE__*/jsxs("div", {
-              className: styles.layoutOffsetpicker,
-              children: [expanderComponent, offsetPickerComponent]
-            }), padChipComponent, primaryAssetComponent]
-          })]
-        }), /*#__PURE__*/jsx("div", {
-          children: subTitleComponent
-        }), /*#__PURE__*/jsx("div", {
-          className: styles.layoutOffsetwellChipsLarge,
-          children: offsetWellChipsComponent
-        })]
-      })
-    }), /*#__PURE__*/jsx(Collapse, {
-      timeout: 10,
-      in: [MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT].includes(layout),
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.layoutContainer,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: styles.layoutTopSmall,
-          children: [/*#__PURE__*/jsx("div", {
-            children: titleComponent
-          }), /*#__PURE__*/jsxs("div", {
-            className: styles.assetChips,
-            children: [layout === MEDIUM_SIZE_LAYOUT && /*#__PURE__*/jsxs(Fragment, {
-              children: [padChipComponent, primaryAssetComponent]
-            }), layout === SMALL_SIZE_LAYOUT && primaryAssetShortComponent]
-          })]
-        }), /*#__PURE__*/jsx("div", {
-          children: subTitleComponent
-        }), /*#__PURE__*/jsxs("div", {
-          className: styles.layoutBottomSmall,
-          children: [secondaryAssetComponent, modeSelectComponent, layout === SMALL_SIZE_LAYOUT && padChipShortComponent, /*#__PURE__*/jsxs("div", {
-            className: styles.layoutOffsetpicker,
-            children: [expanderComponent, offsetPickerComponent]
-          })]
-        }), /*#__PURE__*/jsx("div", {
-          className: styles.layoutOffsetwellChipsSmall,
-          children: offsetWellChipsComponent
-        })]
-      })
-    })]
-  });
-}
-
-HeaderLayout.propTypes = {
-  appWidth: PropTypes.func.isRequired,
-  children: PropTypes.arrayOf(PropTypes.node).isRequired
-};
-
-function WithSizeMe(props) {
-  return /*#__PURE__*/jsx(SizeMe, {
-    monitorWidth: true,
-    children: function children(_ref2) {
-      var size = _ref2.size;
-      return /*#__PURE__*/jsx(HeaderLayout, {
-        appWidth: size.width - 21,
-        children: props.children
-      });
-    }
-  });
-}
-
-WithSizeMe.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.node).isRequired
-};
-
-export default WithSizeMe;
-//# sourceMappingURL=HeaderLayout.js.map
+import{useMemo as i,cloneElement as e}from"react";import r from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as l}from"@material-ui/core";import{useComonentsWidth as a,useFilterLayout as n}from"./effects/index.js";import{getAppTitle as c,getAppSubTitle as o,getExpander as d,getOffsetPicker as s,getSecondaryAsset as m,getModeSelect as p,getPadChip as h,getPrimaryAsset as u,getOffsetWellsChip as f}from"./utils.js";import{LARGE_SIZE_LAYOUT as v,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as N}from"./constants.js";import O from"./HeaderLayout.css.js";import{jsx as g,jsxs as j,Fragment as C}from"react/jsx-runtime";function T(i,r){var t,l,a,n;return i===N&&r?e(r,r.props,(t=r.props.children,l=t.split(" "),a=t[0],n=l[l.length-1],"".concat(a," ").concat(n))):r}function w(e){var r=e.children,t=e.appWidth,w=a(r),L=n(r,w,t),R=c(r),W=o(r),q=d(r),x=s(r),S=m(r),k=p(r),z=h(r),B=u(r),H=f(r),b=i((function(){return T(L,B)}),[L,B]),A=i((function(){return T(L,z)}),[L,z]);return j("div",{style:{width:"100%"},children:[g(l,{timeout:10,in:L===v,children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopLarge,children:[g("div",{children:R}),j("div",{className:O.layoutTopRightLarge,children:[S,k,j("div",{className:O.layoutOffsetpicker,children:[q,x]}),z,B]})]}),g("div",{children:W}),g("div",{className:O.layoutOffsetwellChipsLarge,children:H})]})}),g(l,{timeout:10,in:[y,N].includes(L),children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopSmall,children:[g("div",{children:R}),j("div",{className:O.assetChips,children:[L===y&&j(C,{children:[z,B]}),L===N&&b]})]}),g("div",{children:W}),j("div",{className:O.layoutBottomSmall,children:[S,k,L===N&&A,j("div",{className:O.layoutOffsetpicker,children:[q,x]})]}),g("div",{className:O.layoutOffsetwellChipsSmall,children:H})]})})]})}function L(i){return g(t,{monitorWidth:!0,children:function(e){var r=e.size;return g(w,{appWidth:r.width-21,children:i.children})}})}w.propTypes={appWidth:r.func.isRequired,children:r.arrayOf(r.node).isRequired},L.propTypes={children:r.arrayOf(r.node).isRequired};export{L as default};

package/components/HeaderLayout/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/HeaderLayout/effects/index.js

@@ -1,116 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, isEqual } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/typeof';
-import { jsx } from 'react/jsx-runtime';
-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 '../../../config/mapbox/index.js';
-import { useState, useEffect, useRef } from 'react';
-import { MuiThemeProvider } from '@material-ui/core/styles';
-import ReactDOM from 'react-dom';
-import { getAppTitle, getExpander, getOffsetPicker, getSecondaryAsset, getModeSelect, getPrimaryAsset } from '../utils.js';
-import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from '../constants.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function useFilterLayout(components, componentsWidth, appWidth) {
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      layout = _useState2[0],
-      setLayout = _useState2[1];
-
-  useEffect(function () {
-    if (!appWidth || !componentsWidth) {
-      return;
-    }
-
-    var titleComponent = getAppTitle(components);
-    var expanderComponent = getExpander(components);
-    var offsetPickerComponent = getOffsetPicker(components);
-    var secondaryAssetComponent = getSecondaryAsset(components);
-    var modeSelectComponent = getModeSelect(components);
-    var primaryAssetComponent = getPrimaryAsset(components);
-    var titleWidth = componentsWidth[get(titleComponent, 'key')] || 0;
-    var expanderWidth = componentsWidth[get(expanderComponent, 'key')] || 0;
-    var offsetPickerWidth = componentsWidth[get(offsetPickerComponent, 'key')] || 0;
-    var secondaryAssetWidth = componentsWidth[get(secondaryAssetComponent, 'key')] || 0;
-    var modeSelectWidth = componentsWidth[get(modeSelectComponent, 'key')] || 0;
-    var primaryAssetWidth = componentsWidth[get(primaryAssetComponent, 'key')] || 0;
-    var extraWidth = expanderWidth + offsetPickerWidth + secondaryAssetWidth + modeSelectWidth + primaryAssetWidth;
-
-    if (titleWidth + extraWidth <= appWidth) {
-      setLayout(LARGE_SIZE_LAYOUT);
-    } else if (titleWidth + primaryAssetWidth <= appWidth) {
-      setLayout(MEDIUM_SIZE_LAYOUT);
-    } else {
-      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;
-    } // NOTE: There's data loading in offset picker
-
-
-    var offsetPickerComponent = getOffsetPicker(components);
-    var offsetPickerKey = get(offsetPickerComponent, 'key');
-    widthRef.current = offsetPickerKey ? _defineProperty({}, offsetPickerKey, 36) : {};
-    validComponents.forEach(function (component) {
-      var element = document.createElement('div');
-      element.style.position = 'absolute';
-      element.style.visibility = 'hidden';
-      document.body.appendChild(element);
-
-      if (component && component.key !== offsetPickerKey) {
-        ReactDOM.render( /*#__PURE__*/jsx(MuiThemeProvider, {
-          theme: darkTheme,
-          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;
-}
-
-export { 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 o,useRef as i}from"react";import n from"react-dom";import{get as c,isEqual as m}from"lodash";import{MuiThemeProvider as s}from"@material-ui/core/styles";import{darkTheme as u}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{getAppTitle as h,getExpander as p,getOffsetPicker as l,getSecondaryAsset as a,getModeSelect as f,getPrimaryAsset 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 O}from"react/jsx-runtime";function j(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 v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?j(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function k(r,i,n){var m=t(null),s=e(m,2),u=s[0],O=s[1];return o((function(){if(n&&i){var e=h(r),t=p(r),o=l(r),m=a(r),s=f(r),u=d(r),j=i[c(e,"key")]||0,v=i[c(t,"key")]||0,k=i[c(o,"key")]||0,P=i[c(m,"key")]||0,w=i[c(s,"key")]||0,x=i[c(u,"key")]||0;O(j+(v+k+P+w+x)<=n?b:j+x<=n?g:y)}}),[i,n]),u}function P(h){var p=i({}),a=t(null),f=e(a,2),d=f[0],b=f[1],g=i({});return o((function(){var e=h.filter((function(r){return!!r}));if(!m(e,g.current)){var t=l(h),o=c(t,"key");p.current=o?r({},o,36):{},e.forEach((function(t){var i=document.createElement("div");i.style.position="absolute",i.style.visibility="hidden",document.body.appendChild(i),t&&t.key!==o&&n.render(O(s,{theme:u,children:t}),i,(function(){var o=i.getBoundingClientRect();i.remove(),p.current=v(v({},p.current),{},r({},t.key,o.width)),Object.values(p.current).length===e.length&&(m(d,p.current)||b(p.current))}))})),g.current=e}})),d}export{P as useComonentsWidth,k as useFilterLayout};

package/components/HeaderLayout/utils.js

@@ -1,49 +1 @@
-// NOTE: Get components based on "key" props specified
-function getAppTitle(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('title');
-  });
-}
-function getAppSubTitle(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('subtitle');
-  });
-}
-function getExpander(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('expander');
-  });
-}
-function getOffsetPicker(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('offset-picker');
-  });
-}
-function getSecondaryAsset(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('secondary-asset');
-  });
-}
-function getModeSelect(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('mode-select');
-  });
-}
-function getPadChip(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('pad-chip');
-  });
-}
-function getPrimaryAsset(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('primary-asset');
-  });
-}
-function getOffsetWellsChip(components) {
-  return components.find(function (item) {
-    return item && item.key && item.key.includes('offset-chip');
-  });
-}
-
-export { getAppSubTitle, getAppTitle, getExpander, getModeSelect, getOffsetPicker, getOffsetWellsChip, getPadChip, getPrimaryAsset, getSecondaryAsset };
-//# sourceMappingURL=utils.js.map
+function n(n){return n.find((function(n){return n&&n.key&&n.key.includes("title")}))}function e(n){return n.find((function(n){return n&&n.key&&n.key.includes("subtitle")}))}function t(n){return n.find((function(n){return n&&n.key&&n.key.includes("expander")}))}function u(n){return n.find((function(n){return n&&n.key&&n.key.includes("offset-picker")}))}function i(n){return n.find((function(n){return n&&n.key&&n.key.includes("secondary-asset")}))}function r(n){return n.find((function(n){return n&&n.key&&n.key.includes("mode-select")}))}function c(n){return n.find((function(n){return n&&n.key&&n.key.includes("pad-chip")}))}function f(n){return n.find((function(n){return n&&n.key&&n.key.includes("primary-asset")}))}function o(n){return n.find((function(n){return n&&n.key&&n.key.includes("offset-chip")}))}export{e as getAppSubTitle,n as getAppTitle,t as getExpander,r as getModeSelect,u as getOffsetPicker,o as getOffsetWellsChip,c as getPadChip,f as getPrimaryAsset,i as getSecondaryAsset};

package/components/HelpCenter/ArticleIcon.js

@@ -1,17 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import { createSvgIcon } from '@material-ui/core';
-
-var ArticleIcon = createSvgIcon( /*#__PURE__*/jsx("svg", {
-  width: "20",
-  height: "20",
-  viewBox: "-4 -4 20 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: /*#__PURE__*/jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1.50793 0.0834961C0.67512 0.0834961 0 0.758616 0 1.59143V14.4089C0 15.2417 0.67512 15.9168 1.50793 15.9168H13.2887C13.2888 15.9168 13.2889 15.9168 13.2891 15.9168C14.6944 15.9168 15.8337 14.7775 15.8337 13.3722V8.0711C15.8337 7.61548 15.4644 7.24618 15.0088 7.24618H12.252V1.59143C12.252 0.758616 11.5769 0.0834961 10.744 0.0834961H1.50793ZM9.4725 5.03137H2.68678V6.53931H9.4725V5.03137ZM2.68678 8.0472H9.4725V9.5552H2.68678V8.0472ZM9.4725 11.0631H2.68678V12.5711H9.4725V11.0631ZM12.2524 8.7541V13.3722C12.2524 13.9447 12.7165 14.4089 13.2891 14.4089C13.8616 14.4089 14.3258 13.9447 14.3258 13.3722V8.7541H12.2524Z"
-  })
-}), 'ArticleIcon');
-
-export { ArticleIcon };
-//# sourceMappingURL=ArticleIcon.js.map
+import{createSvgIcon as e}from"@material-ui/core";import{jsx as r}from"react/jsx-runtime";var i=e(r("svg",{width:"20",height:"20",viewBox:"-4 -4 20 20",xmlns:"http://www.w3.org/2000/svg",children:r("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.50793 0.0834961C0.67512 0.0834961 0 0.758616 0 1.59143V14.4089C0 15.2417 0.67512 15.9168 1.50793 15.9168H13.2887C13.2888 15.9168 13.2889 15.9168 13.2891 15.9168C14.6944 15.9168 15.8337 14.7775 15.8337 13.3722V8.0711C15.8337 7.61548 15.4644 7.24618 15.0088 7.24618H12.252V1.59143C12.252 0.758616 11.5769 0.0834961 10.744 0.0834961H1.50793ZM9.4725 5.03137H2.68678V6.53931H9.4725V5.03137ZM2.68678 8.0472H9.4725V9.5552H2.68678V8.0472ZM9.4725 11.0631H2.68678V12.5711H9.4725V11.0631ZM12.2524 8.7541V13.3722C12.2524 13.9447 12.7165 14.4089 13.2891 14.4089C13.8616 14.4089 14.3258 13.9447 14.3258 13.3722V8.7541H12.2524Z"})}),"ArticleIcon");export{i as ArticleIcon};