@elliemae/ds-imagelibrarymodal 1.60.0 → 2.0.0-alpha.12

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,66 +1,52 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
9
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var React = require('react');
6
- var PropTypes = require('prop-types');
10
+ require('react');
7
11
  var DSModal = require('@elliemae/ds-modal');
8
12
  var constants = require('@elliemae/ds-shared/constants');
9
- var components_ImageLibraryModalImpl = require('./components/ImageLibraryModalImpl.js');
10
- require('@babel/runtime/helpers/classCallCheck');
11
- require('@babel/runtime/helpers/createClass');
12
- require('@babel/runtime/helpers/inherits');
13
- require('@babel/runtime/helpers/possibleConstructorReturn');
14
- require('@babel/runtime/helpers/getPrototypeOf');
15
- require('@elliemae/ds-spinner');
16
- require('@elliemae/ds-icon');
17
- require('lodash');
18
- require('react-loading-image');
19
- require('@elliemae/ds-icons');
13
+ var ImageLibraryModalImpl = require('./components/ImageLibraryModalImpl.js');
14
+ var jsxRuntime = require('react/jsx-runtime');
20
15
 
21
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
17
 
23
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
18
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
19
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
27
20
 
28
- var _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOpen", "modalTitle", "modalType", "rejectLabel", "shouldCloseOnOverlayClick", "size", "imagesData", "onSelect"];
29
- var modalTypes = Object.values(DSModal.MODAL_TYPE);
21
+ const _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOpen", "modalTitle", "modalType", "rejectLabel", "shouldCloseOnOverlayClick", "size", "imagesData", "onSelect"];
30
22
 
