npm - @corva/ui - Versions diffs - 3.1.0-rc.5 → 3.1.0 - Mend

@corva/ui 3.1.0-rc.5 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1899) hide show

package/components/Notifications/NotificationsContainer.js CHANGED Viewed

@@ -1,79 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useEffect } from 'react';
-import { v4 } from 'uuid';
-import { Notifications } from './Notifications.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; }
-var DEFAULT_AUTO_HIDE_DURATION = 3000;
-var NotificationsContainer = function NotificationsContainer() {
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    notificationToasts = _useState2[0],
-    setNotificationToasts = _useState2[1];
-  var addNotification = function addNotification(notification) {
-    setNotificationToasts(function (prevNotificationToasts) {
-      return [].concat(_toConsumableArray(prevNotificationToasts), [notification]);
-    });
-  };
-  var removeNotification = function removeNotification(id) {
-    setNotificationToasts(function (prevNotificationToasts) {
-      return prevNotificationToasts.filter(function (toast) {
-        return toast.id !== id;
-      });
-    });
-  };
-  var createNotification = function createNotification(variant, message) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var mapVariantToContent = {
-      info: 'Info',
-      error: 'Error',
-      warning: 'Warning',
-      success: 'Success'
-    };
-    var notification = _objectSpread({
-      autoHideDuration: DEFAULT_AUTO_HIDE_DURATION,
-      content: message || mapVariantToContent[variant] || 'info',
-      id: v4(),
-      variant: variant
-    }, options);
-    addNotification(notification);
-    return notification.id;
-  };
-  var showSuccessNotification = function showSuccessNotification(message, options) {
-    return createNotification('success', message, options);
-  };
-  var showErrorNotification = function showErrorNotification(message, options) {
-    return createNotification('error', message, options);
-  };
-  var showWarningNotification = function showWarningNotification(message, options) {
-    return createNotification('warning', message, options);
-  };
-  var showInfoNotification = function showInfoNotification(message, options) {
-    return createNotification('info', message, options);
-  };
-  var showNeutralNotification = function showNeutralNotification(message, options) {
-    return createNotification('info', message, options);
-  };
-  useEffect(function () {
-    window[Symbol.for('notificationToasts')] = {
-      createNotification: addNotification,
-      removeNotification: removeNotification,
-      showErrorNotification: showErrorNotification,
-      showInfoNotification: showInfoNotification,
-      showNeutralNotification: showNeutralNotification,
-      showSuccessNotification: showSuccessNotification,
-      showWarningNotification: showWarningNotification
-    };
-  }, []);
-  return /*#__PURE__*/jsx(Notifications, {
-    notifications: notificationToasts,
-    removeNotification: removeNotification
-  });
-};
-export { DEFAULT_AUTO_HIDE_DURATION, NotificationsContainer };
-//# sourceMappingURL=NotificationsContainer.js.map
+import{__spreadArray as o,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as n}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{v4 as f}from"uuid";import{Notifications as c}from"./Notifications.js";var e=3e3,u=function(){var e=t([]),u=e[0],a=e[1],s=function(i){a((function(n){return o(o([],n,!0),[i],!1)}))},m=function(o){a((function(i){return i.filter((function(i){return i.id!==o}))}))},N=function(o,n,t){void 0===t&&(t={});var r=i({autoHideDuration:3e3,content:n||{info:"Info",error:"Error",warning:"Warning",success:"Success"}[o]||"info",id:f(),variant:o},t);return s(r),r.id},d=function(o,i){return N("success",o,i)},w=function(o,i){return N("error",o,i)},v=function(o,i){return N("warning",o,i)},l=function(o,i){return N("info",o,i)},p=function(o,i){return N("info",o,i)};return r((function(){window[Symbol.for("notificationToasts")]={createNotification:s,removeNotification:m,showErrorNotification:w,showInfoNotification:l,showNeutralNotification:p,showSuccessNotification:d,showWarningNotification:v}}),[]),n(c,{notifications:u,removeNotification:m})};export{e as DEFAULT_AUTO_HIDE_DURATION,u as NotificationsContainer};

