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

package/components/HeaderLayout/HeaderLayout.js

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

package/components/HeaderLayout/HeaderLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.js","sources":["../../../src/components/HeaderLayout/HeaderLayout.js"],"sourcesContent":["/**\n * A wrapper component that handles the layout of completion app headers\n *\n * MUST 1: \"key\" props must be specified to make \"auto layout\" working\n * --------- \"title\": App Title\n * --------- \"subtitle\": App SubTitle\n * --------- \"expander\": Offset Picker expander\n * --------- \"offset-picker\": Offset Picker\n * --------- \"secondary-asset\": Active Well Chip\n * --------- \"mode-select\": Completion Mode Select\n * --------- \"primary-asset\": Pad (or Well) Chip\n * --------- \"offset-chip\": Offset Well Chips\n * MUST 2: Each child component must be \"inline-block\" style\n *\n *\n * If the above conditions meet, this component will auto-place children components.\n *\n * Layout 1: Large Size\n * ---------------------------------------------------------------------------------------------------\n * | title                | secondary-asset | mode-select | expander | offset-picker | primary-asset |\n * ---------------------------------------------------------------------------------------------------\n * | subtitle                                                                                        |\n * ---------------------------------------------------------------------------------------------------\n * |                                                                      | chip 1 | chip 2 | chip 3 |\n *\n * Layout 2: Medium/Small Size Size\n * --------------------------------------------------------------------------\n * | title                                                  | primary-asset |\n * --------------------------------------------------------------------------\n * | subtitle                                                               |\n * --------------------------------------------------------------------------\n * | secondary-asset | mode-select | expander | offset-picker |\n * --------------------------------------------------------------------------\n * | chip 1 | chip 2 | chip 3 |\n *\n */\n\nimport { useMemo, cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { SizeMe } from 'react-sizeme';\nimport { Collapse } from '@material-ui/core';\n\nimport { useComonentsWidth, useFilterLayout } from './effects';\nimport {\n  getAppTitle,\n  getAppSubTitle,\n  getExpander,\n  getOffsetPicker,\n  getSecondaryAsset,\n  getModeSelect,\n  getPrimaryAsset,\n  getOffsetWellsChip,\n  getPadChip,\n} from './utils';\nimport { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from './constants';\n\nimport styles from './HeaderLayout.css';\n\nfunction formatAssetName(assetName) {\n  const words = assetName.split(' ');\n  const firstChar = assetName[0];\n  const endWord = words[words.length - 1];\n  return `${firstChar} ${endWord}`;\n}\n\nfunction getShortComponent(layout, primaryAssetComponent) {\n  if (layout === SMALL_SIZE_LAYOUT && primaryAssetComponent) {\n    // NOTE: When asset name is long, use its shorthand\n    const clonedComponent = cloneElement(\n      primaryAssetComponent,\n      primaryAssetComponent.props,\n      formatAssetName(primaryAssetComponent.props.children)\n    );\n    return clonedComponent;\n  }\n\n  return primaryAssetComponent;\n}\n\nfunction HeaderLayout({ children, appWidth }) {\n  // NOTE: Calcualte width of each components\n  const componentsWidth = useComonentsWidth(children);\n\n  // NOTE: Determine layout to be shown based on the calculated width\n  const layout = useFilterLayout(children, componentsWidth, appWidth);\n\n  const titleComponent = getAppTitle(children);\n  const subTitleComponent = getAppSubTitle(children);\n  const expanderComponent = getExpander(children);\n  const offsetPickerComponent = getOffsetPicker(children);\n  const secondaryAssetComponent = getSecondaryAsset(children);\n  const modeSelectComponent = getModeSelect(children);\n  const padChipComponent = getPadChip(children);\n  const primaryAssetComponent = getPrimaryAsset(children);\n  const offsetWellChipsComponent = getOffsetWellsChip(children);\n\n  // NOTE: Drilling apps won't have primaryAsset chip in asset dashabord\n  const primaryAssetShortComponent = useMemo(\n    () => getShortComponent(layout, primaryAssetComponent),\n    [layout, primaryAssetComponent]\n  );\n\n  const padChipShortComponent = useMemo(() => getShortComponent(layout, padChipComponent), [\n    layout,\n    padChipComponent,\n  ]);\n\n  return (\n    <div style={{ width: '100%' }}>\n      <Collapse timeout={10} in={layout === LARGE_SIZE_LAYOUT}>\n        <div className={styles.layoutContainer}>\n          <div className={styles.layoutTopLarge}>\n            <div>{titleComponent}</div>\n\n            <div className={styles.layoutTopRightLarge}>\n              {secondaryAssetComponent}\n              {modeSelectComponent}\n              <div className={styles.layoutOffsetpicker}>\n                {expanderComponent}\n                {offsetPickerComponent}\n              </div>\n              {padChipComponent}\n              {primaryAssetComponent}\n            </div>\n          </div>\n\n          <div>{subTitleComponent}</div>\n\n          <div className={styles.layoutOffsetwellChipsLarge}>{offsetWellChipsComponent}</div>\n        </div>\n      </Collapse>\n\n      <Collapse timeout={10} in={[MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT].includes(layout)}>\n        <div className={styles.layoutContainer}>\n          <div className={styles.layoutTopSmall}>\n            <div>{titleComponent}</div>\n            <div className={styles.assetChips}>\n              {layout === MEDIUM_SIZE_LAYOUT && (\n                <>\n                  {padChipComponent}\n                  {primaryAssetComponent}\n                </>\n              )}\n              {layout === SMALL_SIZE_LAYOUT && primaryAssetShortComponent}\n            </div>\n          </div>\n\n          <div>{subTitleComponent}</div>\n\n          <div className={styles.layoutBottomSmall}>\n            {secondaryAssetComponent}\n            {modeSelectComponent}\n            {layout === SMALL_SIZE_LAYOUT && padChipShortComponent}\n            <div className={styles.layoutOffsetpicker}>\n              {expanderComponent}\n              {offsetPickerComponent}\n            </div>\n          </div>\n\n          <div className={styles.layoutOffsetwellChipsSmall}>{offsetWellChipsComponent}</div>\n        </div>\n      </Collapse>\n    </div>\n  );\n}\n\nHeaderLayout.propTypes = {\n  appWidth: PropTypes.func.isRequired,\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nfunction WithSizeMe(props) {\n  return (\n    <SizeMe monitorWidth>\n      {({ size }) => <HeaderLayout appWidth={size.width - 21}>{props.children}</HeaderLayout>}\n    </SizeMe>\n  );\n}\n\nWithSizeMe.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nexport default WithSizeMe;\n"],"names":["formatAssetName","assetName","words","split","firstChar","endWord","length","getShortComponent","layout","primaryAssetComponent","SMALL_SIZE_LAYOUT","clonedComponent","cloneElement","props","children","HeaderLayout","appWidth","componentsWidth","useComonentsWidth","useFilterLayout","titleComponent","getAppTitle","subTitleComponent","getAppSubTitle","expanderComponent","getExpander","offsetPickerComponent","getOffsetPicker","secondaryAssetComponent","getSecondaryAsset","modeSelectComponent","getModeSelect","padChipComponent","getPadChip","getPrimaryAsset","offsetWellChipsComponent","getOffsetWellsChip","primaryAssetShortComponent","useMemo","padChipShortComponent","_jsxs","width","_jsx","LARGE_SIZE_LAYOUT","styles","layoutContainer","layoutTopLarge","layoutTopRightLarge","layoutOffsetpicker","layoutOffsetwellChipsLarge","MEDIUM_SIZE_LAYOUT","includes","layoutTopSmall","assetChips","layoutBottomSmall","layoutOffsetwellChipsSmall","propTypes","PropTypes","func","isRequired","arrayOf","node","WithSizeMe","size"],"mappings":"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"}

package/components/HeaderLayout/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/HeaderLayout/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/HeaderLayout/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":"IAAaA,iBAAiB,GAAG;IACpBC,kBAAkB,GAAG;IACrBC,iBAAiB,GAAG;;;;"}

package/components/HeaderLayout/effects/index.js

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

package/components/HeaderLayout/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/HeaderLayout/effects/index.js"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport { isEqual, get } from 'lodash';\n\nimport { MuiThemeProvider } from '@material-ui/core/styles';\nimport { theme } from '~/config'\nimport {\n  getAppTitle,\n  getExpander,\n  getOffsetPicker,\n  getSecondaryAsset,\n  getModeSelect,\n  getPrimaryAsset,\n} 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, appWidth) {\n  const [layout, setLayout] = useState(null);\n\n  useEffect(() => {\n    if (!appWidth || !componentsWidth) {\n      return;\n    }\n\n    const titleComponent = getAppTitle(components);\n    const expanderComponent = getExpander(components);\n    const offsetPickerComponent = getOffsetPicker(components);\n    const secondaryAssetComponent = getSecondaryAsset(components);\n    const modeSelectComponent = getModeSelect(components);\n    const primaryAssetComponent = getPrimaryAsset(components);\n\n    const titleWidth = componentsWidth[get(titleComponent, 'key')] || 0;\n    const expanderWidth = componentsWidth[get(expanderComponent, 'key')] || 0;\n    const offsetPickerWidth = componentsWidth[get(offsetPickerComponent, 'key')] || 0;\n    const secondaryAssetWidth = componentsWidth[get(secondaryAssetComponent, 'key')] || 0;\n    const modeSelectWidth = componentsWidth[get(modeSelectComponent, 'key')] || 0;\n    const primaryAssetWidth = componentsWidth[get(primaryAssetComponent, 'key')] || 0;\n\n    const extraWidth =\n      expanderWidth + offsetPickerWidth + secondaryAssetWidth + modeSelectWidth + primaryAssetWidth;\n\n    if (titleWidth + extraWidth <= appWidth) {\n      setLayout(LARGE_SIZE_LAYOUT);\n    } else if (titleWidth + primaryAssetWidth <= appWidth) {\n      setLayout(MEDIUM_SIZE_LAYOUT);\n    } else {\n      setLayout(SMALL_SIZE_LAYOUT);\n    }\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    // NOTE: There's data loading in offset picker\n    const offsetPickerComponent = getOffsetPicker(components);\n    const offsetPickerKey = get(offsetPickerComponent, 'key');\n\n    widthRef.current = offsetPickerKey ? { [offsetPickerKey]: 36 } : {};\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 && component.key !== offsetPickerKey) {\n        ReactDOM.render(\n          <MuiThemeProvider theme={theme.darkTheme}>{component}</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"],"names":["useFilterLayout","components","componentsWidth","appWidth","useState","layout","setLayout","useEffect","titleComponent","getAppTitle","expanderComponent","getExpander","offsetPickerComponent","getOffsetPicker","secondaryAssetComponent","getSecondaryAsset","modeSelectComponent","getModeSelect","primaryAssetComponent","getPrimaryAsset","titleWidth","get","expanderWidth","offsetPickerWidth","secondaryAssetWidth","modeSelectWidth","primaryAssetWidth","extraWidth","LARGE_SIZE_LAYOUT","MEDIUM_SIZE_LAYOUT","SMALL_SIZE_LAYOUT","useComonentsWidth","widthRef","useRef","widthDict","setWidthDict","prevComponentsRef","validComponents","filter","component","isEqual","current","offsetPickerKey","forEach","element","document","createElement","style","position","visibility","body","appendChild","key","ReactDOM","render","_jsx","theme","dims","getBoundingClientRect","remove","width","Object","values","length"],"mappings":"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"}

package/components/HeaderLayout/utils.js

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

package/components/HeaderLayout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/HeaderLayout/utils.js"],"sourcesContent":["// NOTE: Get components based on \"key\" props specified\nexport function getAppTitle(components) {\n  return components.find(item => item && item.key && item.key.includes('title'));\n}\n\nexport function getAppSubTitle(components) {\n  return components.find(item => item && item.key && item.key.includes('subtitle'));\n}\n\nexport function getExpander(components) {\n  return components.find(item => item && item.key && item.key.includes('expander'));\n}\n\nexport function getOffsetPicker(components) {\n  return components.find(item => item && item.key && item.key.includes('offset-picker'));\n}\n\nexport function getSecondaryAsset(components) {\n  return components.find(item => item && item.key && item.key.includes('secondary-asset'));\n}\n\nexport function getModeSelect(components) {\n  return components.find(item => item && item.key && item.key.includes('mode-select'));\n}\n\nexport function getPadChip(components) {\n  return components.find(item => item && item.key && item.key.includes('pad-chip'));\n}\n\nexport function getPrimaryAsset(components) {\n  return components.find(item => item && item.key && item.key.includes('primary-asset'));\n}\n\nexport function getOffsetWellsChip(components) {\n  return components.find(item => item && item.key && item.key.includes('offset-chip'));\n}\n"],"names":["getAppTitle","components","find","item","key","includes","getAppSubTitle","getExpander","getOffsetPicker","getSecondaryAsset","getModeSelect","getPadChip","getPrimaryAsset","getOffsetWellsChip"],"mappings":"AAAA;AACO,SAASA,WAAT,CAAqBC,UAArB,EAAiC;AACtC,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,OAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASC,cAAT,CAAwBL,UAAxB,EAAoC;AACzC,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,UAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASE,WAAT,CAAqBN,UAArB,EAAiC;AACtC,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,UAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASG,eAAT,CAAyBP,UAAzB,EAAqC;AAC1C,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,eAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASI,iBAAT,CAA2BR,UAA3B,EAAuC;AAC5C,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,iBAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASK,aAAT,CAAuBT,UAAvB,EAAmC;AACxC,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,aAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASM,UAAT,CAAoBV,UAApB,EAAgC;AACrC,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,UAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASO,eAAT,CAAyBX,UAAzB,EAAqC;AAC1C,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,eAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;AAEM,SAASQ,kBAAT,CAA4BZ,UAA5B,EAAwC;AAC7C,SAAOA,UAAU,CAACC,IAAX,CAAgB,UAAAC,IAAI;AAAA,WAAIA,IAAI,IAAIA,IAAI,CAACC,GAAb,IAAoBD,IAAI,CAACC,GAAL,CAASC,QAAT,CAAkB,aAAlB,CAAxB;AAAA,GAApB,CAAP;AACD;;;;"}

package/components/HelpCenter/ArticleIcon.js

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

package/components/HelpCenter/ArticleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleIcon.js","sources":["../../../src/components/HelpCenter/ArticleIcon.js"],"sourcesContent":["import { createSvgIcon } from '@material-ui/core';\n\nexport const ArticleIcon = createSvgIcon(\n  <svg width=\"20\" height=\"20\" viewBox=\"-4 -4 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      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\"\n    />\n  </svg>,\n  'ArticleIcon'\n);\n"],"names":["ArticleIcon","createSvgIcon","_jsx"],"mappings":";;;IAEaA,WAAW,GAAGC,aAAa,eACtCC;AAAK,EAAA,KAAK,EAAC,IAAX;AAAgB,EAAA,MAAM,EAAC,IAAvB;AAA4B,EAAA,OAAO,EAAC,aAApC;AAAkD,EAAA,KAAK,EAAC,4BAAxD;AAAA,yBACEA;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC;AAHJ;AADF,EADsC,EAQtC,aARsC;;;;"}