@elliemae/ds-imagelibrarymodal 1.58.0-rc.3 → 1.58.0-rc.4

package/cjs/DSImageLibraryModal.js

@@ -9,11 +9,9 @@ var constants = require('@elliemae/ds-shared/constants');
 var components_ImageLibraryModalImpl = require('./components/ImageLibraryModalImpl.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-spinner');
 require('@elliemae/ds-icon');
 require('lodash');

package/cjs/DSImageLibraryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSImageLibraryModal.js","sources":["../../src/DSImageLibraryModal.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared/constants';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl';\n\nconst modalTypes = Object.values(MODAL_TYPE);\n\nconst DSImageLibraryModal = ({\n  containerProps = {},\n  confirmLabel = 'Add',\n  disableDoubleClick = false,\n  isOpen = true,\n  modalTitle = 'Add Image',\n  modalType = modalTypes[2],\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = true,\n  size = sizeOptions[3],\n  imagesData = [\n    {\n      url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n      name: 'no image',\n      createdBy: 'user:John Doe',\n      createdDate: '0000-01-01 00:00 AM UTC',\n    },\n  ],\n  onSelect = () => null,\n  ...rest\n}) => (\n  <ImageLibraryModalImpl\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    disableDoubleClick={disableDoubleClick}\n    imagesData={imagesData}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onSelect={onSelect}\n    rejectLabel={rejectLabel}\n    shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    size={size}\n    {...rest}\n  />\n);\n\n/** Inherits DSModal props */\nDSImageLibraryModal.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /** List of images src */\n  imagesData: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      name: PropTypes.string,\n    }),\n  ),\n  /** Handler when user selects an image */\n  onSelect: PropTypes.func,\n};\n\nexport default DSImageLibraryModal;\n"],"names":["modalTypes","Object","values","MODAL_TYPE","DSImageLibraryModal","containerProps","confirmLabel","disableDoubleClick","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","sizeOptions","imagesData","url","name","createdBy","createdDate","onSelect","rest","React","ImageLibraryModalImpl","propTypes","PropTypes","shape","arrayOf","string","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAGC,MAAM,CAACC,MAAP,CAAcC,kBAAd,CAAnB;;IAEMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,iCAC1BC,cAD0B;AAAA,MAC1BA,cAD0B,oCACT,EADS;AAAA,+BAE1BC,YAF0B;AAAA,MAE1BA,YAF0B,kCAEX,KAFW;AAAA,mCAG1BC,kBAH0B;AAAA,MAG1BA,kBAH0B,sCAGL,KAHK;AAAA,yBAI1BC,MAJ0B;AAAA,MAI1BA,MAJ0B,4BAIjB,IAJiB;AAAA,6BAK1BC,UAL0B;AAAA,MAK1BA,UAL0B,gCAKb,WALa;AAAA,4BAM1BC,SAN0B;AAAA,MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;AAAA,8BAO1BW,WAP0B;AAAA,MAO1BA,WAP0B,iCAOZ,QAPY;AAAA,mCAQ1BC,yBAR0B;AAAA,MAQ1BA,yBAR0B,sCAQE,IARF;AAAA,uBAS1BC,IAT0B;AAAA,MAS1BA,IAT0B,0BASnBC,qBAAW,CAAC,CAAD,CATQ;AAAA,6BAU1BC,UAV0B;AAAA,MAU1BA,UAV0B,gCAUb,CACX;AACEC,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADW,CAVa;AAAA,2BAkB1BC,QAlB0B;AAAA,MAkB1BA,QAlB0B,8BAkBf;AAAA,WAAM,IAAN;AAAA,GAlBe;AAAA,MAmBvBC,IAnBuB;;AAAA,sBAqB1BC,wCAACC,gCAAD;AACE,IAAA,YAAY,EAAEjB,YADhB;AAEE,IAAA,cAAc,EAAED,cAFlB;AAGE,IAAA,kBAAkB,EAAEE,kBAHtB;AAIE,IAAA,UAAU,EAAEQ,UAJd;AAKE,IAAA,MAAM,EAAEP,MALV;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,SAAS,EAAEC,SAPb;AAQE,IAAA,QAAQ,EAAEU,QARZ;AASE,IAAA,WAAW,EAAET,WATf;AAUE,IAAA,yBAAyB,EAAEC,yBAV7B;AAWE,IAAA,IAAI,EAAEC;AAXR,KAYMQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACoB,SAApB,GAAgC;AAC9BnB,EAAAA,cAAc,EAAEoB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;AAE9B;AACAX,EAAAA,UAAU,EAAEU,6BAAS,CAACE,OAAV,CACVF,6BAAS,CAACC,KAAV,CAAgB;AACdV,IAAAA,GAAG,EAAES,6BAAS,CAACG,MADD;AAEdX,IAAAA,IAAI,EAAEQ,6BAAS,CAACG;AAFF,GAAhB,CADU,CAHkB;;AAS9B;AACAR,EAAAA,QAAQ,EAAEK,6BAAS,CAACI;AAVU,CAAhC;;;;"}
+{"version":3,"file":"DSImageLibraryModal.js","sources":["../../src/DSImageLibraryModal.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared/constants';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl';\n\nconst modalTypes = Object.values(MODAL_TYPE);\n\nconst DSImageLibraryModal = ({\n  containerProps = {},\n  confirmLabel = 'Add',\n  disableDoubleClick = false,\n  isOpen = true,\n  modalTitle = 'Add Image',\n  modalType = modalTypes[2],\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = true,\n  size = sizeOptions[3],\n  imagesData = [\n    {\n      url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n      name: 'no image',\n      createdBy: 'user:John Doe',\n      createdDate: '0000-01-01 00:00 AM UTC',\n    },\n  ],\n  onSelect = () => null,\n  ...rest\n}) => (\n  <ImageLibraryModalImpl\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    disableDoubleClick={disableDoubleClick}\n    imagesData={imagesData}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onSelect={onSelect}\n    rejectLabel={rejectLabel}\n    shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    size={size}\n    {...rest}\n  />\n);\n\n/** Inherits DSModal props */\nDSImageLibraryModal.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /** List of images src */\n  imagesData: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      name: PropTypes.string,\n    }),\n  ),\n  /** Handler when user selects an image */\n  onSelect: PropTypes.func,\n};\n\nexport default DSImageLibraryModal;\n"],"names":["modalTypes","Object","values","MODAL_TYPE","DSImageLibraryModal","containerProps","confirmLabel","disableDoubleClick","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","sizeOptions","imagesData","url","name","createdBy","createdDate","onSelect","rest","React","ImageLibraryModalImpl","propTypes","PropTypes","shape","arrayOf","string","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAGC,MAAM,CAACC,MAAP,CAAcC,kBAAd,CAAnB;;IAEMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,iCAC1BC,cAD0B;AAAA,MAC1BA,cAD0B,oCACT,EADS;AAAA,+BAE1BC,YAF0B;AAAA,MAE1BA,YAF0B,kCAEX,KAFW;AAAA,mCAG1BC,kBAH0B;AAAA,MAG1BA,kBAH0B,sCAGL,KAHK;AAAA,yBAI1BC,MAJ0B;AAAA,MAI1BA,MAJ0B,4BAIjB,IAJiB;AAAA,6BAK1BC,UAL0B;AAAA,MAK1BA,UAL0B,gCAKb,WALa;AAAA,4BAM1BC,SAN0B;AAAA,MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;AAAA,8BAO1BW,WAP0B;AAAA,MAO1BA,WAP0B,iCAOZ,QAPY;AAAA,mCAQ1BC,yBAR0B;AAAA,MAQ1BA,yBAR0B,sCAQE,IARF;AAAA,uBAS1BC,IAT0B;AAAA,MAS1BA,IAT0B,0BASnBC,qBAAW,CAAC,CAAD,CATQ;AAAA,6BAU1BC,UAV0B;AAAA,MAU1BA,UAV0B,gCAUb,CACX;AACEC,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADW,CAVa;AAAA,2BAkB1BC,QAlB0B;AAAA,MAkB1BA,QAlB0B,8BAkBf;AAAA,WAAM,IAAN;AAAA,GAlBe;AAAA,MAmBvBC,IAnBuB;;AAAA,sBAqB1BC,wCAACC,gCAAD;AACE,IAAA,YAAY,EAAEjB,YADhB;AAEE,IAAA,cAAc,EAAED,cAFlB;AAGE,IAAA,kBAAkB,EAAEE,kBAHtB;AAIE,IAAA,UAAU,EAAEQ,UAJd;AAKE,IAAA,MAAM,EAAEP,MALV;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,SAAS,EAAEC,SAPb;AAQE,IAAA,QAAQ,EAAEU,QARZ;AASE,IAAA,WAAW,EAAET,WATf;AAUE,IAAA,yBAAyB,EAAEC,yBAV7B;AAWE,IAAA,IAAI,EAAEC;AAXR,KAYMQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACoB,SAApB,GAAgC;AAC9BnB,EAAAA,cAAc,EAAEoB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;AAE9B;AACAX,EAAAA,UAAU,EAAEU,6BAAS,CAACE,OAAV,CACVF,6BAAS,CAACC,KAAV,CAAgB;AACdV,IAAAA,GAAG,EAAES,6BAAS,CAACG,MADD;AAEdX,IAAAA,IAAI,EAAEQ,6BAAS,CAACG;AAFF,GAAhB,CADU,CAHkB;;AAS9B;AACAR,EAAAA,QAAQ,EAAEK,6BAAS,CAACI;AAVU,CAAhC;;;;"}

package/cjs/components/ImageLibraryModalImpl.js

@@ -4,11 +4,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _extends = require('@babel/runtime/helpers/extends');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var DSModal = require('@elliemae/ds-modal');
 var DSSpinner = require('@elliemae/ds-spinner');
@@ -23,11 +21,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
@@ -52,7 +48,7 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onReject", function () {
+    _this.onReject = function () {
       var _this$props = _this.props,
           onReject = _this$props.onReject,
           onClose = _this$props.onClose;
@@ -62,9 +58,9 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         onClose();
       }
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleElementClick", function (e, image) {
+    _this.handleElementClick = function (e, image) {
       if (e.key && e.key !== ' ') {
         return;
       }
@@ -88,9 +84,9 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       if (onSelect) {
         onSelect(image);
       }
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderElements", function () {
+    _this.renderElements = function () {
       var imagesData = _this.props.imagesData;
 
       if (!imagesData) {
@@ -130,21 +126,21 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
           className: "content"
         }, name));
       });
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderSpinner", function () {
+    _this.renderSpinner = function () {
       return /*#__PURE__*/React__default['default'].createElement(DSSpinner__default['default'], {
         message: "Loading...",
         size: "m"
       });
-    });
+    };
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderError", function () {
+    _this.renderError = function () {
       return /*#__PURE__*/React__default['default'].createElement(dsIcons.ImageMissing, {
         color: dsIcon.DSIconColors.NEUTRAL,
         size: dsIcon.DSIconSizes.M
       });
-    });
+    };
 
     _this.state = {
       selected: undefined,

package/cjs/components/ImageLibraryModalImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLibraryModalImpl.js","sources":["../../../src/components/ImageLibraryModalImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport { ImageMissing } from '@elliemae/ds-icons';\n\nconst elementClassName = 'imglibmodal-element';\n\nexport default class ImageLibraryModalImpl extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      selected: undefined,\n      user: undefined,\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { imagesData } = this.props;\n    if (imagesData) {\n      this.handleElementClick({}, imagesData[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { imagesData } = this.props;\n    if (!imagesData && nextProps.imagesData) {\n      this.setState({ selected: imagesData[0] });\n    }\n  }\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  getUser(selected) {\n    if (!selected) {\n      return '';\n    }\n    const index = selected.createdBy.lastIndexOf('user:');\n    if (index === -1) {\n      return selected.createdBy;\n    }\n    return selected.createdBy.substring(index + 5);\n  }\n\n  handleElementClick = (e, image) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selected } = this.state;\n    const { disableDoubleClick, onConfirm, onSelect } = this.props;\n    if (image === selected && onConfirm && !disableDoubleClick) {\n      onConfirm();\n      return;\n    }\n    this.setState({\n      selected: image,\n      user: this.getUser(image),\n    });\n    if (onSelect) {\n      onSelect(image);\n    }\n  };\n\n  preventSpacebarScroll() {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  }\n\n  drawDiv(className, content) {\n    return <div className={className}>{content}</div>;\n  }\n\n  drawLabel(className, label, value) {\n    return (\n      <div className={className}>\n        <span className=\"label\">{label}</span>\n        <span className=\"value\">{value}</span>\n      </div>\n    );\n  }\n\n  renderElements = () => {\n    const { imagesData } = this.props;\n    if (!imagesData) {\n      return 'Empty';\n    }\n    const { selected } = this.state;\n    return imagesData.map((image, idx) => {\n      const extras = {};\n      const { name, id } = image;\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (selected && name === selected.name) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={id || `${name}_${idx}`}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, image)}\n          onKeyUp={(e) => this.handleElementClick(e, image)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          <div className=\"content\">{name}</div>\n        </div>\n      );\n    });\n  };\n\n  renderSpinner = () => <DSSpinner message=\"Loading...\" size=\"m\" />;\n\n  renderError = () => <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />;\n\n  render() {\n    const { selected, user } = this.state;\n    const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;\n    return (\n      <DSModal\n        containerProps={containerProps}\n        {...modalProps}\n        className=\"em-ds-modal-image-library\"\n        onReject={this.onReject}\n      >\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Company Images')}\n            {this.renderElements()}\n          </div>\n          <div className=\"col-2\">\n            {this.drawDiv('title', selected ? selected.name : '')}\n            <ImageLoader\n              className=\"image-loader\"\n              error={this.renderError}\n              loading={this.renderSpinner}\n              src={selected ? selected.url : ''}\n            />\n            {selected && (\n              <div className=\"info\">\n                {this.drawLabel('info-element', 'Created Date:', selected.createdDate)}\n                {this.drawLabel('info-element', 'Created By:', user)}\n              </div>\n            )}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["elementClassName","ImageLibraryModalImpl","props","onReject","onClose","e","image","key","selected","state","disableDoubleClick","onConfirm","onSelect","setState","user","getUser","imagesData","map","idx","extras","name","id","focusFirst","ref","element","focus","undefined","React","handleElementClick","DSSpinner","ImageMissing","ICONS_COLORS","NEUTRAL","ICONS_SIZES","M","preventSpacebarScroll","nextProps","index","createdBy","lastIndexOf","substring","document","onkeypress","includes","target","className","window","event","charCode","keyCode","which","preventDefault","content","label","value","containerProps","modalProps","DSModal","drawDiv","renderElements","ImageLoader","renderError","renderSpinner","url","drawLabel","createdDate","PureComponent"],"mappings":"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"}
+{"version":3,"file":"ImageLibraryModalImpl.js","sources":["../../../src/components/ImageLibraryModalImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport { ImageMissing } from '@elliemae/ds-icons';\n\nconst elementClassName = 'imglibmodal-element';\n\nexport default class ImageLibraryModalImpl extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      selected: undefined,\n      user: undefined,\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { imagesData } = this.props;\n    if (imagesData) {\n      this.handleElementClick({}, imagesData[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { imagesData } = this.props;\n    if (!imagesData && nextProps.imagesData) {\n      this.setState({ selected: imagesData[0] });\n    }\n  }\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  getUser(selected) {\n    if (!selected) {\n      return '';\n    }\n    const index = selected.createdBy.lastIndexOf('user:');\n    if (index === -1) {\n      return selected.createdBy;\n    }\n    return selected.createdBy.substring(index + 5);\n  }\n\n  handleElementClick = (e, image) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selected } = this.state;\n    const { disableDoubleClick, onConfirm, onSelect } = this.props;\n    if (image === selected && onConfirm && !disableDoubleClick) {\n      onConfirm();\n      return;\n    }\n    this.setState({\n      selected: image,\n      user: this.getUser(image),\n    });\n    if (onSelect) {\n      onSelect(image);\n    }\n  };\n\n  preventSpacebarScroll() {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  }\n\n  drawDiv(className, content) {\n    return <div className={className}>{content}</div>;\n  }\n\n  drawLabel(className, label, value) {\n    return (\n      <div className={className}>\n        <span className=\"label\">{label}</span>\n        <span className=\"value\">{value}</span>\n      </div>\n    );\n  }\n\n  renderElements = () => {\n    const { imagesData } = this.props;\n    if (!imagesData) {\n      return 'Empty';\n    }\n    const { selected } = this.state;\n    return imagesData.map((image, idx) => {\n      const extras = {};\n      const { name, id } = image;\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (selected && name === selected.name) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={id || `${name}_${idx}`}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, image)}\n          onKeyUp={(e) => this.handleElementClick(e, image)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          <div className=\"content\">{name}</div>\n        </div>\n      );\n    });\n  };\n\n  renderSpinner = () => <DSSpinner message=\"Loading...\" size=\"m\" />;\n\n  renderError = () => <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />;\n\n  render() {\n    const { selected, user } = this.state;\n    const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;\n    return (\n      <DSModal\n        containerProps={containerProps}\n        {...modalProps}\n        className=\"em-ds-modal-image-library\"\n        onReject={this.onReject}\n      >\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Company Images')}\n            {this.renderElements()}\n          </div>\n          <div className=\"col-2\">\n            {this.drawDiv('title', selected ? selected.name : '')}\n            <ImageLoader\n              className=\"image-loader\"\n              error={this.renderError}\n              loading={this.renderSpinner}\n              src={selected ? selected.url : ''}\n            />\n            {selected && (\n              <div className=\"info\">\n                {this.drawLabel('info-element', 'Created Date:', selected.createdDate)}\n                {this.drawLabel('info-element', 'Created By:', user)}\n              </div>\n            )}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["elementClassName","ImageLibraryModalImpl","props","onReject","onClose","handleElementClick","e","image","key","selected","state","disableDoubleClick","onConfirm","onSelect","setState","user","getUser","renderElements","imagesData","map","idx","extras","name","id","focusFirst","ref","element","focus","undefined","React","renderSpinner","DSSpinner","renderError","ImageMissing","ICONS_COLORS","NEUTRAL","ICONS_SIZES","M","preventSpacebarScroll","nextProps","index","createdBy","lastIndexOf","substring","document","onkeypress","includes","target","className","window","event","charCode","keyCode","which","preventDefault","content","label","value","containerProps","modalProps","DSModal","drawDiv","ImageLoader","url","drawLabel","createdDate","PureComponent"],"mappings":"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"}

package/cjs/index.js

@@ -10,11 +10,9 @@ require('@elliemae/ds-shared/constants');
 require('./components/ImageLibraryModalImpl.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
 require('@babel/runtime/helpers/inherits');
 require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-spinner');
 require('@elliemae/ds-icon');
 require('lodash');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/DSImageLibraryModal.js

@@ -7,11 +7,9 @@ import { sizeOptions } from '@elliemae/ds-shared/constants';
 import ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';
 import '@babel/runtime/helpers/esm/classCallCheck';
 import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
 import '@babel/runtime/helpers/esm/inherits';
 import '@babel/runtime/helpers/esm/possibleConstructorReturn';
 import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-spinner';
 import '@elliemae/ds-icon';
 import 'lodash';

package/esm/DSImageLibraryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSImageLibraryModal.js","sources":["../../src/DSImageLibraryModal.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared/constants';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl';\n\nconst modalTypes = Object.values(MODAL_TYPE);\n\nconst DSImageLibraryModal = ({\n  containerProps = {},\n  confirmLabel = 'Add',\n  disableDoubleClick = false,\n  isOpen = true,\n  modalTitle = 'Add Image',\n  modalType = modalTypes[2],\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = true,\n  size = sizeOptions[3],\n  imagesData = [\n    {\n      url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n      name: 'no image',\n      createdBy: 'user:John Doe',\n      createdDate: '0000-01-01 00:00 AM UTC',\n    },\n  ],\n  onSelect = () => null,\n  ...rest\n}) => (\n  <ImageLibraryModalImpl\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    disableDoubleClick={disableDoubleClick}\n    imagesData={imagesData}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onSelect={onSelect}\n    rejectLabel={rejectLabel}\n    shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    size={size}\n    {...rest}\n  />\n);\n\n/** Inherits DSModal props */\nDSImageLibraryModal.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /** List of images src */\n  imagesData: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      name: PropTypes.string,\n    }),\n  ),\n  /** Handler when user selects an image */\n  onSelect: PropTypes.func,\n};\n\nexport default DSImageLibraryModal;\n"],"names":["modalTypes","Object","values","MODAL_TYPE","DSImageLibraryModal","containerProps","confirmLabel","disableDoubleClick","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","sizeOptions","imagesData","url","name","createdBy","createdDate","onSelect","rest","propTypes","PropTypes","shape","arrayOf","string","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAGC,MAAM,CAACC,MAAP,CAAcC,UAAd,CAAnB;;IAEMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,iCAC1BC,cAD0B;AAAA,MAC1BA,cAD0B,oCACT,EADS;AAAA,+BAE1BC,YAF0B;AAAA,MAE1BA,YAF0B,kCAEX,KAFW;AAAA,mCAG1BC,kBAH0B;AAAA,MAG1BA,kBAH0B,sCAGL,KAHK;AAAA,yBAI1BC,MAJ0B;AAAA,MAI1BA,MAJ0B,4BAIjB,IAJiB;AAAA,6BAK1BC,UAL0B;AAAA,MAK1BA,UAL0B,gCAKb,WALa;AAAA,4BAM1BC,SAN0B;AAAA,MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;AAAA,8BAO1BW,WAP0B;AAAA,MAO1BA,WAP0B,iCAOZ,QAPY;AAAA,mCAQ1BC,yBAR0B;AAAA,MAQ1BA,yBAR0B,sCAQE,IARF;AAAA,uBAS1BC,IAT0B;AAAA,MAS1BA,IAT0B,0BASnBC,WAAW,CAAC,CAAD,CATQ;AAAA,6BAU1BC,UAV0B;AAAA,MAU1BA,UAV0B,gCAUb,CACX;AACEC,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADW,CAVa;AAAA,2BAkB1BC,QAlB0B;AAAA,MAkB1BA,QAlB0B,8BAkBf;AAAA,WAAM,IAAN;AAAA,GAlBe;AAAA,MAmBvBC,IAnBuB;;AAAA,sBAqB1B,oBAAC,qBAAD;AACE,IAAA,YAAY,EAAEf,YADhB;AAEE,IAAA,cAAc,EAAED,cAFlB;AAGE,IAAA,kBAAkB,EAAEE,kBAHtB;AAIE,IAAA,UAAU,EAAEQ,UAJd;AAKE,IAAA,MAAM,EAAEP,MALV;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,SAAS,EAAEC,SAPb;AAQE,IAAA,QAAQ,EAAEU,QARZ;AASE,IAAA,WAAW,EAAET,WATf;AAUE,IAAA,yBAAyB,EAAEC,yBAV7B;AAWE,IAAA,IAAI,EAAEC;AAXR,KAYMQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACkB,SAApB,GAAgC;AAC9BjB,EAAAA,cAAc,EAAEkB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;AAE9B;AACAT,EAAAA,UAAU,EAAEQ,SAAS,CAACE,OAAV,CACVF,SAAS,CAACC,KAAV,CAAgB;AACdR,IAAAA,GAAG,EAAEO,SAAS,CAACG,MADD;AAEdT,IAAAA,IAAI,EAAEM,SAAS,CAACG;AAFF,GAAhB,CADU,CAHkB;;AAS9B;AACAN,EAAAA,QAAQ,EAAEG,SAAS,CAACI;AAVU,CAAhC;;;;"}
+{"version":3,"file":"DSImageLibraryModal.js","sources":["../../src/DSImageLibraryModal.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared/constants';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl';\n\nconst modalTypes = Object.values(MODAL_TYPE);\n\nconst DSImageLibraryModal = ({\n  containerProps = {},\n  confirmLabel = 'Add',\n  disableDoubleClick = false,\n  isOpen = true,\n  modalTitle = 'Add Image',\n  modalType = modalTypes[2],\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = true,\n  size = sizeOptions[3],\n  imagesData = [\n    {\n      url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',\n      name: 'no image',\n      createdBy: 'user:John Doe',\n      createdDate: '0000-01-01 00:00 AM UTC',\n    },\n  ],\n  onSelect = () => null,\n  ...rest\n}) => (\n  <ImageLibraryModalImpl\n    confirmLabel={confirmLabel}\n    containerProps={containerProps}\n    disableDoubleClick={disableDoubleClick}\n    imagesData={imagesData}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onSelect={onSelect}\n    rejectLabel={rejectLabel}\n    shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    size={size}\n    {...rest}\n  />\n);\n\n/** Inherits DSModal props */\nDSImageLibraryModal.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /** List of images src */\n  imagesData: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      name: PropTypes.string,\n    }),\n  ),\n  /** Handler when user selects an image */\n  onSelect: PropTypes.func,\n};\n\nexport default DSImageLibraryModal;\n"],"names":["modalTypes","Object","values","MODAL_TYPE","DSImageLibraryModal","containerProps","confirmLabel","disableDoubleClick","isOpen","modalTitle","modalType","rejectLabel","shouldCloseOnOverlayClick","size","sizeOptions","imagesData","url","name","createdBy","createdDate","onSelect","rest","propTypes","PropTypes","shape","arrayOf","string","func"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAGC,MAAM,CAACC,MAAP,CAAcC,UAAd,CAAnB;;IAEMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,iCAC1BC,cAD0B;AAAA,MAC1BA,cAD0B,oCACT,EADS;AAAA,+BAE1BC,YAF0B;AAAA,MAE1BA,YAF0B,kCAEX,KAFW;AAAA,mCAG1BC,kBAH0B;AAAA,MAG1BA,kBAH0B,sCAGL,KAHK;AAAA,yBAI1BC,MAJ0B;AAAA,MAI1BA,MAJ0B,4BAIjB,IAJiB;AAAA,6BAK1BC,UAL0B;AAAA,MAK1BA,UAL0B,gCAKb,WALa;AAAA,4BAM1BC,SAN0B;AAAA,MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;AAAA,8BAO1BW,WAP0B;AAAA,MAO1BA,WAP0B,iCAOZ,QAPY;AAAA,mCAQ1BC,yBAR0B;AAAA,MAQ1BA,yBAR0B,sCAQE,IARF;AAAA,uBAS1BC,IAT0B;AAAA,MAS1BA,IAT0B,0BASnBC,WAAW,CAAC,CAAD,CATQ;AAAA,6BAU1BC,UAV0B;AAAA,MAU1BA,UAV0B,gCAUb,CACX;AACEC,IAAAA,GAAG,EAAE,6DADP;AAEEC,IAAAA,IAAI,EAAE,UAFR;AAGEC,IAAAA,SAAS,EAAE,eAHb;AAIEC,IAAAA,WAAW,EAAE;AAJf,GADW,CAVa;AAAA,2BAkB1BC,QAlB0B;AAAA,MAkB1BA,QAlB0B,8BAkBf;AAAA,WAAM,IAAN;AAAA,GAlBe;AAAA,MAmBvBC,IAnBuB;;AAAA,sBAqB1B,oBAAC,qBAAD;AACE,IAAA,YAAY,EAAEf,YADhB;AAEE,IAAA,cAAc,EAAED,cAFlB;AAGE,IAAA,kBAAkB,EAAEE,kBAHtB;AAIE,IAAA,UAAU,EAAEQ,UAJd;AAKE,IAAA,MAAM,EAAEP,MALV;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,SAAS,EAAEC,SAPb;AAQE,IAAA,QAAQ,EAAEU,QARZ;AASE,IAAA,WAAW,EAAET,WATf;AAUE,IAAA,yBAAyB,EAAEC,yBAV7B;AAWE,IAAA,IAAI,EAAEC;AAXR,KAYMQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACkB,SAApB,GAAgC;AAC9BjB,EAAAA,cAAc,EAAEkB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;AAE9B;AACAT,EAAAA,UAAU,EAAEQ,SAAS,CAACE,OAAV,CACVF,SAAS,CAACC,KAAV,CAAgB;AACdR,IAAAA,GAAG,EAAEO,SAAS,CAACG,MADD;AAEdT,IAAAA,IAAI,EAAEM,SAAS,CAACG;AAFF,GAAhB,CADU,CAHkB;;AAS9B;AACAN,EAAAA,QAAQ,EAAEG,SAAS,CAACI;AAVU,CAAhC;;;;"}

package/esm/components/ImageLibraryModalImpl.js

@@ -2,11 +2,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
 import _extends from '@babel/runtime/helpers/esm/extends';
 import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
 import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
 import _inherits from '@babel/runtime/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import DSModal from '@elliemae/ds-modal';
 import DSSpinner from '@elliemae/ds-spinner';
@@ -34,7 +32,7 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "onReject", function () {
+    _this.onReject = function () {
       var _this$props = _this.props,
           onReject = _this$props.onReject,
           onClose = _this$props.onClose;
@@ -44,9 +42,9 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         onClose();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleElementClick", function (e, image) {
+    _this.handleElementClick = function (e, image) {
       if (e.key && e.key !== ' ') {
         return;
       }
@@ -70,9 +68,9 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       if (onSelect) {
         onSelect(image);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderElements", function () {
+    _this.renderElements = function () {
       var imagesData = _this.props.imagesData;
 
       if (!imagesData) {
@@ -112,21 +110,21 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
           className: "content"
         }, name));
       });
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderSpinner", function () {
+    _this.renderSpinner = function () {
       return /*#__PURE__*/React.createElement(DSSpinner, {
         message: "Loading...",
         size: "m"
       });
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderError", function () {
+    _this.renderError = function () {
       return /*#__PURE__*/React.createElement(ImageMissing, {
         color: DSIconColors.NEUTRAL,
         size: DSIconSizes.M
       });
-    });
+    };
 
     _this.state = {
       selected: undefined,

package/esm/components/ImageLibraryModalImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageLibraryModalImpl.js","sources":["../../../src/components/ImageLibraryModalImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport { ImageMissing } from '@elliemae/ds-icons';\n\nconst elementClassName = 'imglibmodal-element';\n\nexport default class ImageLibraryModalImpl extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      selected: undefined,\n      user: undefined,\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { imagesData } = this.props;\n    if (imagesData) {\n      this.handleElementClick({}, imagesData[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { imagesData } = this.props;\n    if (!imagesData && nextProps.imagesData) {\n      this.setState({ selected: imagesData[0] });\n    }\n  }\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  getUser(selected) {\n    if (!selected) {\n      return '';\n    }\n    const index = selected.createdBy.lastIndexOf('user:');\n    if (index === -1) {\n      return selected.createdBy;\n    }\n    return selected.createdBy.substring(index + 5);\n  }\n\n  handleElementClick = (e, image) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selected } = this.state;\n    const { disableDoubleClick, onConfirm, onSelect } = this.props;\n    if (image === selected && onConfirm && !disableDoubleClick) {\n      onConfirm();\n      return;\n    }\n    this.setState({\n      selected: image,\n      user: this.getUser(image),\n    });\n    if (onSelect) {\n      onSelect(image);\n    }\n  };\n\n  preventSpacebarScroll() {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  }\n\n  drawDiv(className, content) {\n    return <div className={className}>{content}</div>;\n  }\n\n  drawLabel(className, label, value) {\n    return (\n      <div className={className}>\n        <span className=\"label\">{label}</span>\n        <span className=\"value\">{value}</span>\n      </div>\n    );\n  }\n\n  renderElements = () => {\n    const { imagesData } = this.props;\n    if (!imagesData) {\n      return 'Empty';\n    }\n    const { selected } = this.state;\n    return imagesData.map((image, idx) => {\n      const extras = {};\n      const { name, id } = image;\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (selected && name === selected.name) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={id || `${name}_${idx}`}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, image)}\n          onKeyUp={(e) => this.handleElementClick(e, image)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          <div className=\"content\">{name}</div>\n        </div>\n      );\n    });\n  };\n\n  renderSpinner = () => <DSSpinner message=\"Loading...\" size=\"m\" />;\n\n  renderError = () => <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />;\n\n  render() {\n    const { selected, user } = this.state;\n    const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;\n    return (\n      <DSModal\n        containerProps={containerProps}\n        {...modalProps}\n        className=\"em-ds-modal-image-library\"\n        onReject={this.onReject}\n      >\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Company Images')}\n            {this.renderElements()}\n          </div>\n          <div className=\"col-2\">\n            {this.drawDiv('title', selected ? selected.name : '')}\n            <ImageLoader\n              className=\"image-loader\"\n              error={this.renderError}\n              loading={this.renderSpinner}\n              src={selected ? selected.url : ''}\n            />\n            {selected && (\n              <div className=\"info\">\n                {this.drawLabel('info-element', 'Created Date:', selected.createdDate)}\n                {this.drawLabel('info-element', 'Created By:', user)}\n              </div>\n            )}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["elementClassName","ImageLibraryModalImpl","props","onReject","onClose","e","image","key","selected","state","disableDoubleClick","onConfirm","onSelect","setState","user","getUser","imagesData","map","idx","extras","name","id","focusFirst","ref","element","focus","undefined","handleElementClick","ICONS_COLORS","NEUTRAL","ICONS_SIZES","M","preventSpacebarScroll","nextProps","index","createdBy","lastIndexOf","substring","document","onkeypress","includes","target","className","window","event","charCode","keyCode","which","preventDefault","content","label","value","containerProps","modalProps","drawDiv","renderElements","renderError","renderSpinner","url","drawLabel","createdDate","React","PureComponent"],"mappings":"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"}
+{"version":3,"file":"ImageLibraryModalImpl.js","sources":["../../../src/components/ImageLibraryModalImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DSSpinner from '@elliemae/ds-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport { ImageMissing } from '@elliemae/ds-icons';\n\nconst elementClassName = 'imglibmodal-element';\n\nexport default class ImageLibraryModalImpl extends React.PureComponent {\n  constructor(props) {\n    super(props);\n    this.state = {\n      selected: undefined,\n      user: undefined,\n    };\n    this.preventSpacebarScroll();\n  }\n\n  componentDidMount() {\n    const { imagesData } = this.props;\n    if (imagesData) {\n      this.handleElementClick({}, imagesData[0]);\n      this.focusFirst = true;\n    }\n  }\n\n  getDerivedStateFromProps(nextProps) {\n    const { imagesData } = this.props;\n    if (!imagesData && nextProps.imagesData) {\n      this.setState({ selected: imagesData[0] });\n    }\n  }\n\n  onReject = () => {\n    const { onReject, onClose } = this.props;\n    if (onReject) {\n      onReject();\n    } else {\n      onClose();\n    }\n  };\n\n  getUser(selected) {\n    if (!selected) {\n      return '';\n    }\n    const index = selected.createdBy.lastIndexOf('user:');\n    if (index === -1) {\n      return selected.createdBy;\n    }\n    return selected.createdBy.substring(index + 5);\n  }\n\n  handleElementClick = (e, image) => {\n    if (e.key && e.key !== ' ') {\n      return;\n    }\n    const { selected } = this.state;\n    const { disableDoubleClick, onConfirm, onSelect } = this.props;\n    if (image === selected && onConfirm && !disableDoubleClick) {\n      onConfirm();\n      return;\n    }\n    this.setState({\n      selected: image,\n      user: this.getUser(image),\n    });\n    if (onSelect) {\n      onSelect(image);\n    }\n  };\n\n  preventSpacebarScroll() {\n    document.onkeypress = function (e) {\n      if (!includes(e.target.className, elementClassName)) {\n        return true;\n      }\n      e = e || window.event;\n      const charCode = e.keyCode || e.which;\n      if (charCode === 32) {\n        e.preventDefault();\n        return false;\n      }\n      return true;\n    };\n  }\n\n  drawDiv(className, content) {\n    return <div className={className}>{content}</div>;\n  }\n\n  drawLabel(className, label, value) {\n    return (\n      <div className={className}>\n        <span className=\"label\">{label}</span>\n        <span className=\"value\">{value}</span>\n      </div>\n    );\n  }\n\n  renderElements = () => {\n    const { imagesData } = this.props;\n    if (!imagesData) {\n      return 'Empty';\n    }\n    const { selected } = this.state;\n    return imagesData.map((image, idx) => {\n      const extras = {};\n      const { name, id } = image;\n      if (this.focusFirst && idx === 0) {\n        extras.ref = (element) => element && element.focus();\n        this.focusFirst = undefined;\n      } else if (selected && name === selected.name) {\n        extras.ref = (element) => element && element.focus();\n      }\n      return (\n        <div\n          key={id || `${name}_${idx}`}\n          className={elementClassName}\n          onClick={(e) => this.handleElementClick(e, image)}\n          onKeyUp={(e) => this.handleElementClick(e, image)}\n          role=\"button\"\n          tabIndex={0}\n          {...extras}\n        >\n          <div className=\"content\">{name}</div>\n        </div>\n      );\n    });\n  };\n\n  renderSpinner = () => <DSSpinner message=\"Loading...\" size=\"m\" />;\n\n  renderError = () => <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />;\n\n  render() {\n    const { selected, user } = this.state;\n    const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;\n    return (\n      <DSModal\n        containerProps={containerProps}\n        {...modalProps}\n        className=\"em-ds-modal-image-library\"\n        onReject={this.onReject}\n      >\n        <div className=\"wrapper\">\n          <div className=\"col-1\">\n            {this.drawDiv('title', 'Company Images')}\n            {this.renderElements()}\n          </div>\n          <div className=\"col-2\">\n            {this.drawDiv('title', selected ? selected.name : '')}\n            <ImageLoader\n              className=\"image-loader\"\n              error={this.renderError}\n              loading={this.renderSpinner}\n              src={selected ? selected.url : ''}\n            />\n            {selected && (\n              <div className=\"info\">\n                {this.drawLabel('info-element', 'Created Date:', selected.createdDate)}\n                {this.drawLabel('info-element', 'Created By:', user)}\n              </div>\n            )}\n          </div>\n        </div>\n      </DSModal>\n    );\n  }\n}\n"],"names":["elementClassName","ImageLibraryModalImpl","props","onReject","onClose","handleElementClick","e","image","key","selected","state","disableDoubleClick","onConfirm","onSelect","setState","user","getUser","renderElements","imagesData","map","idx","extras","name","id","focusFirst","ref","element","focus","undefined","renderSpinner","renderError","ICONS_COLORS","NEUTRAL","ICONS_SIZES","M","preventSpacebarScroll","nextProps","index","createdBy","lastIndexOf","substring","document","onkeypress","includes","target","className","window","event","charCode","keyCode","which","preventDefault","content","label","value","containerProps","modalProps","drawDiv","url","drawLabel","createdDate","React","PureComponent"],"mappings":"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"}

package/esm/index.js

@@ -8,11 +8,9 @@ import '@elliemae/ds-shared/constants';
 import './components/ImageLibraryModalImpl.js';
 import '@babel/runtime/helpers/esm/classCallCheck';
 import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
 import '@babel/runtime/helpers/esm/inherits';
 import '@babel/runtime/helpers/esm/possibleConstructorReturn';
 import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-spinner';
 import '@elliemae/ds-icon';
 import 'lodash';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-imagelibrarymodal",
-  "version": "1.58.0-rc.3",
+  "version": "1.58.0-rc.4",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Image Library Modal",
   "main": "cjs/index.js",
@@ -16,10 +16,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.58.0-rc.3",
-    "@elliemae/ds-icons": "1.58.0-rc.3",
-    "@elliemae/ds-modal": "1.58.0-rc.3",
-    "@elliemae/ds-shared": "1.58.0-rc.3",
+    "@elliemae/ds-basic": "1.58.0-rc.4",
+    "@elliemae/ds-icons": "1.58.0-rc.4",
+    "@elliemae/ds-modal": "1.58.0-rc.4",
+    "@elliemae/ds-shared": "1.58.0-rc.4",
     "prop-types": "~15.7.2",
     "react-loading-image": "0.5.0"
   },