31
- var DSImageLibraryModal = function DSImageLibraryModal(_ref) {
32
- var _ref$containerProps = _ref.containerProps,
33
- containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
34
- _ref$confirmLabel = _ref.confirmLabel,
35
- confirmLabel = _ref$confirmLabel === void 0 ? 'Add' : _ref$confirmLabel,
36
- _ref$disableDoubleCli = _ref.disableDoubleClick,
37
- disableDoubleClick = _ref$disableDoubleCli === void 0 ? false : _ref$disableDoubleCli,
38
- _ref$isOpen = _ref.isOpen,
39
- isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
40
- _ref$modalTitle = _ref.modalTitle,
41
- modalTitle = _ref$modalTitle === void 0 ? 'Add Image' : _ref$modalTitle,
42
- _ref$modalType = _ref.modalType,
43
- modalType = _ref$modalType === void 0 ? modalTypes[2] : _ref$modalType,
44
- _ref$rejectLabel = _ref.rejectLabel,
45
- rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
46
- _ref$shouldCloseOnOve = _ref.shouldCloseOnOverlayClick,
47
- shouldCloseOnOverlayClick = _ref$shouldCloseOnOve === void 0 ? true : _ref$shouldCloseOnOve,
48
- _ref$size = _ref.size,
49
- size = _ref$size === void 0 ? constants.sizeOptions[3] : _ref$size,
50
- _ref$imagesData = _ref.imagesData,
51
- imagesData = _ref$imagesData === void 0 ? [{
52
- url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
53
- name: 'no image',
54
- createdBy: 'user:John Doe',
55
- createdDate: '0000-01-01 00:00 AM UTC'
56
- }] : _ref$imagesData,
57
- _ref$onSelect = _ref.onSelect,
58
- onSelect = _ref$onSelect === void 0 ? function () {
59
- return null;
60
- } : _ref$onSelect,
61
- rest = _objectWithoutProperties__default['default'](_ref, _excluded);
23
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
62
24
 
63
- return /*#__PURE__*/React__default['default'].createElement(components_ImageLibraryModalImpl, _extends__default['default']({
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
26
+ const modalTypes = Object.values(DSModal.MODAL_TYPE);
27
+
28
+ const DSImageLibraryModal = _ref => {
29
+ let {
30
+ containerProps = {},
31
+ confirmLabel = 'Add',
32
+ disableDoubleClick = false,
33
+ isOpen = true,
34
+ modalTitle = 'Add Image',
35
+ modalType = modalTypes[2],
36
+ rejectLabel = 'Cancel',
37
+ shouldCloseOnOverlayClick = true,
38
+ size = constants.sizeOptions[3],
39
+ imagesData = [{
40
+ url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
41
+ name: 'no image',
42
+ createdBy: 'user:John Doe',
43
+ createdDate: '0000-01-01 00:00 AM UTC'
44
+ }],
45
+ onSelect = () => null
46
+ } = _ref,
47
+ rest = _objectWithoutProperties__default["default"](_ref, _excluded);
48
+
49
+ return /*#__PURE__*/jsxRuntime.jsx(ImageLibraryModalImpl, _objectSpread({
64
50
  confirmLabel: confirmLabel,
65
51
  containerProps: containerProps,
66
52
  disableDoubleClick: disableDoubleClick,
@@ -74,21 +60,5 @@ var DSImageLibraryModal = function DSImageLibraryModal(_ref) {
74
60
  size: size
75
61
  }, rest));
76
62
  };
77
- /** Inherits DSModal props */
78
-
79
-
80
- DSImageLibraryModal.propTypes = {
81
- containerProps: PropTypes__default['default'].shape({}),
82
-
83
- /** List of images src */
84
- imagesData: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
85
- url: PropTypes__default['default'].string,
86
- name: PropTypes__default['default'].string
87
- })),
88
-
89
- /** Handler when user selects an image */
90
- onSelect: PropTypes__default['default'].func
91
- };
92
63
 
93
64
  module.exports = DSImageLibraryModal;
94
- //# sourceMappingURL=DSImageLibraryModal.js.map
@@ -1,12 +1,15 @@
1
1
  'use strict';
2
2
 
3
3
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
4
- var _extends = require('@babel/runtime/helpers/extends');
5
- var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
6
- var _createClass = require('@babel/runtime/helpers/createClass');
7
- var _inherits = require('@babel/runtime/helpers/inherits');
8
- var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
9
- var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
4
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('core-js/modules/esnext.async-iterator.map.js');
7
+ require('core-js/modules/esnext.iterator.map.js');
8
+ require('core-js/modules/esnext.async-iterator.filter.js');
9
+ require('core-js/modules/esnext.iterator.constructor.js');
10
+ require('core-js/modules/esnext.iterator.filter.js');
11
+ require('core-js/modules/esnext.async-iterator.for-each.js');
12
+ require('core-js/modules/esnext.iterator.for-each.js');
10
13
  var React = require('react');
11
14
  var DSModal = require('@elliemae/ds-modal');
12
15
  var DSSpinner = require('@elliemae/ds-spinner');
@@ -14,44 +17,35 @@ var dsIcon = require('@elliemae/ds-icon');
14
17
  var lodash = require('lodash');
15
18
  var ImageLoader = require('react-loading-image');
16
19
  var dsIcons = require('@elliemae/ds-icons');
20
+ var jsxRuntime = require('react/jsx-runtime');
17
21
 
18
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
23
 
20
24
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
21
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
22
- var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
23
- var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
24
- var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
25
- var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
26
- var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
25
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
26
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
27
27
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
  var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
29
29
  var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
30
30
  var ImageLoader__default = /*#__PURE__*/_interopDefaultLegacy(ImageLoader);
31
31
 
32
- var _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
32
+ const _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
33
33
 
34
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
34
+ var _DSSpinner;
35
35
 
36
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
- var elementClassName = 'imglibmodal-element';
36
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
38
37
 
39
- var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
40
- _inherits__default['default'](ImageLibraryModalImpl, _React$PureComponent);
38
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
39
+ const elementClassName = 'imglibmodal-element';
40
+ class ImageLibraryModalImpl extends React__default["default"].PureComponent {
41
+ constructor(props) {
42
+ super(props);
41
43
 
42
- var _super = _createSuper(ImageLibraryModalImpl);
43
-
44
- function ImageLibraryModalImpl(props) {
45
- var _this;
46
-
47
- _classCallCheck__default['default'](this, ImageLibraryModalImpl);
48
-
49
- _this = _super.call(this, props);
50
-
51
- _this.onReject = function () {
52
- var _this$props = _this.props,
53
- onReject = _this$props.onReject,
54
- onClose = _this$props.onClose;
44
+ this.onReject = () => {
45
+ const {
46
+ onReject,
47
+ onClose
48
+ } = this.props;
55
49
 
56
50
  if (onReject) {
57
51
  onReject();
@@ -60,25 +54,28 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
60
54
  }
61
55
  };
62
56
 
63
- _this.handleElementClick = function (e, image) {
57
+ this.handleElementClick = (e, image) => {
64
58
  if (e.key && e.key !== ' ') {
65
59
  return;
66
60
  }
67
61
 
68
- var selected = _this.state.selected;
69
- var _this$props2 = _this.props,
70
- disableDoubleClick = _this$props2.disableDoubleClick,
71
- onConfirm = _this$props2.onConfirm,
72
- onSelect = _this$props2.onSelect;
62
+ const {
63
+ selected
64
+ } = this.state;
65
+ const {
66
+ disableDoubleClick,
67
+ onConfirm,
68
+ onSelect
69
+ } = this.props;
73
70
 
74
71
  if (image === selected && onConfirm && !disableDoubleClick) {
75
72
  onConfirm();
76
73
  return;
77
74
  }
78
75
 
79
- _this.setState({
76
+ this.setState({
80
77
  selected: image,
81
- user: _this.getUser(image)
78
+ user: this.getUser(image)
82
79
  });
83
80
 
84
81
  if (onSelect) {
@@ -86,183 +83,172 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
86
83
  }
87
84
  };
88
85
 
89
- _this.renderElements = function () {
90
- var imagesData = _this.props.imagesData;
86
+ this.renderElements = () => {
87
+ const {
88
+ imagesData
89
+ } = this.props;
91
90
 
92
91
  if (!imagesData) {
93
92
  return 'Empty';
94
93
  }
95
94
 
96
- var selected = _this.state.selected;
97
- return imagesData.map(function (image, idx) {
98
- var extras = {};
99
- var name = image.name,
100
- id = image.id;
95
+ const {
96
+ selected
97
+ } = this.state;
98
+ return imagesData.map((image, idx) => {
99
+ const extras = {};
100
+ const {
101
+ name,
102
+ id
103
+ } = image;
101
104
 
102
- if (_this.focusFirst && idx === 0) {
103
- extras.ref = function (element) {
104
- return element && element.focus();
105
- };
105
+ if (this.focusFirst && idx === 0) {
106
+ extras.ref = element => element && element.focus();
106
107
 
107
- _this.focusFirst = undefined;
108
+ this.focusFirst = undefined;
108
109
  } else if (selected && name === selected.name) {
109
- extras.ref = function (element) {
110
- return element && element.focus();
111
- };
110
+ extras.ref = element => element && element.focus();
112
111
  }
113
112
 
114
- return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
115
- key: id || "".concat(name, "_").concat(idx),
113
+ return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
116
114
  className: elementClassName,
117
- onClick: function onClick(e) {
118
- return _this.handleElementClick(e, image);
119
- },
120
- onKeyUp: function onKeyUp(e) {
121
- return _this.handleElementClick(e, image);
122
- },
115
+ onClick: e => this.handleElementClick(e, image),
116
+ onKeyUp: e => this.handleElementClick(e, image),
123
117
  role: "button",
124
118
  tabIndex: 0
125
- }, extras), /*#__PURE__*/React__default['default'].createElement("div", {
126
- className: "content"
127
- }, name));
119
+ }, extras), {}, {
120
+ children: /*#__PURE__*/_jsx__default["default"]("div", {
121
+ className: "content"
122
+ }, void 0, name)
123
+ }), id || "".concat(name, "_").concat(idx));
128
124
  });
129
125
  };
130
126
 
131
- _this.renderSpinner = function () {
132
- return /*#__PURE__*/React__default['default'].createElement(DSSpinner__default['default'], {
133
- message: "Loading...",
134
- size: "m"
135
- });
136
- };
127
+ this.renderSpinner = () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
128
+ message: "Loading...",
129
+ size: "m"
130
+ }));
137
131
 
138
- _this.renderError = function () {
139
- return /*#__PURE__*/React__default['default'].createElement(dsIcons.ImageMissing, {
140
- color: dsIcon.DSIconColors.NEUTRAL,
141
- size: dsIcon.DSIconSizes.M
142
- });
143
- };
132
+ this.renderError = () => /*#__PURE__*/_jsx__default["default"](dsIcons.ImageMissing, {
133
+ color: dsIcon.DSIconColors.NEUTRAL,
134
+ size: dsIcon.DSIconSizes.M
135
+ });
144
136
 
145
- _this.state = {
137
+ this.state = {
146
138
  selected: undefined,
147
139
  user: undefined
148
140
  };
141
+ this.preventSpacebarScroll();
142
+ }
149
143
 
150
- _this.preventSpacebarScroll();
144
+ componentDidMount() {
145
+ const {
146
+ imagesData
147
+ } = this.props;
151
148
 
152
- return _this;
149
+ if (imagesData) {
150
+ this.handleElementClick({}, imagesData[0]);
151
+ this.focusFirst = true;
152
+ }
153
153
  }
154
154
 
155
- _createClass__default['default'](ImageLibraryModalImpl, [{
156
- key: "componentDidMount",
157
- value: function componentDidMount() {
158
- var imagesData = this.props.imagesData;
155
+ getDerivedStateFromProps(nextProps) {
156
+ const {
157
+ imagesData
158
+ } = this.props;
159
159
 
160
- if (imagesData) {
161
- this.handleElementClick({}, imagesData[0]);
162
- this.focusFirst = true;
163
- }
160
+ if (!imagesData && nextProps.imagesData) {
161
+ this.setState({
162
+ selected: imagesData[0]
163
+ });
164
164
  }
165
- }, {
166
- key: "getDerivedStateFromProps",
167
- value: function getDerivedStateFromProps(nextProps) {
168
- var imagesData = this.props.imagesData;
169
-
170
- if (!imagesData && nextProps.imagesData) {
171
- this.setState({
172
- selected: imagesData[0]
173
- });
174
- }
165
+ }
166
+
167
+ getUser(selected) {
168
+ if (!selected) {
169
+ return '';
170
+ }
171
+
172
+ const index = selected.createdBy.lastIndexOf('user:');
173
+
174
+ if (index === -1) {
175
+ return selected.createdBy;
175
176
  }
176
- }, {
177
- key: "getUser",
178
- value: function getUser(selected) {
179
- if (!selected) {
180
- return '';
177
+
178
+ return selected.createdBy.substring(index + 5);
179
+ }
180
+
181
+ preventSpacebarScroll() {
182
+ document.onkeypress = function (e) {
183
+ if (!lodash.includes(e.target.className, elementClassName)) {
184
+ return true;
181
185
  }
182
186
 
183
- var index = selected.createdBy.lastIndexOf('user:');
187
+ e = e || window.event;
188
+ const charCode = e.keyCode || e.which;
184
189
 
185
- if (index === -1) {
186
- return selected.createdBy;
190
+ if (charCode === 32) {
191
+ e.preventDefault();
192
+ return false;
187
193
  }
188
194
 
189
- return selected.createdBy.substring(index + 5);
190
- }
191
- }, {
192
- key: "preventSpacebarScroll",
193
- value: function preventSpacebarScroll() {
194
- document.onkeypress = function (e) {
195
- if (!lodash.includes(e.target.className, elementClassName)) {
196
- return true;
197
- }
195
+ return true;
196
+ };
197
+ }
198
198
 
199
- e = e || window.event;
200
- var charCode = e.keyCode || e.which;
199
+ drawDiv(className, content) {
200
+ return /*#__PURE__*/_jsx__default["default"]("div", {
201
+ className: className
202
+ }, void 0, content);
203
+ }
201
204
 
202
- if (charCode === 32) {
203
- e.preventDefault();
204
- return false;
205
- }
205
+ drawLabel(className, label, value) {
206
+ return /*#__PURE__*/_jsx__default["default"]("div", {
207
+ className: className
208
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
209
+ className: "label"
210
+ }, void 0, label), /*#__PURE__*/_jsx__default["default"]("span", {
211
+ className: "value"
212
+ }, void 0, value));
213
+ }
206
214
 
207
- return true;
208
- };
209
- }
210
- }, {
211
- key: "drawDiv",
212
- value: function drawDiv(className, content) {
213
- return /*#__PURE__*/React__default['default'].createElement("div", {
214
- className: className
215
- }, content);
216
- }
217
- }, {
218
- key: "drawLabel",
219
- value: function drawLabel(className, label, value) {
220
- return /*#__PURE__*/React__default['default'].createElement("div", {
221
- className: className
222
- }, /*#__PURE__*/React__default['default'].createElement("span", {
223
- className: "label"
224
- }, label), /*#__PURE__*/React__default['default'].createElement("span", {
225
- className: "value"
226
- }, value));
227
- }
228
- }, {
229
- key: "render",
230
- value: function render() {
231
- var _this$state = this.state,
232
- selected = _this$state.selected,
233
- user = _this$state.user;
234
-
235
- var _this$props3 = this.props,
236
- containerProps = _this$props3.containerProps;
237
- _this$props3.imagesData;
238
- _this$props3.onSelect;
239
- _this$props3.disableDoubleClick;
240
- var modalProps = _objectWithoutProperties__default['default'](_this$props3, _excluded);
241
-
242
- return /*#__PURE__*/React__default['default'].createElement(DSModal__default['default'], _extends__default['default']({
243
- containerProps: containerProps
244
- }, modalProps, {
245
- className: "em-ds-modal-image-library",
246
- onReject: this.onReject
247
- }), /*#__PURE__*/React__default['default'].createElement("div", {
215
+ render() {
216
+ const {
217
+ selected,
218
+ user
219
+ } = this.state;
220
+
221
+ const _this$props = this.props,
222
+ {
223
+ containerProps,
224
+ imagesData,
225
+ onSelect,
226
+ disableDoubleClick
227
+ } = _this$props,
228
+ modalProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
229
+
230
+ return /*#__PURE__*/jsxRuntime.jsx(DSModal__default["default"], _objectSpread(_objectSpread({
231
+ containerProps: containerProps
232
+ }, modalProps), {}, {
233
+ className: "em-ds-modal-image-library",
234
+ onReject: this.onReject,
235
+ children: /*#__PURE__*/_jsx__default["default"]("div", {
248
236
  className: "wrapper"
249
- }, /*#__PURE__*/React__default['default'].createElement("div", {
237
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
250
238
  className: "col-1"
251
- }, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/React__default['default'].createElement("div", {
239
+ }, void 0, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/_jsx__default["default"]("div", {
252
240
  className: "col-2"
253
- }, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/React__default['default'].createElement(ImageLoader__default['default'], {
241
+ }, void 0, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/_jsx__default["default"](ImageLoader__default["default"], {
254
242
  className: "image-loader",
255
243
  error: this.renderError,
256
244
  loading: this.renderSpinner,
257
245
  src: selected ? selected.url : ''
258
- }), selected && /*#__PURE__*/React__default['default'].createElement("div", {
246
+ }), selected && /*#__PURE__*/_jsx__default["default"]("div", {
259
247
  className: "info"
260
- }, this.drawLabel('info-element', 'Created Date:', selected.createdDate), this.drawLabel('info-element', 'Created By:', user)))));
261
- }
262
- }]);
248
+ }, void 0, this.drawLabel('info-element', 'Created Date:', selected.createdDate), this.drawLabel('info-element', 'Created By:', user))))
249
+ }));
250
+ }
263
251
 
264
- return ImageLibraryModalImpl;
265
- }(React__default['default'].PureComponent);
252
+ }
266
253
 
267
254
  module.exports = ImageLibraryModalImpl;
268
- //# sourceMappingURL=ImageLibraryModalImpl.js.map
package/cjs/index.js CHANGED
@@ -1,25 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var DSImageLibraryModal = require('./DSImageLibraryModal.js');
4
- require('@babel/runtime/helpers/extends');
5
- require('@babel/runtime/helpers/objectWithoutProperties');
6
- require('react');
7
- require('prop-types');
8
- require('@elliemae/ds-modal');
9
- require('@elliemae/ds-shared/constants');
10
- require('./components/ImageLibraryModalImpl.js');
11
- require('@babel/runtime/helpers/classCallCheck');
12
- require('@babel/runtime/helpers/createClass');
13
- require('@babel/runtime/helpers/inherits');
14
- require('@babel/runtime/helpers/possibleConstructorReturn');
15
- require('@babel/runtime/helpers/getPrototypeOf');
16
- require('@elliemae/ds-spinner');
17
- require('@elliemae/ds-icon');
18
- require('lodash');
19
- require('react-loading-image');
20
- require('@elliemae/ds-icons');
21
4
 
22
5
 
23
6
 
24
7
  module.exports = DSImageLibraryModal;
25
- //# sourceMappingURL=index.js.map