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

package/components/HeaderLayout/HeaderLayout.js

@@ -1,165 +1 @@
-import { useMemo, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import { SizeMe } from 'react-sizeme';
-import { Collapse } from '@material-ui/core';
-import { useComonentsWidth, useFilterLayout } from './effects/index.js';
-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 styles from './HeaderLayout.css.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-/**
- * A wrapper component that handles the layout of completion app headers
- *
- * MUST 1: "key" props must be specified to make "auto layout" working
- * --------- "title": App Title
- * --------- "subtitle": App SubTitle
- * --------- "expander": Offset Picker expander
- * --------- "offset-picker": Offset Picker
- * --------- "secondary-asset": Active Well Chip
- * --------- "mode-select": Completion Mode Select
- * --------- "primary-asset": Pad (or Well) Chip
- * --------- "offset-chip": Offset Well Chips
- * MUST 2: Each child component must be "inline-block" style
- *
- *
- * If the above conditions meet, this component will auto-place children components.
- *
- * Layout 1: Large Size
- * ---------------------------------------------------------------------------------------------------
- * | title                | secondary-asset | mode-select | expander | offset-picker | primary-asset |
- * ---------------------------------------------------------------------------------------------------
- * | subtitle                                                                                        |
- * ---------------------------------------------------------------------------------------------------
- * |                                                                      | chip 1 | chip 2 | chip 3 |
- *
- * Layout 2: Medium/Small Size Size
- * --------------------------------------------------------------------------
- * | title                                                  | primary-asset |
- * --------------------------------------------------------------------------
- * | subtitle                                                               |
- * --------------------------------------------------------------------------
- * | secondary-asset | mode-select | expander | offset-picker |
- * --------------------------------------------------------------------------
- * | chip 1 | chip 2 | chip 3 |
- *
- */
-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 { WithSizeMe as default };
-//# 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,110 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
-import { get, isEqual } from 'lodash';
-import { MuiThemeProvider } from '@material-ui/core/styles';
-import { darkTheme } from '../../../config/theme/index.js';
-import 'highcharts';
-import 'highcharts/highcharts-more';
-import 'highcharts-multicolor-series';
-import 'highcharts/modules/solid-gauge';
-import 'highcharts/modules/heatmap';
-import 'highcharts/modules/boost';
-import 'highcharts/modules/exporting';
-import 'highcharts/modules/xrange';
-import 'highcharts/modules/dumbbell';
-import 'highcharts/modules/pattern-fill';
-import '@babel/runtime/helpers/typeof';
-import '../../../config/mapbox/index.js';
-import { getAppTitle, getExpander, getOffsetPicker, getSecondaryAsset, getModeSelect, getPrimaryAsset } from '../utils.js';
-import { LARGE_SIZE_LAYOUT, MEDIUM_SIZE_LAYOUT, SMALL_SIZE_LAYOUT } from '../constants.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function useFilterLayout(components, componentsWidth, 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/HelpCenterIcon.js

@@ -1,32 +1 @@
-import { createSvgIcon } from '@material-ui/core';
-import HelpIcon from '@material-ui/icons/Help';
-import moment from 'moment';
-import { getLocalStorageItem } from '../../utils/localStorage.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var NewContentIcon = createSvgIcon( /*#__PURE__*/jsxs("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15 4C15 6.76142 17.2386 9 20 9C20.5108 9 21.0036 8.92341 21.4678 8.7811C21.817 9.80819 22 10.8947 22 12C22 13.9778 21.4135 15.9112 20.3147 17.5557C19.2159 19.2002 17.6541 20.4819 15.8268 21.2388C13.9996 21.9957 11.9889 22.1937 10.0491 21.8078C8.10929 21.422 6.32746 20.4696 4.92894 19.0711C3.53041 17.6725 2.578 15.8907 2.19215 13.9509C1.8063 12.0111 2.00433 10.0004 2.76121 8.17316C3.51809 6.3459 4.79981 4.78412 6.4443 3.6853C8.08879 2.58649 10.0222 2 12 2C13.1053 2 14.1918 2.183 15.2189 2.53222C15.0766 2.99636 15 3.48923 15 4ZM13.05 17C13.05 17.3072 12.928 17.6018 12.7107 17.8191C12.4935 18.0363 12.1989 18.1583 11.8917 18.1583C11.5845 18.1583 11.2898 18.0363 11.0726 17.8191C10.8554 17.6018 10.7333 17.3072 10.7333 17C10.7333 16.6928 10.8554 16.3982 11.0726 16.1809C11.2898 15.9637 11.5845 15.8417 11.8917 15.8417C12.1989 15.8417 12.4935 15.9637 12.7107 16.1809C12.928 16.3982 13.05 16.6928 13.05 17ZM14.5 11.75C14.318 11.9101 14.1401 12.0508 13.973 12.1828C13.3749 12.6554 12.9167 13.0176 12.9167 13.7667V14.025C12.9167 14.0939 12.9031 14.1622 12.8767 14.2259C12.8503 14.2896 12.8117 14.3475 12.7629 14.3962C12.7141 14.445 12.6563 14.4837 12.5926 14.51C12.5289 14.5364 12.4606 14.55 12.3917 14.55H11.3917C11.3227 14.55 11.2545 14.5364 11.1908 14.51C11.1271 14.4837 11.0692 14.445 11.0204 14.3962C10.9717 14.3475 10.933 14.2896 10.9066 14.2259C10.8802 14.1622 10.8667 14.0939 10.8667 14.025C10.8597 13.6593 10.8876 13.2937 10.95 12.9333C11.198 11.7846 11.8447 11.2698 12.4898 10.7563L12.4898 10.7562C12.6684 10.6141 12.8468 10.472 13.0167 10.3167C13.2036 10.1738 13.3581 9.99307 13.4701 9.78624C13.5822 9.57942 13.6491 9.35123 13.6667 9.11666C13.6612 8.91591 13.6138 8.71851 13.5276 8.53712C13.4414 8.35573 13.3183 8.19436 13.1661 8.06333C13.0139 7.93231 12.836 7.83454 12.6438 7.77627C12.4516 7.71801 12.2493 7.70055 12.05 7.725C11.6634 7.68268 11.2747 7.78417 10.958 8.0101C10.6414 8.23603 10.4191 8.5706 10.3333 8.95C10.3139 9.06931 10.2532 9.17802 10.1618 9.2572C10.0704 9.33638 9.95421 9.38101 9.83334 9.38333H8.66667C8.59323 9.38262 8.52076 9.36651 8.45394 9.33604C8.38712 9.30557 8.32743 9.26143 8.27874 9.20645C8.23005 9.15147 8.19343 9.08689 8.17125 9.01688C8.14908 8.94687 8.14184 8.87298 8.15 8.8C8.425 6.85 10.0833 5.84167 12.1083 5.84167C14.2917 5.84167 15.8083 7.275 15.8083 9.1C15.8087 9.61257 15.6908 10.1183 15.4639 10.5779C15.237 11.0375 14.9071 11.4386 14.5 11.75Z"
-  }), /*#__PURE__*/jsx("path", {
-    d: "M16 4C16 1.79086 17.7909 0 20 0C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8C17.7909 8 16 6.20914 16 4Z",
-    fill: "#75DB29"
-  })]
-}), 'NewContentIcon');
-function HelpCenterIcon(_ref) {
-  var _getLocalStorageItem;
-  var appId = _ref.appId,
-    helpContentUpdatedAt = _ref.helpContentUpdatedAt;
-  var helpCenterLastOpenedAt = (_getLocalStorageItem = getLocalStorageItem('helpCenter')) === null || _getLocalStorageItem === void 0 ? void 0 : _getLocalStorageItem[appId];
-  var isNewContent = helpContentUpdatedAt && (!helpCenterLastOpenedAt || moment(helpCenterLastOpenedAt).isBefore(helpContentUpdatedAt));
-  var Icon = isNewContent ? NewContentIcon : HelpIcon;
-  return /*#__PURE__*/jsx(Icon, {});
-}
-
-export { HelpCenterIcon };
-//# sourceMappingURL=HelpCenterIcon.js.map
+import{createSvgIcon as C}from"@material-ui/core";import e from"@material-ui/icons/Help";import t from"moment";import{getLocalStorageItem as o}from"../../utils/localStorage.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";var l=C(r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 4C15 6.76142 17.2386 9 20 9C20.5108 9 21.0036 8.92341 21.4678 8.7811C21.817 9.80819 22 10.8947 22 12C22 13.9778 21.4135 15.9112 20.3147 17.5557C19.2159 19.2002 17.6541 20.4819 15.8268 21.2388C13.9996 21.9957 11.9889 22.1937 10.0491 21.8078C8.10929 21.422 6.32746 20.4696 4.92894 19.0711C3.53041 17.6725 2.578 15.8907 2.19215 13.9509C1.8063 12.0111 2.00433 10.0004 2.76121 8.17316C3.51809 6.3459 4.79981 4.78412 6.4443 3.6853C8.08879 2.58649 10.0222 2 12 2C13.1053 2 14.1918 2.183 15.2189 2.53222C15.0766 2.99636 15 3.48923 15 4ZM13.05 17C13.05 17.3072 12.928 17.6018 12.7107 17.8191C12.4935 18.0363 12.1989 18.1583 11.8917 18.1583C11.5845 18.1583 11.2898 18.0363 11.0726 17.8191C10.8554 17.6018 10.7333 17.3072 10.7333 17C10.7333 16.6928 10.8554 16.3982 11.0726 16.1809C11.2898 15.9637 11.5845 15.8417 11.8917 15.8417C12.1989 15.8417 12.4935 15.9637 12.7107 16.1809C12.928 16.3982 13.05 16.6928 13.05 17ZM14.5 11.75C14.318 11.9101 14.1401 12.0508 13.973 12.1828C13.3749 12.6554 12.9167 13.0176 12.9167 13.7667V14.025C12.9167 14.0939 12.9031 14.1622 12.8767 14.2259C12.8503 14.2896 12.8117 14.3475 12.7629 14.3962C12.7141 14.445 12.6563 14.4837 12.5926 14.51C12.5289 14.5364 12.4606 14.55 12.3917 14.55H11.3917C11.3227 14.55 11.2545 14.5364 11.1908 14.51C11.1271 14.4837 11.0692 14.445 11.0204 14.3962C10.9717 14.3475 10.933 14.2896 10.9066 14.2259C10.8802 14.1622 10.8667 14.0939 10.8667 14.025C10.8597 13.6593 10.8876 13.2937 10.95 12.9333C11.198 11.7846 11.8447 11.2698 12.4898 10.7563L12.4898 10.7562C12.6684 10.6141 12.8468 10.472 13.0167 10.3167C13.2036 10.1738 13.3581 9.99307 13.4701 9.78624C13.5822 9.57942 13.6491 9.35123 13.6667 9.11666C13.6612 8.91591 13.6138 8.71851 13.5276 8.53712C13.4414 8.35573 13.3183 8.19436 13.1661 8.06333C13.0139 7.93231 12.836 7.83454 12.6438 7.77627C12.4516 7.71801 12.2493 7.70055 12.05 7.725C11.6634 7.68268 11.2747 7.78417 10.958 8.0101C10.6414 8.23603 10.4191 8.5706 10.3333 8.95C10.3139 9.06931 10.2532 9.17802 10.1618 9.2572C10.0704 9.33638 9.95421 9.38101 9.83334 9.38333H8.66667C8.59323 9.38262 8.52076 9.36651 8.45394 9.33604C8.38712 9.30557 8.32743 9.26143 8.27874 9.20645C8.23005 9.15147 8.19343 9.08689 8.17125 9.01688C8.14908 8.94687 8.14184 8.87298 8.15 8.8C8.425 6.85 10.0833 5.84167 12.1083 5.84167C14.2917 5.84167 15.8083 7.275 15.8083 9.1C15.8087 9.61257 15.6908 10.1183 15.4639 10.5779C15.237 11.0375 14.9071 11.4386 14.5 11.75Z"}),i("path",{d:"M16 4C16 1.79086 17.7909 0 20 0C22.2091 0 24 1.79086 24 4C24 6.20914 22.2091 8 20 8C17.7909 8 16 6.20914 16 4Z",fill:"#75DB29"})]}),"NewContentIcon");function n(C){var r,n=C.appId,m=C.helpContentUpdatedAt,p=null===(r=o("helpCenter"))||void 0===r?void 0:r[n],a=m&&(!p||t(p).isBefore(m));return i(a?l:e,{})}export{n as HelpCenterIcon};

package/components/HelpCenter/index.js

@@ -1,2 +1 @@
-export { HelpCenterIcon } from './HelpCenterIcon.js';
-//# sourceMappingURL=index.js.map
+export{HelpCenterIcon}from"./HelpCenterIcon.js";

package/components/IconButton/index.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { IconButtonProps as MuiIconButtonProps } from '@material-ui/core';
 interface IconButtonProps extends Omit<MuiIconButtonProps, 'size' | 'variant' | 'classes'>, PropTypes.InferProps<typeof iconButtonPropTypes> {
     size?: 'small' | 'medium' | 'large';
-    variant?: 'contained' | 'default';
+    variant?: 'transparent' | 'contained' | 'default';
 }
 declare const IconButton: {
     ({ tooltipProps, isActive, ...otherProps }: IconButtonProps): JSX.Element;

package/components/IconButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAkE,eAAe,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAiE1I,UAAU,eAAgB,SACxB,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EACxD,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACnC;AAED,QAAA,MAAM,UAAU;gDAAsE,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsClH,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;CAaxB,CAAC;AAaF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAKL,eAAe,IAAI,kBAAkB,EACtC,MAAM,mBAAmB,CAAC;AAsF3B,UAAU,eACR,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,EAC9D,SAAS,CAAC,UAAU,CAAC,OAAO,mBAAmB,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;CACnD;AAED,QAAA,MAAM,UAAU;gDAIb,eAAe,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C/B,CAAC;AAEF,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;CAaxB,CAAC;AAaF,eAAe,UAAU,CAAC"}

package/components/IconButton/index.js

@@ -1,175 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles, Tooltip, IconButton as IconButton$1 } from '@material-ui/core';
-import { useState } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["tooltipProps", "isActive"];
-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 useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      color: theme.palette.primary.text6,
-      padding: 6,
-      '&:hover': {
-        color: '#FFFFFF',
-        backgroundColor: theme.palette.background.b7,
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        }
-      },
-      '&:active': {
-        color: '#FFFFFF',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        }
-      },
-      '&.Mui-disabled': {
-        pointerEvents: 'all',
-        opacity: 0.4,
-        color: '#FFFFFF',
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        }
-      },
-      '& .MuiSvgIcon-root': {
-        color: 'inherit',
-        fontSize: 'inherit'
-      }
-    },
-    colorPrimary: {
-      color: theme.palette.primary.main
-    },
-    sizeSmall: {
-      fontSize: 16,
-      padding: 7
-    },
-    sizeLarge: {
-      '&.MuiButtonBase-root': {
-        padding: 8
-      }
-    },
-    contained: {
-      backgroundColor: theme.palette.background.b9
-    },
-    containedDisabled: {
-      '&.MuiButtonBase-root': {
-        backgroundColor: theme.palette.background.b9
-      }
-    },
-    transparent: {
-      color: theme.palette.primary.contrastText,
-      backgroundColor: 'rgba(255, 255, 255, 0.2)',
-      '&:hover': {
-        backgroundColor: 'rgba(255, 255, 255, 0.1)'
-      }
-    },
-    transparentDisabled: {
-      '&.MuiButtonBase-root': {
-        backgroundColor: 'rgba(255, 255, 255, 0.1)'
-      }
-    },
-    tooltip: {
-      top: '-10px !important'
-    },
-    active: {
-      '&.MuiButtonBase-root': {
-        color: theme.palette.primary.text1,
-        backgroundColor: theme.palette.background.b9,
-        '&.MuiIconButton-colorPrimary': {
-          color: theme.palette.primary.main
-        },
-        '&.transparent': {
-          color: theme.palette.primary.contrastText,
-          backgroundColor: 'rgba(255, 255, 255, 0.2)'
-        }
-      }
-    },
-    tooltipTransparent: {
-      '& .MuiTooltip-tooltip': {
-        backgroundColor: 'rgba(255, 255, 255, 0.2)'
-      }
-    }
-  };
-});
-var IconButton = function IconButton(_ref) {
-  var _classNames, _classNames2;
-  var _ref$tooltipProps = _ref.tooltipProps,
-    tooltipProps = _ref$tooltipProps === void 0 ? {
-      title: undefined
-    } : _ref$tooltipProps,
-    isActive = _ref.isActive,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var size = otherProps.size,
-    variant = otherProps.variant,
-    _otherProps$classes = otherProps.classes,
-    classes = _otherProps$classes === void 0 ? {} : _otherProps$classes,
-    dataTestId = otherProps['data-testid'];
-  var styles = useStyles();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isTooltipShown = _useState2[0],
-    setIsTooltipShown = _useState2[1];
-  var buttonClasses = _objectSpread(_objectSpread({}, classes), {}, {
-    root: classNames(classes.root, styles.root, (_classNames = {}, _defineProperty(_classNames, styles.sizeLarge, size === 'large'), _defineProperty(_classNames, styles.contained, variant === 'contained'), _defineProperty(_classNames, styles.transparent, variant === 'transparent'), _classNames)),
-    disabled: classNames(classes.disabled, (_classNames2 = {}, _defineProperty(_classNames2, styles.containedDisabled, variant === 'contained'), _defineProperty(_classNames2, styles.transparentDisabled, variant === 'transparent'), _classNames2)),
-    colorPrimary: classNames(classes.colorPrimary, styles.colorPrimary),
-    sizeSmall: classNames(classes.sizeSmall, styles.sizeSmall)
-  });
-  return tooltipProps.title ? /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
-    open: isTooltipShown,
-    classes: {
-      popper: styles.tooltipTransparent
-    }
-  }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsx(IconButton$1, _objectSpread({
-      "data-testid": "".concat(dataTestId, "_").concat(tooltipProps.title),
-      classes: buttonClasses,
-      className: classNames(_defineProperty({}, styles.active, isActive), variant),
-      onMouseOver: function onMouseOver() {
-        return setIsTooltipShown(true);
-      },
-      onMouseOut: function onMouseOut() {
-        return setIsTooltipShown(false);
-      }
-    }, otherProps))
-  })) : /*#__PURE__*/jsx(IconButton$1, _objectSpread({
-    "data-testid": dataTestId,
-    classes: buttonClasses,
-    className: classNames(_defineProperty({}, styles.active, isActive), variant)
-  }, otherProps));
-};
-var iconButtonPropTypes = {
-  isActive: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  variant: PropTypes.oneOf(['default', 'contained', 'transparent']),
-  tooltipProps: PropTypes.shape({
-    title: PropTypes.string
-  }),
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    disabled: PropTypes.string,
-    colorPrimary: PropTypes.string,
-    sizeSmall: PropTypes.string
-  }),
-  disabled: PropTypes.bool,
-  'data-testid': PropTypes.string
-};
-IconButton.propTypes = iconButtonPropTypes;
-IconButton.defaultProps = {
-  isActive: false,
-  size: 'medium',
-  variant: 'default',
-  tooltipProps: {
-    title: undefined
-  },
-  disabled: false,
-  'data-testid': 'IconButton'
-};
-
-export { IconButton as default };
-//# sourceMappingURL=index.js.map
+import{__rest as o,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import a from"prop-types";import e from"classnames";import{makeStyles as i,Tooltip as n,IconButton as l}from"@material-ui/core";import{useState as s}from"react";var c=i((function(o){return{root:{color:o.palette.primary.text6,padding:6,"&:hover":{color:"#FFFFFF",backgroundColor:o.palette.background.b7,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&:active":{color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"&.Mui-disabled":{pointerEvents:"all",opacity:.4,color:"#FFFFFF","&.MuiIconButton-colorPrimary":{color:o.palette.primary.main}},"& .MuiSvgIcon-root":{color:"inherit",fontSize:"inherit"}},colorPrimary:{color:o.palette.primary.main},sizeSmall:{fontSize:16,padding:7},sizeLarge:{"&.MuiButtonBase-root":{padding:8}},contained:{backgroundColor:o.palette.background.b9},containedDisabled:{"&.MuiButtonBase-root":{backgroundColor:o.palette.background.b9}},transparent:{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},transparentDisabled:{"&.MuiButtonBase-root":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},tooltip:{top:"-10px !important"},active:{"&.MuiButtonBase-root":{color:o.palette.primary.text1,backgroundColor:o.palette.background.b9,"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main},"&.transparent":{color:o.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.2)"}}},tooltipTransparent:{"& .MuiTooltip-tooltip":{backgroundColor:"rgba(255, 255, 255, 0.2)"}}}})),p=function(a){var i,p,d,u,m=a.tooltipProps,b=void 0===m?{title:void 0}:m,g=a.isActive,v=o(a,["tooltipProps","isActive"]),y=v.size,f=v.variant,F=v.classes,B=void 0===F?{}:F,P=v["data-testid"],k=c(),M=s(!1),z=M[0],C=M[1],S=t(t({},B),{root:e(B.root,k.root,(i={},i[k.sizeLarge]="large"===y,i[k.contained]="contained"===f,i[k.transparent]="transparent"===f,i)),disabled:e(B.disabled,(p={},p[k.containedDisabled]="contained"===f,p[k.transparentDisabled]="transparent"===f,p)),colorPrimary:e(B.colorPrimary,k.colorPrimary),sizeSmall:e(B.sizeSmall,k.sizeSmall)});return b.title?r(n,t({open:z,classes:{popper:k.tooltipTransparent}},b,{children:r(l,t({"data-testid":"".concat(P,"_").concat(b.title),classes:S,className:e((d={},d[k.active]=g,d),f),onMouseOver:function(){return C(!0)},onMouseOut:function(){return C(!1)}},v))})):r(l,t({"data-testid":P,classes:S,className:e((u={},u[k.active]=g,u),f)},v))},d={isActive:a.bool,size:a.oneOf(["small","medium","large"]),variant:a.oneOf(["default","contained","transparent"]),tooltipProps:a.shape({title:a.string}),classes:a.shape({root:a.string,disabled:a.string,colorPrimary:a.string,sizeSmall:a.string}),disabled:a.bool,"data-testid":a.string};p.propTypes=d,p.defaultProps={isActive:!1,size:"medium",variant:"default",tooltipProps:{title:void 0},disabled:!1,"data-testid":"IconButton"};export{p as default};