@corva/ui 0.38.0-6 → 0.38.0-9

package/src/components/DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js

@@ -1,29 +0,0 @@
-import PropTypes from 'prop-types';
-import { Button, Typography } from '@material-ui/core';
-
-function DisabledSettingsMessage({ onCloneDashboard }) {
-  return (
-    <>
-      <Typography variant="body1" gutterBottom>
-        Settings are not available. This is a shared dashboard, which means it&apos;s been locked
-        for editing. Would you like to make a copy of this dashboard that you can edit?
-      </Typography>
-
-      <Button
-        color="primary"
-        // this fn comes from parent window through an iframe.
-        // It's important to call it without native event as it's not possible
-        // to pass it through the iframe, because it contains circular dependencies
-        onClick={() => onCloneDashboard()}
-      >
-        Make Copy of Dashboard
-      </Button>
-    </>
-  );
-}
-
-DisabledSettingsMessage.propTypes = {
-  onCloneDashboard: PropTypes.func.isRequired,
-};
-
-export default DisabledSettingsMessage;

package/src/components/DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/index.js

@@ -1 +0,0 @@
-export { default } from './DisabledSettingsMessage';

package/src/components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.css

@@ -1,8 +0,0 @@
-.menuIcon {
-  padding: 3px;
-  background-color: transparent !important;
-}
-
-.menuIcon a {
-  color: #fff;
-}

package/src/components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-
-import { Launch as LaunchIcon } from '@material-ui/icons';
-import { IconButton } from '@material-ui/core';
-
-import styles from './FullscreenButton.css';
-
-const FullscreenButton = ({ setIsMaximized }) => (
-  <IconButton className={styles.menuIcon} onClick={() => setIsMaximized(true)}>
-    <LaunchIcon />
-  </IconButton>
-);
-
-FullscreenButton.propTypes = {
-  setIsMaximized: PropTypes.func.isRequired,
-};
-
-export default FullscreenButton;

package/src/components/DevCenter/DevCenterAppContainer/components/FullscreenButton/index.js

@@ -1 +0,0 @@
-export { default } from './FullscreenButton';

package/src/components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js

@@ -1,10 +0,0 @@
-import { useContext , createContext } from 'react';
-
-
-const IsInsideDcAppContext = createContext(false);
-
-export const IsInsideDcAppProvider = IsInsideDcAppContext.Provider;
-
-export function useIsInsideDcApp() {
-  return useContext(IsInsideDcAppContext);
-}

package/src/components/DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/index.js

@@ -1 +0,0 @@
-export * from './IsInsideDcAppProvider';

package/src/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.css

@@ -1,7 +0,0 @@
-.menuIcon {
-  padding: 0px !important;
-}
-
-.containerDropdownActionMaximize {
-  outline: none;
-}

package/src/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js

