@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/HeaderLayout/HeaderLayout.js

@@ -1,167 +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 _useComonentsWidth = useComonentsWidth(children),
-    componentsWidth = _useComonentsWidth.componentsWidth,
-    hiddenElements = _useComonentsWidth.hiddenElements;
-
-  // 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
-        })]
-      })
-    }), hiddenElements]
-  });
-}
-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 e,cloneElement as i}from"react";import r from"prop-types";import{SizeMe as t}from"react-sizeme";import{Collapse as n}from"@material-ui/core";import{useComonentsWidth as l,useFilterLayout as a}from"./effects/index.js";import{getAppTitle as d,getAppSubTitle as o,getExpander as c,getOffsetPicker as s,getSecondaryAsset as m,getModeSelect as h,getPadChip as p,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(e,r){var t,n,l,a;return e===N&&r?i(r,r.props,(t=r.props.children,n=t.split(" "),l=t[0],a=n[n.length-1],"".concat(l," ").concat(a))):r}function W(i){var r=i.children,t=i.appWidth,W=l(r),w=W.componentsWidth,L=W.hiddenElements,R=a(r,w,t),q=d(r),x=o(r),S=c(r),k=s(r),z=m(r),B=h(r),E=p(r),H=u(r),b=f(r),A=e((function(){return T(R,H)}),[R,H]),D=e((function(){return T(R,E)}),[R,E]);return j("div",{style:{width:"100%"},children:[g(n,{timeout:10,in:R===v,children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopLarge,children:[g("div",{children:q}),j("div",{className:O.layoutTopRightLarge,children:[z,B,j("div",{className:O.layoutOffsetpicker,children:[S,k]}),E,H]})]}),g("div",{children:x}),g("div",{className:O.layoutOffsetwellChipsLarge,children:b})]})}),g(n,{timeout:10,in:[y,N].includes(R),children:j("div",{className:O.layoutContainer,children:[j("div",{className:O.layoutTopSmall,children:[g("div",{children:q}),j("div",{className:O.assetChips,children:[R===y&&j(C,{children:[E,H]}),R===N&&A]})]}),g("div",{children:x}),j("div",{className:O.layoutBottomSmall,children:[z,B,R===N&&D,j("div",{className:O.layoutOffsetpicker,children:[S,k]})]}),g("div",{className:O.layoutOffsetwellChipsSmall,children:b})]})}),L]})}function w(e){return g(t,{monitorWidth:!0,children:function(i){var r=i.size;return g(W,{appWidth:r.width-21,children:e.children})}})}W.propTypes={appWidth:r.func.isRequired,children:r.arrayOf(r.node).isRequired},w.propTypes={children:r.arrayOf(r.node).isRequired};export{w 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 { get, isEqual } from 'lodash';
-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 hiddenElementsRef = useRef();
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    widthDict = _useState4[0],
-    setWidthDict = _useState4[1];
-  var prevComponentsRef = useRef({});
-  var validComponents = components.filter(function (component) {
-    return !!component;
-  });
-  var hiddenElements = /*#__PURE__*/jsx("div", {
-    ref: hiddenElementsRef,
-    style: {
-      position: 'absolute',
-      width: 0,
-      height: 0,
-      overflow: 'hidden'
-    },
-    children: validComponents.map(function (component, index) {
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line react/no-array-index-key
-        jsx("div", {
-          "data-key": component === null || component === void 0 ? void 0 : component.key,
-          style: {
-            position: 'absolute'
-          },
-          children: component
-        }, index)
-      );
-    })
-  });
-
-  // NOTE: Calcualte width of each components
-  useEffect(function () {
-    var _hiddenElementsRef$cu;
-    // 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');
-    var nodesArray = Array.from((_hiddenElementsRef$cu = hiddenElementsRef.current) === null || _hiddenElementsRef$cu === void 0 ? void 0 : _hiddenElementsRef$cu.childNodes);
-    var sizeMap = nodesArray.reduce(function (acc, node) {
-      var _node$getAttribute;
-      var key = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, 'data-key');
-      var value = key === offsetPickerKey ? 36 : node === null || node === void 0 ? void 0 : node.getBoundingClientRect().width;
-      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, value));
-    }, {});
-    if (Object.values(sizeMap).length === validComponents.length) {
-      if (!isEqual(widthDict, sizeMap)) {
-        setWidthDict(sizeMap);
-      }
-    }
-    prevComponentsRef.current = validComponents;
-  });
-  return {
-    componentsWidth: widthDict,
-    hiddenElements: hiddenElements
-  };
-}
-
-export { useComonentsWidth, useFilterLayout };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n,useRef as o}from"react";import{get as i,isEqual as l}from"lodash";import{getAppTitle as c,getExpander as u,getOffsetPicker as f,getSecondaryAsset as a,getModeSelect as s,getPrimaryAsset as p}from"../utils.js";import{LARGE_SIZE_LAYOUT as d,MEDIUM_SIZE_LAYOUT as y,SMALL_SIZE_LAYOUT as m}from"../constants.js";import{jsx as b}from"react/jsx-runtime";function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function O(e,o,l){var b=t(null),v=r(b,2),h=v[0],O=v[1];return n((function(){if(l&&o){var r=c(e),t=u(e),n=f(e),b=a(e),v=s(e),h=p(e),j=o[i(r,"key")]||0,g=o[i(t,"key")]||0,k=o[i(n,"key")]||0,w=o[i(b,"key")]||0,P=o[i(v,"key")]||0,D=o[i(h,"key")]||0;O(j+(g+k+w+P+D)<=l?d:j+D<=l?y:m)}}),[o,l]),h}function j(c){var u=o(),a=t(null),s=r(a,2),p=s[0],d=s[1],y=o({}),m=c.filter((function(e){return!!e})),v=b("div",{ref:u,style:{position:"absolute",width:0,height:0,overflow:"hidden"},children:m.map((function(e,r){return b("div",{"data-key":null==e?void 0:e.key,style:{position:"absolute"},children:e},r)}))});return n((function(){var r;if(!l(m,y.current)){var t=f(c),n=i(t,"key"),o=Array.from(null===(r=u.current)||void 0===r?void 0:r.childNodes).reduce((function(r,t){var o,i=null==t||null===(o=t.getAttribute)||void 0===o?void 0:o.call(t,"data-key"),l=i===n?36:null==t?void 0:t.getBoundingClientRect().width;return h(h({},r),{},e({},i,l))}),{});Object.values(o).length===m.length&&(l(p,o)||d(o)),y.current=m}})),{componentsWidth:p,hiddenElements:v}}export{j as useComonentsWidth,O 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,91 +1 @@
-import { createSvgIcon } from '@material-ui/core';
-import moment from 'moment';
-import { HelpIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-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",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/jsxs("g", {
-    clipPath: "url(#clip0_69385_73795)",
-    children: [/*#__PURE__*/jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",
-      fill: "#BDBDBD"
-    }), /*#__PURE__*/jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",
-      fill: "#BDBDBD"
-    }), /*#__PURE__*/jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",
-      fill: "#BDBDBD"
-    }), /*#__PURE__*/jsx("rect", {
-      x: "15.5",
-      y: "-0.5",
-      width: "9",
-      height: "9",
-      rx: "4.5",
-      fill: "#75DB29"
-    }), /*#__PURE__*/jsx("rect", {
-      x: "15.5",
-      y: "-0.5",
-      width: "9",
-      height: "9",
-      rx: "4.5",
-      stroke: "#212121"
-    })]
-  }), /*#__PURE__*/jsx("defs", {
-    children: /*#__PURE__*/jsx("clipPath", {
-      id: "clip0_69385_73795",
-      children: /*#__PURE__*/jsx("rect", {
-        width: "24",
-        height: "24",
-        fill: "white"
-      })
-    })
-  })]
-}), '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 o}from"@material-ui/core";import s from"moment";import{HelpIcon as i}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import{getLocalStorageItem as c}from"../../utils/localStorage.js";import{jsxs as n,jsx as t}from"react/jsx-runtime";var e=o(n("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("g",{clipPath:"url(#clip0_69385_73795)",children:[t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.3986 4.3986C6.34317 2.45406 9.0317 1.25 12 1.25C14.9683 1.25 17.6568 2.45406 19.6014 4.3986L19.0711 4.92893L19.6014 4.3986C21.5459 6.34317 22.75 9.0317 22.75 12C22.75 14.9683 21.5459 17.6568 19.6014 19.6014C17.6568 21.5459 14.9683 22.75 12 22.75C9.0317 22.75 6.34317 21.5459 4.3986 19.6014L4.92893 19.0711L4.3986 19.6014C2.45406 17.6568 1.25 14.9683 1.25 12C1.25 9.0317 2.45406 6.34317 4.3986 4.3986L4.3986 4.3986ZM12 2.75C9.4455 2.75 7.13403 3.78452 5.45926 5.45926C3.78451 7.13404 2.75 9.4455 2.75 12C2.75 14.5545 3.78452 16.866 5.45926 18.5407C7.13403 20.2155 9.4455 21.25 12 21.25C14.5545 21.25 16.866 20.2155 18.5407 18.5407C20.2155 16.866 21.25 14.5545 21.25 12C21.25 9.4455 20.2155 7.13403 18.5407 5.45926C16.866 3.78452 14.5545 2.75 12 2.75Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 18.8125C12.6904 18.8125 13.25 18.2529 13.25 17.5625C13.25 16.8722 12.6904 16.3125 12 16.3125C11.3097 16.3125 10.75 16.8722 10.75 17.5625C10.75 18.2529 11.3097 18.8125 12 18.8125Z",fill:"#BDBDBD"}),t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.25 9.3125C8.25 7.24144 9.92894 5.5625 12 5.5625C14.0711 5.5625 15.75 7.24144 15.75 9.3125C15.75 11.1267 14.4617 12.64 12.75 12.9875V14.3125C12.75 14.7267 12.4142 15.0625 12 15.0625C11.5858 15.0625 11.25 14.7267 11.25 14.3125V12.3125C11.25 11.8983 11.5858 11.5625 12 11.5625C13.2426 11.5625 14.25 10.5551 14.25 9.3125C14.25 8.06986 13.2426 7.0625 12 7.0625C10.7574 7.0625 9.75 8.06986 9.75 9.3125C9.75 9.72671 9.41421 10.0625 9 10.0625C8.58579 10.0625 8.25 9.72671 8.25 9.3125Z",fill:"#BDBDBD"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",fill:"#75DB29"}),t("rect",{x:"15.5",y:"-0.5",width:"9",height:"9",rx:"4.5",stroke:"#212121"})]}),t("defs",{children:t("clipPath",{id:"clip0_69385_73795",children:t("rect",{width:"24",height:"24",fill:"white"})})})]}),"NewContentIcon");function r(o){var n,r=o.appId,m=o.helpContentUpdatedAt,l=null===(n=c("helpCenter"))||void 0===n?void 0:n[r],p=m&&(!l||s(l).isBefore(m));return t(p?e:i,{})}export{r 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/Hint/Hint.js

