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

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/constants.js

@@ -1,28 +1 @@
-var SUBSCRIPTIONS = [{
-  provider: 'corva',
-  collection: 'data.actual_survey',
-  event: 'update',
-  meta: {
-    subscribeToLatestOnly: true
-  },
-  params: {
-    limit: 1,
-    sort: '{ timestamp: -1 }'
-  }
-}, {
-  provider: 'corva',
-  collection: 'data.plan_survey',
-  meta: {
-    subscribeToLatestOnly: true
-  },
-  params: {
-    limit: 1,
-    sort: '{ timestamp: -1 }'
-  }
-}, {
-  provider: 'corva',
-  collection: 'wits'
-}];
-
-export { SUBSCRIPTIONS };
-//# sourceMappingURL=constants.js.map
+var t=[{provider:"corva",collection:"data.actual_survey",event:"update",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"data.plan_survey",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"wits"}];export{t as SUBSCRIPTIONS};

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js

@@ -1,142 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useEffect } from 'react';
-import { shape, number, func, string } from 'prop-types';
-import { Map, List } from 'immutable';
-import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
-import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
-import { DEFAULT_SUBSCRIPTION_META } from '../../../../constants/subscriptions.js';
-import TargetChanges from './components/TargetChanges.js';
-import VerticalSectionAzimuth from './components/VerticalSectionAzimuth.js';
-import { SUBSCRIPTIONS } from './constants.js';
-import styles from './styles.css.js';
-import { jsxs, Fragment, 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 WellPlanFeedItem = function WellPlanFeedItem(_ref) {
-  var _ref$feedItem = _ref.feedItem,
-    id = _ref$feedItem.id,
-    well = _ref$feedItem.well,
-    _ref$feedItem$context = _ref$feedItem.context.well_plan,
-    _ref$feedItem$context2 = _ref$feedItem$context.data,
-    vsa = _ref$feedItem$context2.vertical_section_azimuth,
-    targetChanges = _ref$feedItem$context2.target_changes,
-    timestamp = _ref$feedItem$context.timestamp,
-    subscribeAppForAsset = _ref.subscribeAppForAsset,
-    unsubscribeAppFromAsset = _ref.unsubscribeAppFromAsset,
-    appContext = _ref.appContext,
-    isSubDataLoading = _ref.isSubDataLoading,
-    getSubErrors = _ref.getSubErrors,
-    isSubDataEmpty = _ref.isSubDataEmpty,
-    appRegistry = _ref.appRegistry,
-    appData = _ref.appData;
-  // Note: Using custom subscription here instead of embedded app component sub,
-  // because in this component we have 2 apps with same data, we don't want to load
-  // data twice;
-
-  var subscriptions = SUBSCRIPTIONS.map(function (sub) {
-    return _objectSpread(_objectSpread({}, sub), {}, {
-      meta: _objectSpread(_objectSpread({}, DEFAULT_SUBSCRIPTION_META), {}, {
-        subscribeOnlyForInitialData: true
-      })
-    });
-  });
-  useEffect(function () {
-    function subscribeAppForData() {
-      subscribeAppForAsset(id, subscriptions, well.id, {
-        query: "{timestamp#lte#".concat(timestamp, "}")
-      });
-      return function () {
-        unsubscribeAppFromAsset(id, subscriptions);
-      };
-    }
-    if (well && timestamp) subscribeAppForData();
-  }, []);
-  if (!well) return 'No Well in data';
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: styles.wellPlanFeedItemInfo,
-      children: [/*#__PURE__*/jsx(VerticalSectionAzimuth, {
-        vsa: vsa
-      }), targetChanges && /*#__PURE__*/jsx(TargetChanges, {
-        targetChanges: targetChanges
-      })]
-    }), /*#__PURE__*/jsx(EmbeddedApp, {
-      asset: Map(well),
-      appContainerClassName: styles.wellPlanFeedItemApp,
-      appId: id,
-      assetId: well.id,
-      appComponentKey: "directional-wellPlan",
-      appComponentCategory: "directional",
-      subscriptions: subscriptions,
-      requiresSubscription: false,
-      appContext: Map(appContext),
-      assetDashboards: List(),
-      graphType: 1,
-      internalSelectors: {
-        isSubDataLoading: isSubDataLoading,
-        getSubErrors: getSubErrors,
-        isSubDataEmpty: isSubDataEmpty
-      },
-      appRegistry: appRegistry,
-      appData: appData,
-      subscribeAppForAsset: subscribeAppForAsset,
-      unsubscribeAppFromAsset: unsubscribeAppFromAsset
-    }), /*#__PURE__*/jsx(EmbeddedApp, {
-      asset: Map(well),
-      appContainerClassName: styles.wellPlanFeedItemApp,
-      appId: id,
-      assetId: well.id,
-      appComponentKey: "directional-wellPlan",
-      appComponentCategory: "directional",
-      subscriptions: subscriptions,
-      requiresSubscription: false,
-      appContext: Map(appContext),
-      assetDashboards: List(),
-      graphType: 2,
-      internalSelectors: {
-        isSubDataLoading: isSubDataLoading,
-        getSubErrors: getSubErrors,
-        isSubDataEmpty: isSubDataEmpty
-      },
-      appRegistry: appRegistry,
-      appData: appData,
-      subscribeAppForAsset: subscribeAppForAsset,
-      unsubscribeAppFromAsset: unsubscribeAppFromAsset
-    })]
-  });
-};
-WellPlanFeedItem.propTypes = {
-  feedItem: shape({
-    id: number,
-    context: shape({
-      well_plan: shape({
-        timestamp: number.isRequired,
-        data: shape({
-          vertical_section_azimuth: number,
-          target_changes: shape({
-            measured_depth: number,
-            tvd_change: number,
-            vertical_section: number
-          })
-        })
-      }).isRequired
-    }).isRequired,
-    well: shape({
-      id: number.isRequired
-    }).isRequired
-  }).isRequired,
-  subscribeAppForAsset: func.isRequired,
-  unsubscribeAppFromAsset: func.isRequired,
-  appContext: shape({
-    view: string.isRequired
-  }).isRequired,
-  appData: shape().isRequired,
-  appRegistry: shape().isRequired,
-  isSubDataLoading: func.isRequired,
-  getSubErrors: func.isRequired,
-  isSubDataEmpty: func.isRequired
-};
-
-export { WellPlanFeedItem as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{useEffect as t}from"react";import{shape as r,number as s,func as i,string as a}from"prop-types";import{Map as p,List as o}from"immutable";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import n from"../../../EmbeddedApp/EmbeddedApp.js";import{DEFAULT_SUBSCRIPTION_META as u}from"../../../../constants/subscriptions.js";import c from"./components/TargetChanges.js";import m from"./components/VerticalSectionAzimuth.js";import{SUBSCRIPTIONS as d}from"./constants.js";import l from"./styles.css.js";import{jsxs as b,Fragment as g,jsx as f}from"react/jsx-runtime";function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function A(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?y(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):y(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var h=function(e){var r=e.feedItem,s=r.id,i=r.well,a=r.context.well_plan,y=a.data,h=y.vertical_section_azimuth,D=y.target_changes,j=a.timestamp,R=e.subscribeAppForAsset,S=e.unsubscribeAppFromAsset,q=e.appContext,O=e.isSubDataLoading,C=e.getSubErrors,w=e.isSubDataEmpty,v=e.appRegistry,E=e.appData,P=d.map((function(e){return A(A({},e),{},{meta:A(A({},u),{},{subscribeOnlyForInitialData:!0})})}));return t((function(){i&&j&&R(s,P,i.id,{query:"{timestamp#lte#".concat(j,"}")})}),[]),i?b(g,{children:[b("div",{className:l.wellPlanFeedItemInfo,children:[f(m,{vsa:h}),D&&f(c,{targetChanges:D})]}),f(n,{asset:p(i),appContainerClassName:l.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:1,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S}),f(n,{asset:p(i),appContainerClassName:l.wellPlanFeedItemApp,appId:s,assetId:i.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:P,requiresSubscription:!1,appContext:p(q),assetDashboards:o(),graphType:2,internalSelectors:{isSubDataLoading:O,getSubErrors:C,isSubDataEmpty:w},appRegistry:v,appData:E,subscribeAppForAsset:R,unsubscribeAppFromAsset:S})]}):"No Well in data"};h.propTypes={feedItem:r({id:s,context:r({well_plan:r({timestamp:s.isRequired,data:r({vertical_section_azimuth:s,target_changes:r({measured_depth:s,tvd_change:s,vertical_section:s})})}).isRequired}).isRequired,well:r({id:s.isRequired}).isRequired}).isRequired,subscribeAppForAsset:i.isRequired,unsubscribeAppFromAsset:i.isRequired,appContext:r({view:a.isRequired}).isRequired,appData:r().isRequired,appRegistry:r().isRequired,isSubDataLoading:i.isRequired,getSubErrors:i.isRequired,isSubDataEmpty:i.isRequired};export{h as default};

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/styles.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_wellPlanFeedItemInfo__DtdDC {\n  display: flex;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.styles_wellPlanFeedItemApp__CJEjo {\n  width: 400px;\n  height: 400px;\n  position: relative;\n  margin-right: 15px;\n  display: inline-block;\n}\n";
-var styles = {"wellPlanFeedItemInfo":"styles_wellPlanFeedItemInfo__DtdDC","wellPlanFeedItemApp":"styles_wellPlanFeedItemApp__CJEjo"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellPlanFeedItemInfo:"styles_wellPlanFeedItemInfo__DtdDC",wellPlanFeedItemApp:"styles_wellPlanFeedItemApp__CJEjo"};e(".styles_wellPlanFeedItemInfo__DtdDC{display:flex;flex-wrap:wrap;margin-bottom:20px}.styles_wellPlanFeedItemApp__CJEjo{display:inline-block;height:400px;margin-right:15px;position:relative;width:400px}");export{l as default};

package/components/FilePreview/index.js

@@ -1,80 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles, Typography } from '@material-ui/core';
-import DeleteIcon from '@material-ui/icons/Delete';
-import grey from '@material-ui/core/colors/grey';
-import utils from '../../utils/main.js';
-import { getIsImage } from '../../utils/fileExtension.js';
-import FileTypeIcon from '../FileTypeIcon.js';
-import IconButton from '../IconButton/index.js';
-import styles from './styles.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'filePreview';
-var FilePreview = function FilePreview(_ref) {
-  var fileName = _ref.fileName,
-    fileUrl = _ref.fileUrl,
-    handleFileDelete = _ref.handleFileDelete,
-    classes = _ref.classes;
-  var isImage = getIsImage(fileName);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.cComponentFilePreview, classes.wrapper),
-    children: [isImage ? /*#__PURE__*/jsx("div", {
-      className: styles.cComponentFilePreviewImageFileWrapper,
-      children: /*#__PURE__*/jsx("img", {
-        "data-testid": "".concat(PAGE_NAME, "_filePreview"),
-        className: styles.cComponentFilePreviewImage,
-        src: fileUrl,
-        alt: "Uploaded file"
-      })
-    }) : /*#__PURE__*/jsx("div", {
-      className: styles.cComponentFilePreviewWrapper,
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.cComponentFilePreviewDownload,
-        style: {
-          border: "1px solid ".concat(grey[400])
-        },
-        children: [/*#__PURE__*/jsx(FileTypeIcon, {
-          fileName: fileName,
-          size: 25
-        }), /*#__PURE__*/jsx("div", {
-          className: styles.cComponentFilePreviewDownloadText,
-          children: /*#__PURE__*/jsx(Typography, {
-            "data-testid": "".concat(PAGE_NAME, "_fileName"),
-            variant: "subtitle2",
-            noWrap: true,
-            children: utils.getFileNameWithExtensionFromPath(fileName)
-          })
-        })]
-      })
-    }), /*#__PURE__*/jsx(IconButton, {
-      title: "Delete",
-      onClick: handleFileDelete,
-      className: classNames(styles.cComponentFilePreviewDeleteFile, _defineProperty({}, styles.cComponentFilePreviewDeleteFileCentered, !isImage)),
-      tooltipProps: {
-        title: 'Delete'
-      },
-      children: /*#__PURE__*/jsx(DeleteIcon, {
-        "data-testid": "".concat(PAGE_NAME, "_deleteButton")
-      })
-    })]
-  });
-};
-FilePreview.propTypes = {
-  fileName: PropTypes.string.isRequired,
-  fileUrl: PropTypes.string.isRequired,
-  handleFileDelete: PropTypes.func.isRequired,
-  classes: PropTypes.shape({
-    deleteTooltip: PropTypes.string.isRequired
-  }).isRequired
-};
-var FilePreview$1 = withStyles({
-  deleteTooltip: {
-    marginTop: '3px',
-    backgroundColor: 'rgba(97, 97, 97, 0.4)'
-  }
-})(FilePreview);
-
-export { FilePreview$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import r from"classnames";import{withStyles as t,Typography as l}from"@material-ui/core";import o from"@material-ui/icons/Delete";import a from"@material-ui/core/colors/grey";import s from"../../utils/main.js";import{getIsImage as n}from"../../utils/fileExtension.js";import m from"../FileTypeIcon.js";import c from"../IconButton/index.js";import p from"./styles.css.js";import{jsxs as d,jsx as f}from"react/jsx-runtime";var u=function(i){var t=i.fileName,u=i.fileUrl,v=i.handleFileDelete,F=i.classes,w=n(t);return d("div",{className:r(p.cComponentFilePreview,F.wrapper),children:[f("div",w?{className:p.cComponentFilePreviewImageFileWrapper,children:f("img",{"data-testid":"".concat("filePreview","_filePreview"),className:p.cComponentFilePreviewImage,src:u,alt:"Uploaded file"})}:{className:p.cComponentFilePreviewWrapper,children:d("div",{className:p.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(a[400])},children:[f(m,{fileName:t,size:25}),f("div",{className:p.cComponentFilePreviewDownloadText,children:f(l,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:s.getFileNameWithExtensionFromPath(t)})})]})}),f(c,{title:"Delete",onClick:v,className:r(p.cComponentFilePreviewDeleteFile,e({},p.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:f(o,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};u.propTypes={fileName:i.string.isRequired,fileUrl:i.string.isRequired,handleFileDelete:i.func.isRequired,classes:i.shape({deleteTooltip:i.string.isRequired}).isRequired};var v=t({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(u);export{v as default};

package/components/FilePreview/styles.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cComponentFilePreview__u5R6s {\n  display: flex;\n  padding: 2px 0;\n  margin-top: 10px;\n  margin-left: 48px;\n  background: #4d4d4d;\n  border-radius: 4px;\n  position: relative;\n  max-height: 300px;\n}\n\n.styles_cComponentFilePreviewWrapper__efPtx {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: relative;\n  margin-left: 20px;\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: absolute !important;\n  right: 8px;\n  top: 8px;\n  visibility: hidden;\n}\n\n.styles_cComponentFilePreviewDeleteFileCentered__6rfz6 {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s- {\n  border-radius: 3px;\n  overflow: hidden;\n  text-align: center;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx {\n  opacity: 0.7;\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewName__x37wX {\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0px 0px 0px;\n  align-items: center;\n}\n\n.styles_cComponentFilePreviewImage__affFU {\n  vertical-align: top;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.styles_cComponentFilePreviewDownload__MlNlb {\n  width: 150px;\n  padding: 5px;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n}\n\n.styles_cComponentFilePreviewDownloadText__qoZzr {\n  margin-left: 10px;\n  width: calc(100% - 60px); /* NOTE: Minus file icon width */\n  display: flex;\n  justify-content: space-between;\n}\n";
-var styles = {"cComponentFilePreview":"styles_cComponentFilePreview__u5R6s","cComponentFilePreviewWrapper":"styles_cComponentFilePreviewWrapper__efPtx","cComponentFilePreviewDeleteFile":"styles_cComponentFilePreviewDeleteFile__I4343","cComponentFilePreviewDeleteFileCentered":"styles_cComponentFilePreviewDeleteFileCentered__6rfz6","cComponentFilePreviewImageFileWrapper":"styles_cComponentFilePreviewImageFileWrapper__BW-s-","cComponentFilePreviewName":"styles_cComponentFilePreviewName__x37wX","cComponentFilePreviewImage":"styles_cComponentFilePreviewImage__affFU","cComponentFilePreviewDownload":"styles_cComponentFilePreviewDownload__MlNlb","cComponentFilePreviewDownloadText":"styles_cComponentFilePreviewDownloadText__qoZzr"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cComponentFilePreview:"styles_cComponentFilePreview__u5R6s",cComponentFilePreviewWrapper:"styles_cComponentFilePreviewWrapper__efPtx",cComponentFilePreviewDeleteFile:"styles_cComponentFilePreviewDeleteFile__I4343",cComponentFilePreviewDeleteFileCentered:"styles_cComponentFilePreviewDeleteFileCentered__6rfz6",cComponentFilePreviewImageFileWrapper:"styles_cComponentFilePreviewImageFileWrapper__BW-s-",cComponentFilePreviewName:"styles_cComponentFilePreviewName__x37wX",cComponentFilePreviewImage:"styles_cComponentFilePreviewImage__affFU",cComponentFilePreviewDownload:"styles_cComponentFilePreviewDownload__MlNlb",cComponentFilePreviewDownloadText:"styles_cComponentFilePreviewDownloadText__qoZzr"};e(".styles_cComponentFilePreview__u5R6s{background:#4d4d4d;border-radius:4px;display:flex;margin-left:48px;margin-top:10px;max-height:300px;padding:2px 0;position:relative}.styles_cComponentFilePreviewWrapper__efPtx{align-items:center;display:flex;margin-left:8px}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343{margin-left:20px;position:relative;visibility:visible}.styles_cComponentFilePreviewDeleteFile__I4343{position:absolute!important;right:8px;top:8px;visibility:hidden}.styles_cComponentFilePreviewDeleteFileCentered__6rfz6{top:50%;transform:translateY(-50%)}.styles_cComponentFilePreviewImageFileWrapper__BW-s-{border-radius:3px;margin-bottom:0;margin-top:0;overflow:hidden;text-align:center}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx{opacity:.7}.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343{visibility:visible}.styles_cComponentFilePreviewName__x37wX{align-items:center;display:flex;justify-content:space-between;margin:20px 0 0}.styles_cComponentFilePreviewImage__affFU{max-height:100%;max-width:100%;vertical-align:top}.styles_cComponentFilePreviewDownload__MlNlb{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin:5px 0;padding:5px;width:150px}.styles_cComponentFilePreviewDownloadText__qoZzr{display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 60px)}");export{i as default};

package/components/FileTypeIcon.js

@@ -1,63 +1 @@
-import PropTypes from 'prop-types';
-import imageExtensions from 'image-extensions';
-import { getFileExtension } from '../utils/fileExtension.js';
-import { jsx } from 'react/jsx-runtime';
-
-var fileExtensions = {
-  image: imageExtensions,
-  doc: ['doc', 'docx'],
-  xls: ['xls', 'xlsx'],
-  pdf: ['pdf'],
-  archive: ['zip', 'rar', '7z', 'tar']
-};
-var styles = {
-  fileTypeWrapper: {
-    display: 'inline-block',
-    verticalAlign: 'top'
-  }
-};
-var FileTypeIcon = function FileTypeIcon(_ref) {
-  var fileName = _ref.fileName,
-    size = _ref.size,
-    className = _ref.className;
-  var extension = getFileExtension(fileName);
-  var fileTypeIcon;
-  if (fileExtensions.image.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/image.svg';
-  } else if (fileExtensions.doc.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/doc.svg';
-  } else if (fileExtensions.xls.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/xls.svg';
-  } else if (fileExtensions.pdf.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/pdf.svg';
-  } else if (fileExtensions.archive.includes(extension)) {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/archive.svg';
-  } else {
-    fileTypeIcon = 'https://cdn.corva.ai/app/images/file-type-icons/other.svg';
-  }
-  return /*#__PURE__*/jsx("div", {
-    style: styles.fileTypeWrapper,
-    className: className,
-    children: /*#__PURE__*/jsx("img", {
-      src: fileTypeIcon,
-      alt: "File icon",
-      style: {
-        display: 'block',
-        height: size,
-        width: size
-      }
-    })
-  });
-};
-FileTypeIcon.propTypes = {
-  fileName: PropTypes.string.isRequired,
-  size: PropTypes.number,
-  className: PropTypes.string
-};
-FileTypeIcon.defaultProps = {
-  size: 50,
-  className: undefined
-};
-
-export { FileTypeIcon as default };
-//# sourceMappingURL=FileTypeIcon.js.map
+import i from"prop-types";import e from"image-extensions";import{getFileExtension as s}from"../utils/fileExtension.js";import{jsx as a}from"react/jsx-runtime";var p={image:e,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},t={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},c=function(i){var e,c=i.fileName,r=i.size,l=i.className,o=s(c);return e=p.image.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/image.svg":p.doc.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/doc.svg":p.xls.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/xls.svg":p.pdf.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/pdf.svg":p.archive.includes(o)?"https://cdn.corva.ai/app/images/file-type-icons/archive.svg":"https://cdn.corva.ai/app/images/file-type-icons/other.svg",a("div",{style:t.fileTypeWrapper,className:l,children:a("img",{src:e,alt:"File icon",style:{display:"block",height:r,width:r}})})};c.propTypes={fileName:i.string.isRequired,size:i.number,className:i.string},c.defaultProps={size:50,className:void 0};export{c as default};

package/components/FileUploadIconButton.js

@@ -1,249 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import S3Upload from 'react-s3-uploader/s3upload';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import PhotoCameraIcon from '@material-ui/icons/PhotoCamera';
-import PostPreviewDialog from './PostPreviewDialog/index.js';
-import AttachIcon from './Icons/AttachIcon.js';
-import IconButton from './IconButton/index.js';
-import { getS3DownloadLink, getS3SignedUrl } from '../clients/jsonApi/index.js';
-import { isNativeDetected } from '../utils/mobileDetect.js';
-import { jsxs, jsx, Fragment } 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var PAGE_NAME = 'fileUpload';
-var FileUploadIconButton = /*#__PURE__*/function (_PureComponent) {
-  _inherits(FileUploadIconButton, _PureComponent);
-  var _super = _createSuper(FileUploadIconButton);
-  function FileUploadIconButton(props) {
-    var _this;
-    _classCallCheck(this, FileUploadIconButton);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "onFinish", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var s3DownloadLinkResponse;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return getS3DownloadLink(_this.state.s3FileName);
-            case 2:
-              s3DownloadLinkResponse = _context.sent;
-              _this.setState({
-                currentUpload: null,
-                uploadingFileToS3: false,
-                openFileUploadPreviewDialog: _this.props.openPreviewDialogOnUpload,
-                s3FileUrl: s3DownloadLinkResponse.url
-              }, function () {
-                if (_this.props.onFinish) _this.props.onFinish(_this.state.s3FileUrl, _this.state.s3FileName, _this.state.s3FileSize);
-              });
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    _defineProperty(_assertThisInitialized(_this), "onError", function (fileUploadingError) {
-      if (_this.props.onError) _this.props.onError(fileUploadingError);
-      console.error(fileUploadingError);
-    });
-    _defineProperty(_assertThisInitialized(_this), "getSignedUrl", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, callback) {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return getS3SignedUrl(file.name, file.type);
-              case 3:
-                data = _context2.sent;
-                _context2.next = 10;
-                break;
-              case 6:
-                _context2.prev = 6;
-                _context2.t0 = _context2["catch"](0);
-                _this.setState({
-                  uploadingFileToS3: null,
-                  currentUpload: null
-                }, function () {
-                  _this.onError(_context2.t0.message);
-                });
-                return _context2.abrupt("return");
-              case 10:
-                _this.setState({
-                  s3FileUrl: data.signed_url,
-                  s3FileName: data.file_name,
-                  s3FileSize: file.size
-                });
-
-                // NOTE: Add node for 'signedUrl' which is the expected name by uploader component
-                callback(_objectSpread(_objectSpread({}, data), {}, {
-                  signedUrl: data.signed_url
-                }));
-              case 12:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, null, [[0, 6]]);
-      }));
-      return function (_x, _x2) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_assertThisInitialized(_this), "preprocess", function (file, next) {
-      next(file);
-    });
-    _defineProperty(_assertThisInitialized(_this), "uploadFile", function (event) {
-      if (!event.target.files[0]) {
-        return;
-      }
-      _this.clearUpload();
-      var uploader = new S3Upload({
-        fileElement: _this.fileInput.current,
-        getSignedUrl: _this.getSignedUrl,
-        preprocess: _this.preprocess,
-        onProgress: function onProgress() {},
-        // NOTE: Prevents logging to console
-        onFinishS3Put: _this.onFinish,
-        onError: _this.onError
-      });
-      _this.setState({
-        uploadingFileToS3: true,
-        currentUpload: {
-          uploader: uploader
-        }
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCloseFileUploadPreviewDialog", function () {
-      _this.setState({
-        openFileUploadPreviewDialog: false
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleShare", function (comment, fileName, fileSize) {
-      _this.setState({
-        openFileUploadPreviewDialog: false
-      }, function () {
-        if (_this.props.handleShare) {
-          _this.props.handleShare(comment, fileName, fileSize);
-        }
-      });
-    });
-    _this.state = {
-      currentUpload: null,
-      s3FileUrl: null,
-      s3FileName: null,
-      s3FileSize: null,
-      uploadingFileToS3: false,
-      openFileUploadPreviewDialog: false
-    };
-    _this.fileInput = createRef();
-    return _this;
-  }
-  _createClass(FileUploadIconButton, [{
-    key: "clearUpload",
-    value: function clearUpload() {
-      var currentUpload = this.state.currentUpload;
-      if (currentUpload && currentUpload.uploader) {
-        currentUpload.uploader.abortUpload();
-      }
-    }
-  }, {
-    key: "renderUploadButton",
-    value: function renderUploadButton() {
-      var Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;
-      return /*#__PURE__*/jsxs("label", {
-        htmlFor: this.props.inputId,
-        children: [/*#__PURE__*/jsx("input", {
-          ref: this.fileInput,
-          id: this.props.inputId,
-          type: "file",
-          disabled: this.props.disabled,
-          onChange: this.uploadFile,
-          style: {
-            display: 'none'
-          }
-        }), /*#__PURE__*/jsx(IconButton, {
-          "data-testid": "".concat(PAGE_NAME, "_attachFileButton"),
-          "aria-label": "File Upload",
-          disabled: this.props.disabled,
-          component: this.props.disabled ? 'button' : 'span',
-          className: this.props.fileUploadIconClassName,
-          disableRipple: this.props.disableRipple,
-          tooltipProps: this.props.tooltipProps,
-          children: /*#__PURE__*/jsx(Icon, {})
-        })]
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [this.state.uploadingFileToS3 ? /*#__PURE__*/jsx(CircularProgress, {
-          "data-testid": "generic_uploadProgress",
-          size: 18
-        }) : this.renderUploadButton(), this.state.openFileUploadPreviewDialog && /*#__PURE__*/jsx(PostPreviewDialog, {
-          open: this.state.openFileUploadPreviewDialog,
-          fileUrl: this.state.s3FileUrl,
-          fileName: this.state.s3FileName,
-          fileSize: this.state.s3FileSize,
-          handleShare: this.handleShare,
-          handleClose: this.handleCloseFileUploadPreviewDialog,
-          additionalFields: this.props.additionalFields,
-          requiredFields: this.props.requiredFields,
-          message: this.props.message
-        })]
-      });
-    }
-  }]);
-  return FileUploadIconButton;
-}(PureComponent);
-FileUploadIconButton.propTypes = {
-  additionalFields: PropTypes.arrayOf(PropTypes.node),
-  classes: PropTypes.shape({}).isRequired,
-  tooltipProps: PropTypes.shape({}),
-  disableRipple: PropTypes.bool,
-  disabled: PropTypes.bool,
-  fileUploadIconClassName: PropTypes.string,
-  handleShare: PropTypes.func,
-  inputId: PropTypes.string,
-  message: PropTypes.string,
-  onError: PropTypes.func,
-  onFinish: PropTypes.func,
-  openPreviewDialogOnUpload: PropTypes.bool,
-  requiredFields: PropTypes.arrayOf(PropTypes.string)
-};
-FileUploadIconButton.defaultProps = {
-  additionalFields: [],
-  disableRipple: false,
-  disabled: false,
-  fileUploadIconClassName: undefined,
-  handleShare: undefined,
-  inputId: 'icon-button-file',
-  message: undefined,
-  onError: undefined,
-  onFinish: undefined,
-  openPreviewDialogOnUpload: true,
-  requiredFields: [],
-  tooltipProps: {
-    title: 'Attach File'
-  }
-};
-
-export { FileUploadIconButton as default };
-//# sourceMappingURL=FileUploadIconButton.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import a from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import d from"prop-types";import c from"react-s3-uploader/s3upload";import f from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import m from"./PostPreviewDialog/index.js";import b from"./Icons/AttachIcon.js";import g from"./IconButton/index.js";import{getS3DownloadLink as F,getS3SignedUrl as v}from"../clients/jsonApi/index.js";import{isNativeDetected as U}from"../utils/mobileDetect.js";import{jsxs as P,jsx as y,Fragment as S}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=l(e);if(r){var o=l(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return n(this,t)}}var D=function(n){o(d,u);var l=j(d);function d(t){var o,n;return r(this,d),o=l.call(this,t),s(i(o),"onFinish",e(a.mark((function e(){var r;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(o.state.s3FileName);case 2:r=e.sent,o.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:o.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){o.props.onFinish&&o.props.onFinish(o.state.s3FileUrl,o.state.s3FileName,o.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),s(i(o),"onError",(function(e){o.props.onError&&o.props.onError(e),console.error(e)})),s(i(o),"getSignedUrl",(n=e(a.mark((function e(r,t){var i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,v(r.name,r.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),o.setState({uploadingFileToS3:null,currentUpload:null},(function(){o.onError(e.t0.message)})),e.abrupt("return");case 10:o.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:r.size}),t(w(w({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),s(i(o),"preprocess",(function(e,r){r(e)})),s(i(o),"uploadFile",(function(e){if(e.target.files[0]){o.clearUpload();var r=new c({fileElement:o.fileInput.current,getSignedUrl:o.getSignedUrl,preprocess:o.preprocess,onProgress:function(){},onFinishS3Put:o.onFinish,onError:o.onError});o.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),s(i(o),"handleCloseFileUploadPreviewDialog",(function(){o.setState({openFileUploadPreviewDialog:!1})})),s(i(o),"handleShare",(function(e,r,t){o.setState({openFileUploadPreviewDialog:!1},(function(){o.props.handleShare&&o.props.handleShare(e,r,t)}))})),o.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},o.fileInput=p(),o}return t(d,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=U?h:b;return P("label",{htmlFor:this.props.inputId,children:[y("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),y(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:y(e,{})})]})}},{key:"render",value:function(){return P(S,{children:[this.state.uploadingFileToS3?y(f,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&y(m,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),d}();D.propTypes={additionalFields:d.arrayOf(d.node),classes:d.shape({}).isRequired,tooltipProps:d.shape({}),disableRipple:d.bool,disabled:d.bool,fileUploadIconClassName:d.string,handleShare:d.func,inputId:d.string,message:d.string,onError:d.func,onFinish:d.func,openPreviewDialogOnUpload:d.bool,requiredFields:d.arrayOf(d.string)},D.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}};export{D as default};