@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.
- package/cjs/DSImageLibraryModal.js +37 -67
- package/cjs/components/ImageLibraryModalImpl.js +158 -172
- package/cjs/index.js +0 -18
- package/esm/DSImageLibraryModal.js +36 -64
- package/esm/components/ImageLibraryModalImpl.js +156 -166
- package/esm/index.js +0 -18
- package/package.json +39 -13
- package/types/DSImageLibraryModal.d.ts +35 -0
- package/types/components/ImageLibraryModalImpl.d.ts +16 -0
- package/types/index.d.ts +1 -0
- package/DSImageLibraryModal/package.json +0 -10
- package/cjs/DSImageLibraryModal.js.map +0 -1
- package/cjs/components/ImageLibraryModalImpl.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/components/ImageLibraryModalImpl/package.json +0 -10
- package/esm/DSImageLibraryModal.js.map +0 -1
- package/esm/components/ImageLibraryModalImpl.js.map +0 -1
- package/esm/index.js.map +0 -1
|
@@ -1,66 +1,52 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
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
|
-
|
|
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
|
|
10
|
-
require('
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
22
|
-
var
|
|
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
|
-
|
|
32
|
+
const _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
var _DSSpinner;
|
|
35
35
|
|
|
36
|
-
function
|
|
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
|
|
40
|
-
|
|
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
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
57
|
+
this.handleElementClick = (e, image) => {
|
|
64
58
|
if (e.key && e.key !== ' ') {
|
|
65
59
|
return;
|
|
66
60
|
}
|
|
67
61
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
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
|
-
|
|
76
|
+
this.setState({
|
|
80
77
|
selected: image,
|
|
81
|
-
user:
|
|
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
|
-
|
|
90
|
-
|
|
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
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
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 (
|
|
103
|
-
extras.ref =
|
|
104
|
-
return element && element.focus();
|
|
105
|
-
};
|
|
105
|
+
if (this.focusFirst && idx === 0) {
|
|
106
|
+
extras.ref = element => element && element.focus();
|
|
106
107
|
|
|
107
|
-
|
|
108
|
+
this.focusFirst = undefined;
|
|
108
109
|
} else if (selected && name === selected.name) {
|
|
109
|
-
extras.ref =
|
|
110
|
-
return element && element.focus();
|
|
111
|
-
};
|
|
110
|
+
extras.ref = element => element && element.focus();
|
|
112
111
|
}
|
|
113
112
|
|
|
114
|
-
return /*#__PURE__*/
|
|
115
|
-
key: id || "".concat(name, "_").concat(idx),
|
|
113
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
116
114
|
className: elementClassName,
|
|
117
|
-
onClick:
|
|
118
|
-
|
|
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),
|
|
126
|
-
|
|
127
|
-
|
|
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
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
});
|
|
136
|
-
};
|
|
127
|
+
this.renderSpinner = () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
|
|
128
|
+
message: "Loading...",
|
|
129
|
+
size: "m"
|
|
130
|
+
}));
|
|
137
131
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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
|
-
|
|
137
|
+
this.state = {
|
|
146
138
|
selected: undefined,
|
|
147
139
|
user: undefined
|
|
148
140
|
};
|
|
141
|
+
this.preventSpacebarScroll();
|
|
142
|
+
}
|
|
149
143
|
|
|
150
|
-
|
|
144
|
+
componentDidMount() {
|
|
145
|
+
const {
|
|
146
|
+
imagesData
|
|
147
|
+
} = this.props;
|
|
151
148
|
|
|
152
|
-
|
|
149
|
+
if (imagesData) {
|
|
150
|
+
this.handleElementClick({}, imagesData[0]);
|
|
151
|
+
this.focusFirst = true;
|
|
152
|
+
}
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
155
|
+
getDerivedStateFromProps(nextProps) {
|
|
156
|
+
const {
|
|
157
|
+
imagesData
|
|
158
|
+
} = this.props;
|
|
159
159
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
}
|
|
160
|
+
if (!imagesData && nextProps.imagesData) {
|
|
161
|
+
this.setState({
|
|
162
|
+
selected: imagesData[0]
|
|
163
|
+
});
|
|
164
164
|
}
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
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
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
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
|
-
|
|
187
|
+
e = e || window.event;
|
|
188
|
+
const charCode = e.keyCode || e.which;
|
|
184
189
|
|
|
185
|
-
if (
|
|
186
|
-
|
|
190
|
+
if (charCode === 32) {
|
|
191
|
+
e.preventDefault();
|
|
192
|
+
return false;
|
|
187
193
|
}
|
|
188
194
|
|
|
189
|
-
return
|
|
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
|
-
|
|
200
|
-
|
|
199
|
+
drawDiv(className, content) {
|
|
200
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
201
|
+
className: className
|
|
202
|
+
}, void 0, content);
|
|
203
|
+
}
|
|
201
204
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
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
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
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__*/
|
|
237
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
|
|
250
238
|
className: "col-1"
|
|
251
|
-
}, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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
|
-
|
|
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
|