@elliemae/ds-imagelibrarymodal 1.61.12 → 1.61.13
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.
|
@@ -1 +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;
|
|
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;EAAA,+BAC1BC,cAD0B;MAC1BA,cAD0B,oCACT,EADS;+BAE1BC,YAF0B;MAE1BA,YAF0B,kCAEX,KAFW;mCAG1BC,kBAH0B;MAG1BA,kBAH0B,sCAGL,KAHK;yBAI1BC,MAJ0B;MAI1BA,MAJ0B,4BAIjB,IAJiB;6BAK1BC,UAL0B;MAK1BA,UAL0B,gCAKb,WALa;4BAM1BC,SAN0B;MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;8BAO1BW,WAP0B;MAO1BA,WAP0B,iCAOZ,QAPY;mCAQ1BC,yBAR0B;MAQ1BA,yBAR0B,sCAQE,IARF;uBAS1BC,IAT0B;MAS1BA,IAT0B,0BASnBC,qBAAW,CAAC,CAAD,CATQ;6BAU1BC,UAV0B;MAU1BA,UAV0B,gCAUb,CACX;IACEC,GAAG,EAAE,6DADP;IAEEC,IAAI,EAAE,UAFR;IAGEC,SAAS,EAAE,eAHb;IAIEC,WAAW,EAAE;GALJ,CAVa;2BAkB1BC,QAlB0B;MAkB1BA,QAlB0B,8BAkBf;IAAA,OAAM,IAAN;GAlBe;MAmBvBC,IAnBuB;;EAAA,oBAqB1BC,wCAACC,gCAAD;IACE,YAAY,EAAEjB,YADhB;IAEE,cAAc,EAAED,cAFlB;IAGE,kBAAkB,EAAEE,kBAHtB;IAIE,UAAU,EAAEQ,UAJd;IAKE,MAAM,EAAEP,MALV;IAME,UAAU,EAAEC,UANd;IAOE,SAAS,EAAEC,SAPb;IAQE,QAAQ,EAAEU,QARZ;IASE,WAAW,EAAET,WATf;IAUE,yBAAyB,EAAEC,yBAV7B;IAWE,IAAI,EAAEC;KACFQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACoB,SAApB,GAAgC;EAC9BnB,cAAc,EAAEoB,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;;EAG9BX,UAAU,EAAEU,6BAAS,CAACE,OAAV,CACVF,6BAAS,CAACC,KAAV,CAAgB;IACdV,GAAG,EAAES,6BAAS,CAACG,MADD;IAEdX,IAAI,EAAEQ,6BAAS,CAACG;GAFlB,CADU,CAHkB;;;EAU9BR,QAAQ,EAAEK,6BAAS,CAACI;AAVU,CAAhC;;;;"}
|
|
@@ -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-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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"}
|
|
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","_classCallCheck","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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"}
|
|
@@ -1 +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;
|
|
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;EAAA,+BAC1BC,cAD0B;MAC1BA,cAD0B,oCACT,EADS;+BAE1BC,YAF0B;MAE1BA,YAF0B,kCAEX,KAFW;mCAG1BC,kBAH0B;MAG1BA,kBAH0B,sCAGL,KAHK;yBAI1BC,MAJ0B;MAI1BA,MAJ0B,4BAIjB,IAJiB;6BAK1BC,UAL0B;MAK1BA,UAL0B,gCAKb,WALa;4BAM1BC,SAN0B;MAM1BA,SAN0B,+BAMdV,UAAU,CAAC,CAAD,CANI;8BAO1BW,WAP0B;MAO1BA,WAP0B,iCAOZ,QAPY;mCAQ1BC,yBAR0B;MAQ1BA,yBAR0B,sCAQE,IARF;uBAS1BC,IAT0B;MAS1BA,IAT0B,0BASnBC,WAAW,CAAC,CAAD,CATQ;6BAU1BC,UAV0B;MAU1BA,UAV0B,gCAUb,CACX;IACEC,GAAG,EAAE,6DADP;IAEEC,IAAI,EAAE,UAFR;IAGEC,SAAS,EAAE,eAHb;IAIEC,WAAW,EAAE;GALJ,CAVa;2BAkB1BC,QAlB0B;MAkB1BA,QAlB0B,8BAkBf;IAAA,OAAM,IAAN;GAlBe;MAmBvBC,IAnBuB;;EAAA,oBAqB1B,oBAAC,qBAAD;IACE,YAAY,EAAEf,YADhB;IAEE,cAAc,EAAED,cAFlB;IAGE,kBAAkB,EAAEE,kBAHtB;IAIE,UAAU,EAAEQ,UAJd;IAKE,MAAM,EAAEP,MALV;IAME,UAAU,EAAEC,UANd;IAOE,SAAS,EAAEC,SAPb;IAQE,QAAQ,EAAEU,QARZ;IASE,WAAW,EAAET,WATf;IAUE,yBAAyB,EAAEC,yBAV7B;IAWE,IAAI,EAAEC;KACFQ,IAZN,EArB0B;AAAA;AAqC5B;;;AACAjB,mBAAmB,CAACkB,SAApB,GAAgC;EAC9BjB,cAAc,EAAEkB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADc;;;EAG9BT,UAAU,EAAEQ,SAAS,CAACE,OAAV,CACVF,SAAS,CAACC,KAAV,CAAgB;IACdR,GAAG,EAAEO,SAAS,CAACG,MADD;IAEdT,IAAI,EAAEM,SAAS,CAACG;GAFlB,CADU,CAHkB;;;EAU9BN,QAAQ,EAAEG,SAAS,CAACI;AAVU,CAAhC;;;;"}
|
|
@@ -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-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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"}
|
|
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","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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-imagelibrarymodal",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
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.61.
|
|
20
|
-
"@elliemae/ds-icons": "1.61.
|
|
21
|
-
"@elliemae/ds-modal": "1.61.
|
|
22
|
-
"@elliemae/ds-shared": "1.61.
|
|
19
|
+
"@elliemae/ds-basic": "1.61.13",
|
|
20
|
+
"@elliemae/ds-icons": "1.61.13",
|
|
21
|
+
"@elliemae/ds-modal": "1.61.13",
|
|
22
|
+
"@elliemae/ds-shared": "1.61.13",
|
|
23
23
|
"prop-types": "~15.7.2",
|
|
24
24
|
"react-loading-image": "0.5.0"
|
|
25
25
|
},
|