@bento-core/about 1.0.1-CDS.4 → 1.0.1-ins.0

package/dist/aboutBodyView.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _core = require("@material-ui/core");
 var _xoomInOutView = _interopRequireDefault(require("./xoomInOutView"));
+var _AboutTableExternalLink = _interopRequireDefault(require("./assets/About-Table-ExternalLink.svg"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const AboutBody = _ref => {
   let {
@@ -55,9 +56,7 @@ const AboutBody = _ref => {
   // Alphetised sub ordered list
   _react.default.createElement("ol", {
     type: "a"
-  }, listObj.listWithAlpahbets.map(listObj1 => /*#__PURE__*/_react.default.createElement("li", null, listObj1.includes('$$') ? boldText(listObj1) : listObj1))) : /*#__PURE__*/_react.default.createElement("li", null, listObj.includes('$$') ? boldText(listObj) : listObj)))), contentObj.listWithBullets && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.text
-  }, /*#__PURE__*/_react.default.createElement("ul", null, contentObj.listWithBullets.map(listObj => /*#__PURE__*/_react.default.createElement("li", null, listObj.includes('$$') ? boldText(listObj) : listObj)))), contentObj.listWithAlpahbets && /*#__PURE__*/_react.default.createElement("div", {
+  }, listObj.listWithAlpahbets.map(listObj1 => /*#__PURE__*/_react.default.createElement("li", null, listObj1.includes('$$') ? boldText(listObj1) : listObj1))) : /*#__PURE__*/_react.default.createElement("li", null, listObj.includes('$$') ? boldText(listObj) : listObj)))), contentObj.listWithAlpahbets && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.text
   }, /*#__PURE__*/_react.default.createElement("ol", {
     type: "a"
@@ -70,6 +69,7 @@ const AboutBody = _ref => {
       const linkAttrs = splitedParagraph.match(/\((.*)\)/).pop().split(' ');
       const target = linkAttrs.find(link => link.includes('target:'));
       const url = linkAttrs.find(link => link.includes('url:'));
+      const type = linkAttrs.find(link => link.includes('type:')); // 0 : no img
       const href = splitedParagraph.match(/\((.*)\)/).pop();
       const link = /*#__PURE__*/_react.default.createElement(_core.Link, {
         title: title,
@@ -79,7 +79,7 @@ const AboutBody = _ref => {
         color: "inherit",
         className: classes.link
       }, title);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, href.includes('@') || !href.includes('http') ? '' : /*#__PURE__*/_react.default.createElement("img", {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, type ? '' : /*#__PURE__*/_react.default.createElement("img", {
         src: externalIconImage
         // externalIconImage: 'https://raw.githubusercontent.com/CBIIT/datacommons-assets/main/common/images/logos/svgs/externalLinkIcon.svg',
         ,
@@ -187,46 +187,13 @@ const AboutBody = _ref => {
       outputHTML = /*#__PURE__*/_react.default.createElement("td", {
         className: classes.tableCell
       }, link, type ? '' : /*#__PURE__*/_react.default.createElement("img", {
-        src: externalIconImage,
+        src: _AboutTableExternalLink.default,
         alt: "outbounnd web site icon",
         className: classes.tablelinkIcon
       }));
     }
     return outputHTML;
-  }))))))), /*#__PURE__*/_react.default.createElement("br", null))) : ''), data.downloadableContentTitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.downloadableContentContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.downloadableContentTitle
-  }, data.downloadableContentTitle), /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.text
-  }, data.downloadableContent ? data.downloadableContent.map(contentObj => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, contentObj.paragraph && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.text
-  }, contentObj.paragraph.split('$$').map(splitedParagraph => {
-    // Checking for regex ()[] pattern
-    if (splitedParagraph != null && (/\[(.+)\]\((.+)\)/g.test(splitedParagraph) || /\((.+)\)\[(.+)\]/g.test(splitedParagraph))) {
-      const title = splitedParagraph.match(/\[(.*)\]/).pop();
-      const linkAttrs = splitedParagraph.match(/\((.*)\)/).pop().split(' ');
-      const target = linkAttrs.find(link => link.includes('target:'));
-      const url = linkAttrs.find(link => link.includes('url:'));
-      const href = splitedParagraph.match(/\((.*)\)/).pop();
-      const link = /*#__PURE__*/_react.default.createElement(_core.Link, {
-        title: title,
-        target: target ? target.replace('target:', '') : '_blank',
-        rel: "noreferrer",
-        href: url ? url.replace('url:', '') : href && href.includes('@') ? "mailto:".concat(href) : href,
-        color: "inherit",
-        className: classes.link
-      }, title);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, link, href.includes('@') || !href.includes('http') ? '' : /*#__PURE__*/_react.default.createElement("img", {
-        src: externalIconImage
-        // externalIconImage: 'https://raw.githubusercontent.com/CBIIT/datacommons-assets/main/common/images/logos/svgs/externalLinkIcon.svg',
-        ,
-        alt: "outbounnd web site icon",
-        className: classes.linkIcon
-      }));
-    }
-    return splitedParagraph;
-  })))) : ''))), data.imageLocation === 'right' && /*#__PURE__*/_react.default.createElement(_core.Grid, {
+  }))))))), /*#__PURE__*/_react.default.createElement("br", null))) : '')), data.imageLocation === 'right' && /*#__PURE__*/_react.default.createElement(_core.Grid, {
     item: true,
     lg: 3,
     md: 3,
@@ -246,9 +213,6 @@ const styles = () => ({
     lineHeight: '22px',
     maxWidth: '1440px'
   },
-  tabbedParag: {
-    paddingLeft: '40px'
-  },
   maxWidthContainer: {
     margin: '0px auto 0px auto',
     maxWidth: '1440px'
@@ -272,35 +236,32 @@ const styles = () => ({
   },
   title: props => ({
     color: props.titleColor,
-    fontWeight: '500',
-    fontSize: '24px'
+    fontWeight: 'bold'
   }),
   email: props => ({
     color: props.linkColor,
     fontWeight: 'bold'
   }),
   contentSection: {
-    padding: props => props.data.imageLocation === 'right' ? '8px 25px 8px 25px !important' : '8px 0px 8px 25px !important',
-    float: 'left',
-    background: 'white'
+    padding: props => props.data.imageLocation === 'right' ? '8px 25px 8px 0px !important' : '8px 0px 8px 25px !important',
+    float: 'left'
   },
   imageSection: {
     float: 'left'
   },
   aboutSection: {
-    padding: '0px 45px'
+    padding: '60px 45px'
   },
   img: {
     width: '100%'
   },
   linkIcon: {
-    width: '0.8em',
+    width: '20px',
     verticalAlign: 'sub',
-    margin: '0px 0px 2px 4px'
+    margin: '0px 0px 0px 2px'
   },
   link: props => ({
     color: props.linkColor,
-    fontWeight: '600',
     '&:hover': {
       color: props.linkColor
     }
@@ -322,6 +283,7 @@ const styles = () => ({
     borderCollapse: 'collapse',
     fontSize: '12px',
     fontWeight: 'bold',
+    letterSpacing: '0.025em',
     lineHeight: '30px',
     textAlign: 'left',
     width: '100%'
@@ -350,19 +312,6 @@ const styles = () => ({
   },
   MyCasesWizardStep4: {
     width: '600px'
-  },
-  downloadableContentContainer: {
-    background: '#ebebeb',
-    padding: '32px',
-    borderRadius: '8px'
-  },
-  downloadableContentTitle: {
-    fontWeight: 'bold',
-    marginBottom: '20px',
-    color: '#1280AE',
-    fontSize: '20px',
-    fontFamily: 'Lato',
-    letterSpacing: '0.025em'
   }
 });
 AboutBody.defaultProps = {

package/dist/aboutHeaderView.js

@@ -7,11 +7,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _core = require("@material-ui/core");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const AboutHeader = _ref => {
   let {
     classes,
@@ -34,13 +29,13 @@ const styles = () => ({
   header: {
     padding: '45px'
   },
-  container: props => _objectSpread({
+  container: props => ({
     background: props.background
-  }, props.container),
-  whitePadding: props => _objectSpread({
-    height: props.whitePadding ? props.whitePadding.height : 0,
-    background: props.background
-  }, props.whitePadding),
+  }),
+  whitePadding: {
+    height: '6px',
+    background: 'white'
+  },
   titleBody: {
     textAlign: 'center'
   },

package/package.json

@@ -1,19 +1,21 @@
 {
   "name": "@bento-core/about",
-  "version": "1.0.1-CDS.4",
-  "description": "",
+  "version": "1.0.1-ins.0",
   "main": "dist/index.js",
   "scripts": {
     "build": "npm run lint && cross-env-shell rm -rf dist && NODE_ENV=production BABEL_ENV=es babel src --out-dir dist --copy-files",
     "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "eslint src"
   },
-  "repository": "https://github.com/CBIIT/bento-frontend",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CBIIT/bento-frontend.git"
+  },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@bento-core/facet-filter": "^1.0.1-CDS.2",
+    "@bento-core/facet-filter": "1.0.1-ins.0",
     "lodash": "^4.17.20",
     "react-zoom-pan-pinch": "*"
   },
@@ -26,5 +28,9 @@
   },
   "author": "CTOS Bento Team",
   "license": "ISC",
-  "gitHead": "7b3aaef031248be613da70582863625cf729fcce"
+  "bugs": {
+    "url": "https://github.com/CBIIT/bento-frontend/issues"
+  },
+  "homepage": "https://github.com/CBIIT/bento-frontend#readme",
+  "description": ""
 }

package/src/aboutBodyView.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { Grid, Link, withStyles } from '@material-ui/core';
 import XoomInOut from './xoomInOutView';
+import tableExternalIcon from './assets/About-Table-ExternalLink.svg';
 
-const AboutBody = ({
-  classes, data, externalIconImage,
-}) => {
+const AboutBody = ({ classes, data, externalIconImage }) => {
   function boldText(text) {
     const boldedText = text.split('$$').map((splitedText) => {
       if (splitedText != null && (/\*(.*)\*/.test(splitedText))) {
@@ -45,14 +44,6 @@ const AboutBody = ({
                       </ol>
                     </div>
                   )}
-                  {contentObj.listWithBullets && (
-                    <div className={classes.text}>
-                      {/* Alphabetised ordered list */}
-                      <ul>
-                        { contentObj.listWithBullets.map((listObj) => <li>{listObj.includes('$$') ? boldText(listObj) : listObj}</li>)}
-                      </ul>
-                    </div>
-                  )}
                   {/* Ordered List with Alphabets logic */}
                   {contentObj.listWithAlpahbets && (
                     <div className={classes.text}>
@@ -73,6 +64,7 @@ const AboutBody = ({
                           const linkAttrs = splitedParagraph.match(/\((.*)\)/).pop().split(' ');
                           const target = linkAttrs.find((link) => link.includes('target:'));
                           const url = linkAttrs.find((link) => link.includes('url:'));
+                          const type = linkAttrs.find((link) => link.includes('type:')); // 0 : no img
                           const href = splitedParagraph.match(/\((.*)\)/).pop();
 
                           const link = (
@@ -91,7 +83,7 @@ const AboutBody = ({
                           return (
                             <>
                               {link}
-                              {href.includes('@') || !href.includes('http') ? '' : (
+                              {type ? '' : (
                                 <img
                                   src={externalIconImage}
                                   // externalIconImage: 'https://raw.githubusercontent.com/CBIIT/datacommons-assets/main/common/images/logos/svgs/externalLinkIcon.svg',
@@ -215,7 +207,7 @@ const AboutBody = ({
                                         {link}
                                         {type ? '' : (
                                           <img
-                                            src={externalIconImage}
+                                            src={tableExternalIcon}
                                             alt="outbounnd web site icon"
                                             className={classes.tablelinkIcon}
                                           />
@@ -237,65 +229,6 @@ const AboutBody = ({
                 </>
               )) : ''}
             </span>
-            {data.downloadableContentTitle
-        && (
-        <div className={classes.downloadableContentContainer}>
-          <div className={classes.downloadableContentTitle}>{data.downloadableContentTitle}</div>
-          <span className={classes.text}>
-            {data.downloadableContent ? data.downloadableContent.map((contentObj) => (
-              <>
-                {/* Ordered List with Numbers logic */}
-
-                {/* Paragraphs */}
-                {contentObj.paragraph && (
-                <div className={classes.text}>
-                  { contentObj.paragraph.split('$$').map((splitedParagraph) => {
-                    // Checking for regex ()[] pattern
-                    if (splitedParagraph != null && ((/\[(.+)\]\((.+)\)/g.test(splitedParagraph)) || (/\((.+)\)\[(.+)\]/g.test(splitedParagraph)))) {
-                      const title = splitedParagraph.match(/\[(.*)\]/).pop();
-                      const linkAttrs = splitedParagraph.match(/\((.*)\)/).pop().split(' ');
-                      const target = linkAttrs.find((link) => link.includes('target:'));
-                      const url = linkAttrs.find((link) => link.includes('url:'));
-                      const href = splitedParagraph.match(/\((.*)\)/).pop();
-
-                      const link = (
-                        <Link
-                          title={title}
-                          target={target ? target.replace('target:', '') : '_blank'}
-                          rel="noreferrer"
-                          href={url ? url.replace('url:', '') : (href && href.includes('@') ? `mailto:${href}` : href)}
-                          color="inherit"
-                          className={classes.link}
-                        >
-                          {title}
-                        </Link>
-                      );
-
-                      return (
-                        <>
-                          {link}
-                          {href.includes('@') || !href.includes('http') ? '' : (
-                            <img
-                              src={externalIconImage}
-                                  // externalIconImage: 'https://raw.githubusercontent.com/CBIIT/datacommons-assets/main/common/images/logos/svgs/externalLinkIcon.svg',
-                              alt="outbounnd web site icon"
-                              className={classes.linkIcon}
-                            />
-                          )}
-
-                        </>
-                      );
-                    }
-
-                    return splitedParagraph;
-                  })}
-                </div>
-                )}
-              </>
-            )) : ''}
-          </span>
-        </div>
-        )}
           </Grid>
           {data.imageLocation === 'right'
             && (
@@ -321,9 +254,6 @@ const styles = () => ({
     lineHeight: '22px',
     maxWidth: '1440px',
   },
-  tabbedParag: {
-    paddingLeft: '40px',
-  },
   maxWidthContainer: {
     margin: '0px auto 0px auto',
     maxWidth: '1440px',
@@ -347,8 +277,7 @@ const styles = () => ({
   },
   title: (props) => ({
     color: props.titleColor,
-    fontWeight: '500',
-    fontSize: '24px',
+    fontWeight: 'bold',
   }),
   email: (props) => ({
     color: props.linkColor,
@@ -356,27 +285,25 @@ const styles = () => ({
   }),
   contentSection: {
     padding: (props) => (props.data.imageLocation === 'right'
-      ? '8px 25px 8px 25px !important' : '8px 0px 8px 25px !important'),
+      ? '8px 25px 8px 0px !important' : '8px 0px 8px 25px !important'),
     float: 'left',
-    background: 'white',
   },
   imageSection: {
     float: 'left',
   },
   aboutSection: {
-    padding: '0px 45px',
+    padding: '60px 45px',
   },
   img: {
     width: '100%',
   },
   linkIcon: {
-    width: '0.8em',
+    width: '20px',
     verticalAlign: 'sub',
-    margin: '0px 0px 2px 4px',
+    margin: '0px 0px 0px 2px',
   },
   link: (props) => ({
     color: props.linkColor,
-    fontWeight: '600',
     '&:hover': {
       color: props.linkColor,
     },
@@ -398,6 +325,7 @@ const styles = () => ({
     borderCollapse: 'collapse',
     fontSize: '12px',
     fontWeight: 'bold',
+    letterSpacing: '0.025em',
     lineHeight: '30px',
     textAlign: 'left',
     width: '100%',
@@ -428,19 +356,6 @@ const styles = () => ({
   MyCasesWizardStep4: {
     width: '600px',
   },
-  downloadableContentContainer: {
-    background: '#ebebeb',
-    padding: '32px',
-    borderRadius: '8px',
-  },
-  downloadableContentTitle: {
-    fontWeight: 'bold',
-    marginBottom: '20px',
-    color: '#1280AE',
-    fontSize: '20px',
-    fontFamily: 'Lato',
-    letterSpacing: '0.025em',
-  },
 });
 
 AboutBody.defaultProps = {

package/src/aboutHeaderView.js

@@ -16,13 +16,11 @@ const styles = () => ({
   },
   container: (props) => ({
     background: props.background,
-    ...props.container,
-  }),
-  whitePadding: (props) => ({
-    height: props.whitePadding ? props.whitePadding.height : 0,
-    background: props.background,
-    ...props.whitePadding,
   }),
+  whitePadding: {
+    height: '6px',
+    background: 'white',
+  },
   titleBody: {
     textAlign: 'center',
   },