@@ -1,94 +0,0 @@
-import PropTypes from 'prop-types';
-
-import { MenuItem, ListItemIcon, ListItemText, Icon } from '@material-ui/core';
-import {
-  Menu as MenuIcon,
-  Settings as SettingsIcon,
-  Launch as LaunchIcon,
-} from '@material-ui/icons';
-import { IconButton } from '~/components';
-import IconMenu from '~/components/IconMenu';
-
-import styles from './NonPriorityMenus.css';
-
-const PAGE_NAME = 'DevCenter_AppPriorityMenu';
-
-const NonPriorityMenus = ({
-  toggleAppSettingsDialog,
-  devCenterRouter,
-  isMaximized,
-  setIsMaximized,
-  menuItems,
-}) => (
-  <IconMenu
-    data-testid={`${PAGE_NAME}_menu`}
-    IconElement={
-      <IconButton>
-        <MenuIcon />
-      </IconButton>
-    }
-    className={styles.menuIcon}
-    classes={{ iconButton: styles.iconButton }}
-    menuProps={{ getContentAnchorEl: null }}
-  >
-    {menuItems.map(menuConfig => (
-      <MenuItem
-        key={menuConfig.title}
-        onClick={() => {
-          menuConfig.onClick?.();
-          if (menuConfig.to) {
-            devCenterRouter.push(menuConfig.to);
-          }
-        }}
-        component="li"
-        to={menuConfig.to}
-      >
-        <ListItemIcon>
-          <Icon>{menuConfig.icon}</Icon>
-        </ListItemIcon>
-        <ListItemText primary={menuConfig.title} />
-      </MenuItem>
-    ))}
-    {!isMaximized && (
-      <MenuItem
-        data-testid={`${PAGE_NAME}_fullScreenMenuItem`}
-        className={styles.containerDropdownActionMaximize}
-        onClick={() => setIsMaximized(true)}
-      >
-        <ListItemIcon>
-          <LaunchIcon />
-        </ListItemIcon>
-        <ListItemText primary="Full Screen" />
-      </MenuItem>
-    )}
-    <MenuItem data-testid={`${PAGE_NAME}_settings`} onClick={toggleAppSettingsDialog}>
-      <ListItemIcon>
-        <SettingsIcon />
-      </ListItemIcon>
-      <ListItemText primary="Settings" />
-    </MenuItem>
-  </IconMenu>
-);
-
-NonPriorityMenus.propTypes = {
-  toggleAppSettingsDialog: PropTypes.func.isRequired,
-  isMaximized: PropTypes.bool.isRequired,
-  setIsMaximized: PropTypes.func.isRequired,
-  devCenterRouter: PropTypes.shape({
-    push: PropTypes.func,
-  }).isRequired,
-  menuItems: PropTypes.arrayOf(
-    PropTypes.shape({
-      onClick: PropTypes.func,
-      to: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]),
-      icon: PropTypes.string,
-      title: PropTypes.string,
-    })
-  ),
-};
-
-NonPriorityMenus.defaultProps = {
-  menuItems: [],
-};
-
-export default NonPriorityMenus;

package/src/components/DevCenter/DevCenterAppContainer/components/NonPriorityMenus/index.js

@@ -1 +0,0 @@
-export { default } from './NonPriorityMenus';

package/src/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css

@@ -1,9 +0,0 @@
-.iconButton {
-  padding: 10px;
-  width: 44px;
-  height: 44px;
-}
-
-.icon {
-  color: white;
-}

package/src/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.js

@@ -1,21 +0,0 @@
-import { Icon, IconButton } from '@material-ui/core';
-
-import styles from './PriorityMenus.css';
-
-export default function PriorityMenus({ menuItems, devCenterRouter }) {
-  return menuItems.map(menuConfig => (
-    <IconButton
-      key={menuConfig.title}
-      classes={{ root: styles.iconButton }}
-      onClick={() => {
-        menuConfig.onClick?.();
-
-        if (menuConfig.to) {
-          devCenterRouter.push(menuConfig.to);
-        }
-      }}
-    >
-      <Icon className={styles.icon}>{menuConfig.icon}</Icon>
-    </IconButton>
-  ));
-}

package/src/components/DevCenter/DevCenterAppContainer/components/PriorityMenus/index.js

@@ -1 +0,0 @@
-export { default } from './PriorityMenus';

package/src/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/RestoreAppSizeButton.css

@@ -1,31 +0,0 @@
-.containerRestoreAction {
-  cursor: pointer;
-  position: absolute;
-  top: 8px;
-  right: 10px;
-  color: #ffffff;
-}
-
-.containerRestoreIconNative {
-  color: #fff;
-  font-size: 30;
-  height: 32;
-  width: 32;
-  text-align: center;
-}
-
-.containerRestoreActionNative {
-  right: 5;
-}
-
-.containerRestoreIcon {
-  color: #fff;
-}
-
-.iconButton {
-  padding: 0 !important;
-}
-
-.iconButton:hover {
-  background-color: inherit !important;
-}

package/src/components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js

@@ -1,43 +0,0 @@
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-import { Icon, IconButton } from '@material-ui/core';
-
-import { isNativeDetected } from '~/utils/mobileDetect';
-
-import styles from './RestoreAppSizeButton.css';
-
-const PAGE_NAME = 'DevCenter_AppContainer';
-
-function RestoreAppSizeButton({ setIsMaximized }) {
-  return (
-    <div
-      className={classNames(
-        styles.containerRestoreAction,
-        isNativeDetected && styles.containerRestoreActionNative
-      )}
-    >
-      <IconButton
-        data-testid={`${PAGE_NAME}_restore`}
-        className={styles.iconButton}
-        onClick={() => {
-          setIsMaximized(false);
-        }}
-      >
-        <Icon
-          className={
-            isNativeDetected ? styles.containerRestoreIconNative : styles.containerRestoreIcon
-          }
-        >
-          close
-        </Icon>
-      </IconButton>
-    </div>
-  );
-}
-
-RestoreAppSizeButton.propTypes = {
-  setIsMaximized: PropTypes.func.isRequired,
-};
-
-export default RestoreAppSizeButton;