package/components/Notifications/Toast.js CHANGED Viewed

@@ -1,155 +1 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useEffect, cloneElement } from 'react';
-import classNames from 'classnames';
-import { noop } from 'lodash';
-import { Grow, SnackbarContent, Tooltip, Typography } from '@material-ui/core';
-import { useStyles } from './Toast.styles.js';
-import IconButton from '../IconButton/index.js';
-import { NOTIFICATION_VARIANTS } from '../../constants/notifications.js';
-import { CheckOneIcon, CautionIcon, AttentionIcon, InfoIcon, CloseSmallIcon } 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 { jsx, jsxs } from 'react/jsx-runtime';
-var _excluded = ["onDismissClick", "toast"];
-var _icons;
-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 icons = (_icons = {}, _defineProperty(_icons, NOTIFICATION_VARIANTS.success, CheckOneIcon), _defineProperty(_icons, NOTIFICATION_VARIANTS.warning, CautionIcon), _defineProperty(_icons, NOTIFICATION_VARIANTS.error, AttentionIcon), _defineProperty(_icons, NOTIFICATION_VARIANTS.info, InfoIcon), _icons);
-var Toast = function Toast(_ref) {
-  var onDismissClick = _ref.onDismissClick,
-    toast = _ref.toast,
-    other = _objectWithoutProperties(_ref, _excluded);
-  var alertLevel = toast.alertLevel,
-    _toast$autoHideDurati = toast.autoHideDuration,
-    autoHideDuration = _toast$autoHideDurati === void 0 ? 3000 : _toast$autoHideDurati,
-    content = toast.content,
-    hideIcon = toast.hideIcon,
-    icon = toast.icon,
-    id = toast.id,
-    _toast$onClick = toast.onClick,
-    onClick = _toast$onClick === void 0 ? noop : _toast$onClick,
-    _toast$onClose = toast.onClose,
-    onClose = _toast$onClose === void 0 ? noop : _toast$onClose,
-    timestamp = toast.timestamp,
-    title = toast.title,
-    tooltipProps = toast.tooltipProps,
-    _toast$variant = toast.variant,
-    variant = _toast$variant === void 0 ? 'info' : _toast$variant;
-  useEffect(function () {
-    if (autoHideDuration === Infinity) return;
-    var timeout = setTimeout(function () {
-      return onDismissClick(id);
-    }, autoHideDuration);
-    return function () {
-      return clearTimeout(timeout);
-    };
-  }, []);
-  var styles = useStyles();
-  var Icon = icons[variant];
-  return /*#__PURE__*/jsx(Grow, {
-    appear: true,
-    in: true,
-    children: /*#__PURE__*/jsx(SnackbarContent, _objectSpread({
-      classes: {
-        root: classNames(styles.main, !alertLevel && styles[variant], alertLevel && styles.alertNotification, alertLevel && styles["alertLevels-".concat(alertLevel)]),
-        action: styles.actionContainer,
-        message: styles.messageContainer
-      },
-      "aria-describedby": "client-snackbar",
-      "data-testid": "notificationPopup_".concat(NOTIFICATION_VARIANTS[variant]),
-      message: /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-        title: content,
-        classes: {
-          tooltip: styles.tooltip
-        },
-        placement: "bottom",
-        children: /*#__PURE__*/jsxs("div", {
-          id: "client-snackbar",
-          className: styles.messageWrapper,
-          onClick: onClick,
-          children: [!hideIcon && /*#__PURE__*/jsx("div", {
-            className: styles.iconWrapper,
-            children: icon ? cloneElement(icon, {
-              className: styles.icon,
-              nativeColor: '#000'
-            }) : /*#__PURE__*/jsx(Icon, {
-              size: 16,
-              className: styles.icon
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            className: styles.message,
-            children: [/*#__PURE__*/jsxs("div", {
-              className: styles.messageTop,
-              children: [title && /*#__PURE__*/jsx(Typography, {
-                "data-testid": "title",
-                variant: "subtitle2",
-                className: classNames(styles.title, _defineProperty({}, styles.alertTitle, alertLevel)),
-                children: title
-              }), timestamp && /*#__PURE__*/jsx(Typography, {
-                className: classNames(styles.timestamp, !alertLevel && styles[variant]),
-                children: timestamp
-              })]
-            }), /*#__PURE__*/jsx("div", {
-              className: classNames(styles.messageContent, !alertLevel && styles[variant]),
-              children: /*#__PURE__*/jsx(Typography, {
-                "data-testid": "content",
-                className: classNames(alertLevel ? styles.alertContent : styles.content),
-                children: content
-              })
-            })]
-          })]
-        })
-      })),
-      action: [/*#__PURE__*/jsx(IconButton, {
-        "data-testid": "closeButton",
-        "aria-label": "Close",
-        color: "inherit",
-        onClick: function onClick() {
-          onClose();
-          onDismissClick(id);
-        },
-        size: "small"
-        // @ts-ignore
-        ,
-        tooltipProps: {
-          title: 'Close',
-          classes: {
-            tooltip: styles.tooltip
-          }
-        },
-        className: styles.closeIconButton,
-        children: /*#__PURE__*/jsx(CloseSmallIcon, {
-          size: 24,
-          fill: "#000"
-        })
-      }, "close")]
-    }, other))
-  });
-};
-export { Toast };
-//# sourceMappingURL=Toast.js.map
+import{__rest as o,__assign as s}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as c}from"react/jsx-runtime";import{useEffect as t,cloneElement as n}from"react";import e from"classnames";import{noop as r}from"lodash";import{Grow as a,SnackbarContent as m,Tooltip as l,Typography as p}from"@material-ui/core";import{useStyles as d}from"./Toast.styles.js";import u from"../IconButton/index.js";import{NOTIFICATION_VARIANTS as j}from"../../constants/notifications.js";import{CheckOneIcon as I,CautionIcon as f,AttentionIcon as h,InfoIcon as C,CloseSmallIcon as v}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";var b,k=((b={})[j.success]=I,b[j.warning]=f,b[j.error]=h,b[j.info]=C,b),N=function(I){var f,h=I.onDismissClick,C=I.toast,b=o(I,["onDismissClick","toast"]),N=C.alertLevel,g=C.autoHideDuration,x=void 0===g?3e3:g,F=C.content,P=C.hideIcon,T=C.icon,D=C.id,z=C.onClick,A=void 0===z?r:z,B=C.onClose,E=void 0===B?r:B,L=C.timestamp,M=C.title,O=C.tooltipProps,R=C.variant,W=void 0===R?"info":R;t((function(){if(x!==1/0){var o=setTimeout((function(){return h(D)}),x);return function(){return clearTimeout(o)}}}),[]);var q=d(),y=k[W];return i(a,{appear:!0,in:!0,children:i(m,s({classes:{root:e(q.main,!N&&q[W],N&&q.alertNotification,N&&q["alertLevels-".concat(N)]),action:q.actionContainer,message:q.messageContainer},"aria-describedby":"client-snackbar","data-testid":"notificationPopup_".concat(j[W]),message:i(l,s({},O,{title:F,classes:{tooltip:q.tooltip},placement:"bottom",children:c("div",{id:"client-snackbar",className:q.messageWrapper,onClick:A,children:[!P&&i("div",{className:q.iconWrapper,children:T?n(T,{className:q.icon,nativeColor:"#000"}):i(y,{size:16,className:q.icon})}),c("div",{className:q.message,children:[c("div",{className:q.messageTop,children:[M&&i(p,{"data-testid":"title",variant:"subtitle2",className:e(q.title,(f={},f[q.alertTitle]=N,f)),children:M}),L&&i(p,{className:e(q.timestamp,!N&&q[W]),children:L})]}),i("div",{className:e(q.messageContent,!N&&q[W]),children:i(p,{"data-testid":"content",className:e(N?q.alertContent:q.content),children:F})})]})]})})),action:[i(u,{"data-testid":"closeButton","aria-label":"Close",color:"inherit",onClick:function(){E(),h(D)},size:"small",tooltipProps:{title:"Close",classes:{tooltip:q.tooltip}},className:q.closeIconButton,children:i(v,{size:24,fill:"#000"})},"close")]},b))})};export{N as Toast};