@@ -1,116 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useRef, useState, useEffect, Children, isValidElement, cloneElement } from 'react';
-import classNames from 'classnames';
-import Button from '../Button/components/Button/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'moment-timezone';
-import '@material-ui/core';
-import { CloseIcon } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../Button/components/LiveButton/styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Regular14 } from '../Typography.js';
-import { Popper } from '../Popper/Popper.js';
-import IconButton from '../IconButton/index.js';
-import { useStyles } from './styles.js';
-
-var Hint = function Hint(props) {
-  var styles = useStyles();
-  var childAnchorRef = useRef();
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    arrowRef = _useState2[0],
-    setArrowRef = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    anchor = _useState4[0],
-    setAnchor = _useState4[1];
-
-  // This is needed for Popper to properly position itself on initial render
-  useEffect(function () {
-    setTimeout(function () {
-      return setAnchor(props.open ? props.anchorEl || childAnchorRef.current : undefined);
-    }, 100);
-  });
-  if (!props.anchorEl && Children.count(props.children) > 1) {
-    throw new Error('Hint expects a single reffable element as a child');
-  }
-  var childrenWithRef = props.anchorEl ? props.children : Children.map(props.children, function (child) {
-    // Checking isValidElement is the safe way and avoids a typescript error too.
-    if (isValidElement(child)) {
-      return cloneElement(child, {
-        ref: childAnchorRef
-      });
-    }
-    return child;
-  });
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [childrenWithRef, /*#__PURE__*/jsxs(Popper, {
-      className: classNames(styles.popper, props.className),
-      transition: true,
-      open: !!anchor,
-      anchorEl: anchor,
-      placement: props.placement,
-      modifiers: {
-        flip: {
-          enabled: true
-        },
-        arrow: {
-          enabled: !!arrowRef,
-          element: arrowRef
-        }
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        ref: setArrowRef,
-        className: styles.arrow
-      }), /*#__PURE__*/jsxs("div", {
-        className: styles.tooltip,
-        children: [props.title && /*#__PURE__*/jsx("span", {
-          className: classNames(styles.title, props.onClose && styles.hasClose),
-          children: props.title
-        }), props.onClose && /*#__PURE__*/jsx(IconButton, {
-          onClick: props.onClose,
-          className: styles.close,
-          size: "small",
-          children: /*#__PURE__*/jsx(CloseIcon, {})
-        }), props.content && /*#__PURE__*/jsx(Regular14, {
-          className: styles.content,
-          children: props.content
-        }), props.onConfirm && /*#__PURE__*/jsx(Button, {
-          color: "inherit",
-          className: styles.button,
-          onClick: props.onConfirm,
-          children: props.confirmText || 'Got It'
-        })]
-      })]
-    })]
-  });
-};
-
-export { Hint };
-//# sourceMappingURL=Hint.js.map
+import{jsxs as o,Fragment as s,jsx as n}from"react/jsx-runtime";import{useRef as c,useState as i,useEffect as t,Children as e,isValidElement as r,cloneElement as m}from"react";import l from"classnames";import p from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import{CloseIcon as a}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{Regular14 as u}from"../Typography.js";import{Popper as d}from"../Popper/Popper.js";import j from"../IconButton/index.js";import{useStyles as I}from"./styles.js";var h=function(h){var f=I(),C=c(),x=i(),b=x[0],v=x[1],k=i(),B=k[0],E=k[1];if(t((function(){setTimeout((function(){return E(h.open?h.anchorEl||C.current:void 0)}),100)})),!h.anchorEl&&e.count(h.children)>1)throw new Error("Hint expects a single reffable element as a child");var N=h.anchorEl?h.children:e.map(h.children,(function(o){return r(o)?m(o,{ref:C}):o}));return o(s,{children:[N,o(d,{className:l(f.popper,h.className),transition:!0,open:!!B,anchorEl:B,placement:h.placement,modifiers:{flip:{enabled:!0},arrow:{enabled:!!b,element:b}},children:[n("div",{ref:v,className:f.arrow}),o("div",{className:f.tooltip,children:[h.title&&n("span",{className:l(f.title,h.onClose&&f.hasClose),children:h.title}),h.onClose&&n(j,{onClick:h.onClose,className:f.close,size:"small",children:n(a,{})}),h.content&&n(u,{className:f.content,children:h.content}),h.onConfirm&&n(p,{color:"inherit",className:f.button,onClick:h.onConfirm,children:h.confirmText||"Got It"})]})]})]})};export{h as Hint};