package/src/components/DevCenter/DevCenterAppContainer/components/index.js

@@ -1,13 +0,0 @@
-export { default as AppActions } from './AppActions';
-export { default as AppSettingsDialog } from './AppSettingsDialog';
-export { default as AnnotationsButton } from './AnnotationsButton';
-export { default as NonPriorityMenus } from './NonPriorityMenus';
-export { default as FullscreenButton } from './FullscreenButton';
-export { default as AppInfoMessage } from './AppInfoMessage';
-export { default as DevCenterAppView } from './DevCenterAppView';
-export { default as DisabledSettingsMessage } from './DisabledSettingsMessage';
-export {
-  DcFullscreenElemsCoordinatorProvider,
-  useDcFullscreenElemsCoordinator,
-} from './DcFullscreenElemsCoordinatorProvider';
-export { IsInsideDcAppProvider, useIsInsideDcApp } from './IsInsideDcAppProvider';

package/src/components/DevCenter/DevCenterAppContainer/effects/index.js

@@ -1,4 +0,0 @@
-export { default as useAppSettings } from './useAppSettings';
-export { default as useAnnotationsList } from './useAnnotationsList';
-export { default as useAnnotationsData } from './useAnnotationsData';
-export { default as useAppMaximized } from './useAppMaximized';

package/src/components/DevCenter/DevCenterAppContainer/effects/useAnnotationsData.js

@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-import { get } from 'lodash';
-import { DEV_CENTER_CLI_APP_ID } from '~constants';
-
-const useAnnotationsData = ({ app, appData, currentDashboardAppsLastAnnotations }) => {
-  const isPlatformAnnotationsDisabled =
-    app?.package?.manifest?.application?.ui?.disable_platform_annotations;
-
-  const assetIdForAnnotation = appData?.well?.asset_id || appData?.rig?.assset_id;
-  const assetCompanyId = appData?.well?.company_id || appData?.rig?.company_id;
-
-  const isAppSupportsAnnotations =
-    app.package &&
-    !isPlatformAnnotationsDisabled &&
-    app.id !== DEV_CENTER_CLI_APP_ID &&
-    assetIdForAnnotation &&
-    app.segment?.includes('drilling');
-
-  const appLastAnnotation = useMemo(() => {
-    if (!currentDashboardAppsLastAnnotations || !isAppSupportsAnnotations) return null;
-
-    const annotation = currentDashboardAppsLastAnnotations.find(item => item.id === app.id);
-    if (!annotation) return null;
-
-    // Additional check for broken items on api, required api serializer fixing
-    return get(annotation, ['last_app_annotation', 'data']) && annotation.last_app_annotation;
-  }, [currentDashboardAppsLastAnnotations, app]);
-
-  return {
-    assetIdForAnnotation,
-    assetCompanyId,
-    isAppSupportsAnnotations,
-    appLastAnnotation,
-  };
-};
-
-export default useAnnotationsData;

package/src/components/DevCenter/DevCenterAppContainer/effects/useAnnotationsList.js

@@ -1,10 +0,0 @@
-import { useState } from 'react';
-
-function useAnnotationsList() {
-  const [isAnnotationsListOpened, setAnnotationsListOpened] = useState(false);
-  const toggleAnnotationsList = () => setAnnotationsListOpened(!isAnnotationsListOpened);
-
-  return { isAnnotationsListOpened, toggleAnnotationsList };
-}
-
-export default useAnnotationsList;

package/src/components/DevCenter/DevCenterAppContainer/effects/useAppMaximized.js