package/components/OffsetWellButton/OffsetWellButton.js CHANGED Viewed

@@ -1,193 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles, Typography, Tooltip } from '@material-ui/core';
-import { Info } from '@material-ui/icons';
-import IconButton from '../IconButton/index.js';
-import { WriteIcon, UpIcon, DownIcon } 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 { jsxs, jsx } from 'react/jsx-runtime';
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    disabled: {
-      opacity: 0.4,
-      pointerEvents: 'none'
-    },
-    offsetContainer: {
-      cursor: 'pointer',
-      display: 'flex',
-      whiteSpace: 'nowrap',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      width: 'fit-content'
-    },
-    hoveredContainer: {
-      backgroundColor: 'rgba(255, 255, 255, 0.16)',
-      color: palette.primary.light
-    },
-    offsetText: {
-      color: palette.primary.text6,
-      fontSize: 12,
-      paddingRight: 4,
-      '&:hover': {
-        color: palette.primary.contrastText
-      }
-    },
-    buttons: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    isActive: {
-      color: palette.primary.contrastText
-    },
-    primaryIcon: {
-      '&:hover': {
-        backgroundColor: 'rgba(255, 255, 255, 0.16)'
-      }
-    },
-    infoIcon: {
-      marginRight: '8px',
-      fontSize: '20px',
-      color: palette.info.light
-    },
-    infoTooltip: {
-      maxWidth: '264px'
-    }
-  };
-});
-var OffsetWellButton = function OffsetWellButton(_ref2) {
-  var onClick = _ref2.onClick,
-    wells = _ref2.wells,
-    label = _ref2.label,
-    disabled = _ref2.disabled,
-    expanded = _ref2.expanded,
-    onExpand = _ref2.onExpand,
-    offsetWellsLimited = _ref2.offsetWellsLimited,
-    isTooltipDisabled = _ref2.isTooltipDisabled,
-    iconElement = _ref2.iconElement;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
-  var styles = useStyles();
-  var wellsCount = wells.length;
-  var canBeExpanded = !!(wellsCount && onExpand);
-  var handleWellsExpand = function handleWellsExpand(event) {
-    event.stopPropagation();
-    onExpand();
-  };
-  var handleButtonHover = function handleButtonHover(_ref3) {
-    var target = _ref3.target;
-    var parentNode = target.parentNode;
-    if (target.getAttribute('data-icon') || parentNode.getAttribute('data-icon')) {
-      setIsHovered(false);
-      return;
-    }
-    setIsHovered(true);
-  };
-  var handleButtonHoverLeave = function handleButtonHoverLeave() {
-    setIsHovered(false);
-  };
-  var editButtonContent = /*#__PURE__*/jsxs("div", {
-    "data-testid": "offsetWellsButton",
-    className: classNames(styles.offsetContainer, disabled && styles.disabled),
-    onClick: onClick,
-    onMouseMove: handleButtonHover,
-    onMouseLeave: handleButtonHoverLeave,
-    children: [/*#__PURE__*/jsxs(Typography, {
-      className: classNames(styles.offsetText, isHovered && styles.isActive),
-      children: [label, " (", wellsCount, ")"]
-    }), /*#__PURE__*/jsx(IconButton, {
-      className: classNames(styles.primaryIcon, isHovered && styles.hoveredContainer),
-      color: "primary",
-      size: "medium",
-      children: iconElement ? iconElement : /*#__PURE__*/jsx(WriteIcon, {
-        size: 24
-      })
-    })]
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.buttons,
-    children: [offsetWellsLimited && /*#__PURE__*/jsx(Tooltip, {
-      title: "".concat(label, " list wasn't populated completely due to technical limitations of the app."),
-      classes: {
-        tooltip: styles.infoTooltip
-      },
-      children: /*#__PURE__*/jsx(Info, {
-        className: styles.infoIcon
-      })
-    }), /*#__PURE__*/jsx(Tooltip, {
-      title: "Edit ".concat(label),
-      placement: "bottom",
-      children: editButtonContent
-    }), canBeExpanded && /*#__PURE__*/jsx(IconButton, {
-      "data-testid": "expandOffsetWellChipsTabButton",
-      tooltipProps: !isTooltipDisabled && {
-        title: expanded ? "Collapse ".concat(label) : "Expand ".concat(label)
-      },
-      onClick: handleWellsExpand,
-      color: "default",
-      size: "medium",
-      "data-icon": "expandIcon",
-      children: expanded ? /*#__PURE__*/jsx(UpIcon, {
-        "data-icon": "expandIcon"
-      }) : /*#__PURE__*/jsx(DownIcon, {
-        "data-icon": "expandIcon"
-      })
-    })]
-  });
-};
-var offsetWellButtonPropTypes = {
-  onClick: PropTypes.func.isRequired,
-  wells: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number,
-    title: PropTypes.string
-  })),
-  label: PropTypes.string,
-  disabled: PropTypes.bool,
-  onExpand: PropTypes.func,
-  expanded: PropTypes.bool,
-  offsetWellsLimited: PropTypes.bool,
-  isTooltipDisabled: PropTypes.bool,
-  iconElement: PropTypes.node
-};
-OffsetWellButton.propTypes = offsetWellButtonPropTypes;
-OffsetWellButton.defaultProps = {
-  onExpand: null,
-  expanded: false,
-  wells: [],
-  disabled: false,
-  offsetWellsLimited: false,
-  isTooltipDisabled: false,
-  label: 'Offset Wells',
-  iconElement: null
-};
-export { OffsetWellButton as default };
-//# sourceMappingURL=OffsetWellButton.js.map
+import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useState as s}from"react";import t from"prop-types";import n from"classnames";import{makeStyles as e,Typography as c,Tooltip as r}from"@material-ui/core";import{Info as a}from"@material-ui/icons";import l from"../IconButton/index.js";import{WriteIcon as m,UpIcon as p,DownIcon as d}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";var u=e((function(o){var i=o.palette;return{disabled:{opacity:.4,pointerEvents:"none"},offsetContainer:{cursor:"pointer",display:"flex",whiteSpace:"nowrap",flexWrap:"nowrap",alignItems:"center",width:"fit-content"},hoveredContainer:{backgroundColor:"rgba(255, 255, 255, 0.16)",color:i.primary.light},offsetText:{color:i.primary.text6,fontSize:12,paddingRight:4,"&:hover":{color:i.primary.contrastText}},buttons:{display:"flex",alignItems:"center"},isActive:{color:i.primary.contrastText},primaryIcon:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},infoIcon:{marginRight:"8px",fontSize:"20px",color:i.info.light},infoTooltip:{maxWidth:"264px"}}})),f=function(t){var e=t.onClick,f=t.wells,I=t.label,b=t.disabled,h=t.expanded,x=t.onExpand,j=t.offsetWellsLimited,C=t.isTooltipDisabled,g=t.iconElement,v=s(!1),y=v[0],k=v[1],E=u(),T=f.length,W=!(!T||!x),w=o("div",{"data-testid":"offsetWellsButton",className:n(E.offsetContainer,b&&E.disabled),onClick:e,onMouseMove:function(o){var i=o.target,s=i.parentNode;i.getAttribute("data-icon")||s.getAttribute("data-icon")?k(!1):k(!0)},onMouseLeave:function(){k(!1)},children:[o(c,{className:n(E.offsetText,y&&E.isActive),children:[I," (",T,")"]}),i(l,{className:n(E.primaryIcon,y&&E.hoveredContainer),color:"primary",size:"medium",children:g||i(m,{size:24})})]});return o("div",{className:E.buttons,children:[j&&i(r,{title:"".concat(I," list wasn't populated completely due to technical limitations of the app."),classes:{tooltip:E.infoTooltip},children:i(a,{className:E.infoIcon})}),i(r,{title:"Edit ".concat(I),placement:"bottom",children:w}),W&&i(l,{"data-testid":"expandOffsetWellChipsTabButton",tooltipProps:!C&&{title:h?"Collapse ".concat(I):"Expand ".concat(I)},onClick:function(o){o.stopPropagation(),x()},color:"default",size:"medium","data-icon":"expandIcon",children:i(h?p:d,{"data-icon":"expandIcon"})})]})},I={onClick:t.func.isRequired,wells:t.arrayOf(t.shape({id:t.number,title:t.string})),label:t.string,disabled:t.bool,onExpand:t.func,expanded:t.bool,offsetWellsLimited:t.bool,isTooltipDisabled:t.bool,iconElement:t.node};f.propTypes=I,f.defaultProps={onExpand:null,expanded:!1,wells:[],disabled:!1,offsetWellsLimited:!1,isTooltipDisabled:!1,label:"Offset Wells",iconElement:null};export{f as default};

