@elliemae/ds-imagelibrarymodal 1.57.0-rc.2 → 1.57.0-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,11 +14,11 @@ require('@babel/runtime/helpers/inherits');
14
14
  require('@babel/runtime/helpers/possibleConstructorReturn');
15
15
  require('@babel/runtime/helpers/getPrototypeOf');
16
16
  require('@babel/runtime/helpers/defineProperty');
17
- require('@elliemae/ds-basic/Spinner');
18
- require('@elliemae/ds-basic/Icon');
17
+ require('@elliemae/ds-spinner');
18
+ require('@elliemae/ds-icon');
19
19
  require('lodash');
20
20
  require('react-loading-image');
21
- require('@elliemae/ds-icons/ImageMissing');
21
+ require('@elliemae/ds-icons');
22
22
 
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
@@ -11,11 +11,11 @@ var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
11
11
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
12
12
  var React = require('react');
13
13
  var DSModal = require('@elliemae/ds-modal');
14
- var DSSpinner = require('@elliemae/ds-basic/Spinner');
15
- var Icon = require('@elliemae/ds-basic/Icon');
14
+ var DSSpinner = require('@elliemae/ds-spinner');
15
+ var dsIcon = require('@elliemae/ds-icon');
16
16
  var lodash = require('lodash');
17
17
  var ImageLoader = require('react-loading-image');
18
- var ImageMissing = require('@elliemae/ds-icons/ImageMissing');
18
+ var dsIcons = require('@elliemae/ds-icons');
19
19
 
20
20
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
21
 
@@ -32,7 +32,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
32
  var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
33
33
  var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
34
34
  var ImageLoader__default = /*#__PURE__*/_interopDefaultLegacy(ImageLoader);
35
- var ImageMissing__default = /*#__PURE__*/_interopDefaultLegacy(ImageMissing);
36
35
 
37
36
  var _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
38
37
 
@@ -141,9 +140,9 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
141
140
  });
142
141
 
143
142
  _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderError", function () {
144
- return /*#__PURE__*/React__default['default'].createElement(ImageMissing__default['default'], {
145
- color: Icon.DSIconColors.NEUTRAL,
146
- size: Icon.DSIconSizes.M
143
+ return /*#__PURE__*/React__default['default'].createElement(dsIcons.ImageMissing, {
144
+ color: dsIcon.DSIconColors.NEUTRAL,
145
+ size: dsIcon.DSIconSizes.M
147
146
  });
148
147
  });
149
148
 
@@ -1 +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-basic/Spinner';\nimport {\n DSIconSizes as ICONS_SIZES,\n DSIconColors as ICONS_COLORS,\n} from '@elliemae/ds-basic/Icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport ImageMissing from '@elliemae/ds-icons/ImageMissing';\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 = () => (\n <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />\n );\n\n render() {\n const { selected, user } = this.state;\n const {\n containerProps,\n imagesData,\n onSelect,\n disableDoubleClick,\n ...modalProps\n } = 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(\n 'info-element',\n 'Created Date:',\n selected.createdDate,\n )}\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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"}
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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"}
package/cjs/index.js CHANGED
@@ -15,11 +15,11 @@ require('@babel/runtime/helpers/inherits');
15
15
  require('@babel/runtime/helpers/possibleConstructorReturn');
16
16
  require('@babel/runtime/helpers/getPrototypeOf');
17
17
  require('@babel/runtime/helpers/defineProperty');
18
- require('@elliemae/ds-basic/Spinner');
19
- require('@elliemae/ds-basic/Icon');
18
+ require('@elliemae/ds-spinner');
19
+ require('@elliemae/ds-icon');
20
20
  require('lodash');
21
21
  require('react-loading-image');
22
- require('@elliemae/ds-icons/ImageMissing');
22
+ require('@elliemae/ds-icons');
23
23
 
24
24
 
25
25
 
@@ -12,11 +12,11 @@ import '@babel/runtime/helpers/esm/inherits';
12
12
  import '@babel/runtime/helpers/esm/possibleConstructorReturn';