@@ -1,33 +0,0 @@
-import { useEffect } from 'react';
-
-import { devcenter as devCenterUtils } from '~/utils';
-import { DEV_CENTER_CLI_APP_ID } from '~/constants';
-
-export default function useAppMaximized({
-  onIsMaximizedChange,
-  devCenterRouter,
-  appId = DEV_CENTER_CLI_APP_ID,
-}) {
-  const isMaximized = devCenterUtils.isAppMaximized(devCenterRouter.location.query, appId);
-  const setIsMaximized = isAppMaximized => {
-    const { pathname, query } = devCenterRouter.location;
-    const newQuery = {
-      ...query,
-      maximizeDC: isAppMaximized ? appId : undefined,
-    };
-
-    devCenterRouter.push({
-      pathname,
-      query: newQuery,
-    });
-  };
-
-  useEffect(() => {
-    onIsMaximizedChange?.(isMaximized);
-  }, [isMaximized]);
-
-  return {
-    isMaximized,
-    setIsMaximized,
-  };
-}

package/src/components/DevCenter/DevCenterAppContainer/effects/useAppSettings.js

@@ -1,20 +0,0 @@
-import { useState } from 'react';
-
-function useAppSettings({ setIsFullscreenModalMode }) {
-  const [isAppSettingsDialogOpened, setAppSettingsDialogOpened] = useState(false);
-  const toggleAppSettingsDialog = async () => {
-    const nextValue = !isAppSettingsDialogOpened;
-
-    if (nextValue) {
-      await setIsFullscreenModalMode(nextValue);
-      setAppSettingsDialogOpened(nextValue);
-    } else {
-      setAppSettingsDialogOpened(nextValue);
-      setIsFullscreenModalMode(nextValue);
-    }
-  };
-
-  return { isAppSettingsDialogOpened, toggleAppSettingsDialog };
-}
-
-export default useAppSettings;

package/src/components/DevCenter/DevCenterAppContainer/index.js

@@ -1,2 +0,0 @@
-export { default } from './DevCenterAppContainer';
-export { DisabledSettingsMessage } from './components';

package/src/components/DevCenter/DevCenterAppContainer/utils.js

@@ -1,14 +0,0 @@
-import { cloneDeep, get, last } from 'lodash';
-
-export const fullscreenParams = (locationQuery, appId) =>
-  Object.assign(cloneDeep(locationQuery), {
-    maximizeDC: appId,
-  });
-
-export const nonFullscreenParams = locationQuery =>
-  Object.assign(cloneDeep(locationQuery), {
-    maximizeDC: undefined,
-  });
-
-export const getAppVersion = app =>
-  last(String(get(app, 'package.build', `${app.app.app_key}-0.0.1`)).split('-'));

package/src/components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export const DevCenterRouterContext = createContext();

package/src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.css

@@ -1,8 +0,0 @@
-.buttonLink {
-  border: none;
-  background: none;
-  color: #039be5;
-  font-size: 1rem;
-  font-family: Roboto, sans-serif;
-  cursor: pointer;
-}

package/src/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js

@@ -1,53 +0,0 @@
-import classNames from 'classnames';
-import { Link as ReactRouterLink } from 'react-router';
-import PropTypes from 'prop-types';
-
-import { useDevCenterRouter } from '../effects/useDevCenterRouter';
-
-import styles from './UniversalLink.css';
-
-export function UniversalLink({ href, children, className, 'data-testid': dataTestId }) {
-  const devCenterRouter = useDevCenterRouter();
-
-  if (devCenterRouter) {
-    return (
-      <button
-        data-testid={dataTestId}
-        tabIndex="0"
-        role="link"
-        className={classNames(styles.buttonLink, className)}
-        onClick={e => {
-          if (e.metaKey || e.ctrlKey) {
-            window.open(href, '_blank');
-          } else {
-            devCenterRouter.push(href);
-          }
-        }}
-      >
-        {children}
-      </button>
-    );
-  }
-
-  return (
-    <ReactRouterLink
-      data-testid={dataTestId}
-      to={href}
-      className={className}
-    >
-      {children}
-    </ReactRouterLink>
-  );
-}
-
-UniversalLink.propTypes = {
-  href: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]).isRequired,
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  'data-testid': PropTypes.string,
-};
-
-UniversalLink.defaultProps = {
-  className: null,
-  'data-testid': 'UniversalLink',
-};

package/src/components/DevCenter/DevCenterRouterContext/UniversalLink/index.js

@@ -1 +0,0 @@
-export * from './UniversalLink';