package/components/OffsetWellChips/Chip.js CHANGED Viewed

@@ -1,155 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { makeStyles, Tooltip, Chip } from '@material-ui/core';
-import { Close } from '@material-ui/icons';
-import MiddleTruncate from '../MiddleTruncate/MiddleTruncate.js';
-import utils from '../../utils/main.js';
-import SubjectIcon from './icons/SubjectIcon.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-var useStyles = makeStyles(function (theme) {
-  return {
-    chipRoot: {
-      position: 'relative',
-      height: 30,
-      padding: '7px 12px',
-      fontSize: 12,
-      color: theme.palette.primary.text6,
-      margin: '2px 4px',
-      '&:hover': {
-        cursor: 'pointer',
-        backgroundColor: 'rgba(255, 255, 255, 0.1)',
-        color: theme.palette.primary.contrastText
-      }
-    },
-    root: {
-      width: '100%',
-      display: 'flex',
-      alignItems: 'center'
-    },
-    label: {
-      padding: 0
-    },
-    mark: {
-      marginRight: 4,
-      width: 8,
-      height: 8,
-      borderRadius: 8
-    },
-    subject: {
-      display: 'flex',
-      marginRight: 4
-    },
-    closeIcon: {
-      fontSize: '1rem',
-      marginLeft: '4px'
-    },
-    closeArea: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      width: 32,
-      height: 30
-    },
-    tooltip: {
-      marginTop: '8px'
-    },
-    titleContainer: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  };
-});
-var OffsetWellChip = function OffsetWellChip(_ref) {
-  var title = _ref.title,
-    _onClick = _ref.onClick,
-    markColor = _ref.markColor,
-    isSubject = _ref.isSubject,
-    rigName = _ref.rigName,
-    maxWidth = _ref.maxWidth,
-    wellId = _ref.wellId,
-    onRemoveOffsetWell = _ref.onRemoveOffsetWell,
-    isShowMark = _ref.isShowMark;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    truncatedText = _useState2[0],
-    setTruncatedText = _useState2[1];
-  var styles = useStyles({
-    isShowMark: isShowMark
-  });
-  var isTruncated = !!truncatedText;
-  var fullTooltip = rigName ? "".concat(title, " | ").concat(rigName) : title;
-  var handleTruncatedText = function handleTruncatedText(truncatedText) {
-    setTruncatedText(truncatedText);
-  };
-  var handleRemoveWell = function handleRemoveWell(e) {
-    e.stopPropagation();
-    if (onRemoveOffsetWell) onRemoveOffsetWell(wellId);
-  };
-  var markBackgroundColor = markColor || "#".concat(utils.getColorFromString(title));
-  var label = /*#__PURE__*/jsxs("div", {
-    className: styles.root,
-    children: [/*#__PURE__*/jsx(Tooltip, {
-      title: isTruncated ? fullTooltip : rigName,
-      classes: {
-        popper: styles.tooltip
-      },
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.titleContainer,
-        children: [isSubject ? /*#__PURE__*/jsx("span", {
-          className: styles.subject,
-          children: /*#__PURE__*/jsx(SubjectIcon, {})
-        }) : /*#__PURE__*/jsx("span", {
-          style: {
-            backgroundColor: markBackgroundColor,
-            display: isShowMark ? 'block' : 'none'
-          },
-          className: styles.mark
-        }), /*#__PURE__*/jsx(MiddleTruncate, {
-          onTruncate: handleTruncatedText,
-          truncatedText: truncatedText,
-          maxWidth: maxWidth,
-          children: title
-        })]
-      })
-    }), !isSubject && !!onRemoveOffsetWell && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Close, {
-        className: styles.closeIcon
-      }), /*#__PURE__*/jsx(Tooltip, {
-        title: "Remove",
-        classes: {
-          popper: styles.tooltip
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: styles.closeArea,
-          onClick: handleRemoveWell
-        })
-      })]
-    })]
-  });
-  return /*#__PURE__*/jsx(Chip, {
-    "data-not-migrated-MuiChip": true,
-    variant: "outlined",
-    size: "medium",
-    label: label,
-    classes: {
-      root: styles.chipRoot,
-      label: styles.label
-    },
-    onClick: function onClick(e) {
-      return _onClick && _onClick(e, wellId);
-    },
-    "data-testid": "".concat(title, "_offsetWellChip")
-  });
-};
-OffsetWellChip.defaultProps = {
-  onClick: null,
-  markColor: null,
-  maxWidth: 200,
-  rigName: null,
-  isShowMark: true,
-  onRemoveOffsetWell: null
-};
-export { OffsetWellChip as default };
-//# sourceMappingURL=Chip.js.map
+import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{useState as i}from"react";import{makeStyles as r,Tooltip as a,Chip as l}from"@material-ui/core";import{Close as n}from"@material-ui/icons";import c from"../MiddleTruncate/MiddleTruncate.js";import s from"../../utils/main.js";import m from"./icons/SubjectIcon.js";var p=r((function(t){return{chipRoot:{position:"relative",height:30,padding:"7px 12px",fontSize:12,color:t.palette.primary.text6,margin:"2px 4px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.1)",color:t.palette.primary.contrastText}},root:{width:"100%",display:"flex",alignItems:"center"},label:{padding:0},mark:{marginRight:4,width:8,height:8,borderRadius:8},subject:{display:"flex",marginRight:4},closeIcon:{fontSize:"1rem",marginLeft:"4px"},closeArea:{position:"absolute",top:0,right:0,width:32,height:30},tooltip:{marginTop:"8px"},titleContainer:{display:"flex",alignItems:"center"}}})),d=function(r){var d=r.title,u=r.onClick,h=r.markColor,f=r.isSubject,g=r.rigName,x=r.maxWidth,b=r.wellId,k=r.onRemoveOffsetWell,C=r.isShowMark,v=i(null),j=v[0],N=v[1],R=p({isShowMark:C}),S=!!j,w=g?"".concat(d," | ").concat(g):d,y=h||"#".concat(s.getColorFromString(d)),I=t("div",{className:R.root,children:[e(a,{title:S?w:g,classes:{popper:R.tooltip},children:t("div",{className:R.titleContainer,children:[e("span",f?{className:R.subject,children:e(m,{})}:{style:{backgroundColor:y,display:C?"block":"none"},className:R.mark}),e(c,{onTruncate:function(t){N(t)},truncatedText:j,maxWidth:x,children:d})]})}),!f&&!!k&&t(o,{children:[e(n,{className:R.closeIcon}),e(a,{title:"Remove",classes:{popper:R.tooltip},children:e("div",{className:R.closeArea,onClick:function(t){t.stopPropagation(),k&&k(b)}})})]})]});return e(l,{"data-not-migrated-MuiChip":!0,variant:"outlined",size:"medium",label:I,classes:{root:R.chipRoot,label:R.label},onClick:function(t){return u&&u(t,b)},"data-testid":"".concat(d,"_offsetWellChip")})};d.defaultProps={onClick:null,markColor:null,maxWidth:200,rigName:null,isShowMark:!0,onRemoveOffsetWell:null};export{d as default};