13
13
  import '@babel/runtime/helpers/esm/getPrototypeOf';
14
14
  import '@babel/runtime/helpers/esm/defineProperty';
15
- import '@elliemae/ds-basic/Spinner';
16
- import '@elliemae/ds-basic/Icon';
15
+ import '@elliemae/ds-spinner';
16
+ import '@elliemae/ds-icon';
17
17
  import 'lodash';
18
18
  import 'react-loading-image';
19
- import '@elliemae/ds-icons/ImageMissing';
19
+ import '@elliemae/ds-icons';
20
20
 
21
21
  var _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOpen", "modalTitle", "modalType", "rejectLabel", "shouldCloseOnOverlayClick", "size", "imagesData", "onSelect"];
22
22
  var modalTypes = Object.values(MODAL_TYPE);
@@ -9,11 +9,11 @@ import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
9
9
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
10
10
  import React from 'react';
11
11
  import DSModal from '@elliemae/ds-modal';
12
- import DSSpinner from '@elliemae/ds-basic/Spinner';
13
- import { DSIconColors, DSIconSizes } from '@elliemae/ds-basic/Icon';
12
+ import DSSpinner from '@elliemae/ds-spinner';
13
+ import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
14
14
  import { includes } from 'lodash';
15
15
  import ImageLoader from 'react-loading-image';
16
- import ImageMissing from '@elliemae/ds-icons/ImageMissing';
16
+ import { ImageMissing } from '@elliemae/ds-icons';
17
17
 
18
18
  var _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
19
19
 
@@ -1 +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-basic/Spinner';\nimport {\n DSIconSizes as ICONS_SIZES,\n DSIconColors as ICONS_COLORS,\n} from '@elliemae/ds-basic/Icon';\nimport { includes } from 'lodash';\nimport ImageLoader from 'react-loading-image';\nimport ImageMissing from '@elliemae/ds-icons/ImageMissing';\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 = () => (\n <ImageMissing color={ICONS_COLORS.NEUTRAL} size={ICONS_SIZES.M} />\n );\n\n render() {\n const { selected, user } = this.state;\n const {\n containerProps,\n imagesData,\n onSelect,\n disableDoubleClick,\n ...modalProps\n } = 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(\n 'info-element',\n 'Created Date:',\n selected.createdDate,\n )}\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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"}
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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"}
package/esm/index.js CHANGED
@@ -13,9 +13,9 @@ import '@babel/runtime/helpers/esm/inherits';
13
13
  import '@babel/runtime/helpers/esm/possibleConstructorReturn';
14
14
  import '@babel/runtime/helpers/esm/getPrototypeOf';
15
15
  import '@babel/runtime/helpers/esm/defineProperty';
16
- import '@elliemae/ds-basic/Spinner';
17
- import '@elliemae/ds-basic/Icon';
16
+ import '@elliemae/ds-spinner';
17
+ import '@elliemae/ds-icon';
18
18
  import 'lodash';
19
19
  import 'react-loading-image';
20
- import '@elliemae/ds-icons/ImageMissing';
20
+ import '@elliemae/ds-icons';
21
21
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-imagelibrarymodal",
3
- "version": "1.57.0-rc.2",
3
+ "version": "1.57.0-rc.6",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Image Library Modal",
6
6
  "main": "cjs/index.js",
@@ -16,10 +16,10 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-basic": "1.57.0-rc.2",
20
- "@elliemae/ds-icons": "1.57.0-rc.2",
21
- "@elliemae/ds-modal": "1.57.0-rc.2",
22
- "@elliemae/ds-shared": "1.57.0-rc.2",
19
+ "@elliemae/ds-basic": "1.57.0-rc.6",
20
+ "@elliemae/ds-icons": "1.57.0-rc.6",
21
+ "@elliemae/ds-modal": "1.57.0-rc.6",
22
+ "@elliemae/ds-shared": "1.57.0-rc.6",
23
23
  "prop-types": "~15.7.2",
24
24
  "react-loading-image": "0.5.0"
25
25
  },