package/src/components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { DevCenterRouterContext } from '../DevCenterRouterContext';
-
-export function useDevCenterRouter() {
-  return useContext(DevCenterRouterContext);
-}

package/src/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js

@@ -1,35 +0,0 @@
-import { withRouter } from 'react-router';
-
-import { useDevCenterRouter } from '../effects/useDevCenterRouter';
-
-function getDisplayName(WrappedComponent) {
-  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
-}
-
-function withReactRouterLocation(Component) {
-  function WithReactRouterLocation({ location, router, params, ...otherProps }) {
-    return <Component location={location} {...otherProps} />;
-  }
-
-  WithReactRouterLocation.displayName = `withReactRouterLocation(${getDisplayName(Component)})`;
-
-  return withRouter(WithReactRouterLocation);
-}
-
-export function withUniversalLocationHOC(Component) {
-  const ComponentWithReactRouterLocation = withReactRouterLocation(Component);
-
-  function WithUniversalLocation(props) {
-    const devCenterRouter = useDevCenterRouter();
-
-    if (devCenterRouter) {
-      return <Component {...props} location={devCenterRouter.location} />;
-    }
-
-    return <ComponentWithReactRouterLocation {...props} />;
-  }
-
-  WithUniversalLocation.displayName = `WithUniversalLocationHOC(${getDisplayName(Component)})`;
-
-  return WithUniversalLocation;
-}

package/src/components/DevCenter/DevCenterRouterContext/index.js

@@ -1,4 +0,0 @@
-export * from './DevCenterRouterContext';
-export * from './UniversalLink';
-export * from './effects/useDevCenterRouter';
-export * from './hocs/withUniversalLocationHOC';

package/src/components/DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js

@@ -1,30 +0,0 @@
-import classNames from 'classnames';
-import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
-
-import styles from './AppsGridDragHandle.scss';
-
-const GRID_LAYOUT_DRAG_HANDLE_CLASS = 'grid-layout-drag-handle';
-
-export function AppsGridDragHandle() {
-  return (
-    <>
-      <div className={classNames(styles.dragLine, GRID_LAYOUT_DRAG_HANDLE_CLASS)}>
-        <div className={styles.dragIconContainer}>
-          <DragIndicatorIcon className={styles.dragIcon} />
-        </div>
-      </div>
-      {/* Purpose of this overlay: When a user drags the app by the header,
-          he can easily move his cursor over the rest of the app. When it happens - drag stops
-          working, because his cursor is located withing the iframe now, and it doesn't propagete
-          move events to let react-grid-layout library know where to move the app. It
-          looks like app is frozen untill a user moves his cursor from the app. To prevent this,
-          we cover the rest of the app with this invisible overlay while the drag is active,
-          so even if a user moves his cursor over the app - events are still propagated - because this overalay is on top
-          of the iframe 
-        */}
-      <div className={styles.dragOverlay} />
-    </>
-  );
-}
-
-AppsGridDragHandle.GRID_LAYOUT_DRAG_HANDLE_CLASS = GRID_LAYOUT_DRAG_HANDLE_CLASS;

package/src/components/DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.scss

@@ -1,56 +0,0 @@
-// Drag handle should be placed into the app container.
-// Whenever it's parent is hovered - it'll appear
-*:hover > .dragLine {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 0;
-  height: 0;
-  width: 100%;
-  border: 3px solid rgba(3, 188, 212, 0.32);
-  z-index: 400;
-  cursor: move; /* fallback if grab cursor is unsupported */
-  cursor: grab;
-
-  .dragIcon {
-    font-size: 0.75rem;
-    border-radius: 30px;
-    cursor: move; /* fallback if grab cursor is unsupported */
-    cursor: grab;
-  }
-}
-
-.dragOverlay {
-  display: none;
-}
-
-.dragLine {
-  display: none;
-
-  &:hover {
-    border-color: rgba(3, 188, 212, 0.44);
-  }
-
-  &:active + .dragOverlay {
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.dragIconContainer {
-  width: 24px;
-  height: 24px;
-  background-color: var(--palette-primary-main);
-  border-radius: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.dragIcon:hover,
-.dragLine:hover .dragIconContainer {
-  background-color: var(--palette-primary-dark);
-}