package/components/OffsetWellChips/ChipsContainer.js CHANGED Viewed

@@ -1,49 +1 @@
-import { makeStyles } from '@material-ui/core';
-import OffsetWellChip from './Chip.js';
-import classNames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-var useStyles = makeStyles(function () {
-  return {
-    container: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      padding: '8px'
-    }
-  };
-});
-var OffsetWellChips = function OffsetWellChips(_ref) {
-  var wells = _ref.wells,
-    maxWidth = _ref.maxWidth,
-    onRemoveOffsetWell = _ref.onRemoveOffsetWell,
-    _ref$isShowMark = _ref.isShowMark,
-    isShowMark = _ref$isShowMark === void 0 ? true : _ref$isShowMark,
-    _ref$onChipClick = _ref.onChipClick,
-    onChipClick = _ref$onChipClick === void 0 ? null : _ref$onChipClick,
-    chipsContainerClassName = _ref.chipsContainerClassName;
-  var styles = useStyles();
-  return /*#__PURE__*/jsx("div", {
-    className: classNames(styles.container, chipsContainerClassName),
-    children: wells.map(function (_ref2) {
-      var wellId = _ref2.wellId,
-        title = _ref2.title,
-        isSubject = _ref2.isSubject,
-        markColor = _ref2.markColor,
-        rigName = _ref2.rigName;
-      return /*#__PURE__*/jsx(OffsetWellChip, {
-        maxWidth: maxWidth,
-        title: title,
-        isSubject: isSubject,
-        markColor: markColor,
-        rigName: rigName,
-        wellId: wellId,
-        onRemoveOffsetWell: onRemoveOffsetWell,
-        isShowMark: isShowMark,
-        onClick: onChipClick
-      }, wellId);
-    })
-  });
-};
-export { OffsetWellChips as default };
-//# sourceMappingURL=ChipsContainer.js.map
+import{jsx as r}from"react/jsx-runtime";import{makeStyles as e}from"@material-ui/core";import i from"./Chip.js";import a from"classnames";var o=e((function(){return{container:{display:"flex",flexWrap:"wrap",padding:"8px"}}})),t=function(e){var t=e.wells,l=e.maxWidth,n=e.onRemoveOffsetWell,m=e.isShowMark,s=void 0===m||m,c=e.onChipClick,f=void 0===c?null:c,p=e.chipsContainerClassName,d=o();return r("div",{className:a(d.container,p),children:t.map((function(e){var a=e.wellId,o=e.title,t=e.isSubject,m=e.markColor,c=e.rigName;return r(i,{maxWidth:l,title:o,isSubject:t,markColor:m,rigName:c,wellId:a,onRemoveOffsetWell:n,isShowMark:s,onClick:f},a)}))})};export{t as default};