@elliemae/ds-imagelibrarymodal 2.0.0-alpha.1 → 2.0.0-alpha.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.
Files changed (7) hide show
  1. package/cjs/DSImageLibraryModal.js +7 -2
  2. package/cjs/components/ImageLibraryModalImpl.js +39 -33
  3. package/esm/DSImageLibraryModal.js +5 -0
  4. package/esm/components/ImageLibraryModalImpl.js +22 -15
  5. package/package.json +8 -5
  6. package/cjs/package.json +0 -7
  7. package/esm/package.json +0 -7
package/cjs/DSImageLibraryModal.js CHANGED
@@ -1,5 +1,10 @@
1
1
  'use strict';
2
2
 
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');
3
8
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
9
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
10
  require('react');
@@ -17,7 +22,7 @@ const _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOp
17
22
 
18
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; }
19
24
 
20
- 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; }
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; }
21
26
  const modalTypes = Object.values(DSModal.MODAL_TYPE);
22
27
 
23
28
  const DSImageLibraryModal = _ref => {
@@ -39,7 +44,7 @@ const DSImageLibraryModal = _ref => {
39
44
  }],
40
45
  onSelect = () => null
41
46
  } = _ref,
42
- rest = _objectWithoutProperties__default['default'](_ref, _excluded);
47
+ rest = _objectWithoutProperties__default["default"](_ref, _excluded);
43
48
 
44
49
  return /*#__PURE__*/jsxRuntime.jsx(ImageLibraryModalImpl, _objectSpread({
45
50
  confirmLabel: confirmLabel,
package/cjs/components/ImageLibraryModalImpl.js CHANGED
@@ -1,27 +1,33 @@
1
1
  'use strict';
2
2
 
3
3
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
4
- var _jsx = require('@babel/runtime/helpers/jsx');
5
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');
6
13
  var React = require('react');
7
14
  var DSModal = require('@elliemae/ds-modal');
8
- var DSSpinner = require('@elliemae/ds-basic/Spinner');
9
- var Icon = require('@elliemae/ds-basic/Icon');
15
+ var DSSpinner = require('@elliemae/ds-spinner');
16
+ var dsIcon = require('@elliemae/ds-icon');
10
17
  var lodash = require('lodash');
11
18
  var ImageLoader = require('react-loading-image');
12
- var ImageMissing = require('@elliemae/ds-icons/ImageMissing');
19
+ var dsIcons = require('@elliemae/ds-icons');
13
20
  var jsxRuntime = require('react/jsx-runtime');
14
21
 
15
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
23
 
17
24
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
18
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
19
25
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
26
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
20
27
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
28
  var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
22
29
  var DSSpinner__default = /*#__PURE__*/_interopDefaultLegacy(DSSpinner);
23
30
  var ImageLoader__default = /*#__PURE__*/_interopDefaultLegacy(ImageLoader);
24
- var ImageMissing__default = /*#__PURE__*/_interopDefaultLegacy(ImageMissing);
25
31
 
26
32
  const _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
27
33
 
@@ -29,13 +35,13 @@ var _DSSpinner;
29
35
 
30
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; }
31
37
 
32
- 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; }
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; }
33
39
  const elementClassName = 'imglibmodal-element';
34
- class ImageLibraryModalImpl extends React__default['default'].PureComponent {
40
+ class ImageLibraryModalImpl extends React__default["default"].PureComponent {
35
41
  constructor(props) {
36
42
  super(props);
37
43
 
38
- _defineProperty__default['default'](this, "onReject", () => {
44
+ this.onReject = () => {
39
45
  const {
40
46
  onReject,
41
47
  onClose
@@ -46,9 +52,9 @@ class ImageLibraryModalImpl extends React__default['default'].PureComponent {
46
52
  } else {
47
53
  onClose();
48
54
  }
49
- });
55
+ };
50
56
 
51
- _defineProperty__default['default'](this, "handleElementClick", (e, image) => {
57
+ this.handleElementClick = (e, image) => {
52
58
  if (e.key && e.key !== ' ') {
53
59
  return;
54
60
  }
@@ -75,9 +81,9 @@ class ImageLibraryModalImpl extends React__default['default'].PureComponent {
75
81
  if (onSelect) {
76
82
  onSelect(image);
77
83
  }
78
- });
84
+ };
79
85
 
80
- _defineProperty__default['default'](this, "renderElements", () => {
86
+ this.renderElements = () => {
81
87
  const {
82
88
  imagesData
83
89
  } = this.props;
@@ -111,23 +117,23 @@ class ImageLibraryModalImpl extends React__default['default'].PureComponent {
111
117
  role: "button",
112
118
  tabIndex: 0
113
119
  }, extras), {}, {
114
- children: /*#__PURE__*/_jsx__default['default']("div", {
120
+ children: /*#__PURE__*/_jsx__default["default"]("div", {
115
121
  className: "content"
116
122
  }, void 0, name)
117
- }), id || `${name}_${idx}`);
123
+ }), id || "".concat(name, "_").concat(idx));
118
124
  });
119
- });
125
+ };
120
126
 
121
- _defineProperty__default['default'](this, "renderSpinner", () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx__default['default'](DSSpinner__default['default'], {
127
+ this.renderSpinner = () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx__default["default"](DSSpinner__default["default"], {
122
128
  message: "Loading...",
123
129
  size: "m"
124
- })));
125
-
126
- _defineProperty__default['default'](this, "renderError", () => /*#__PURE__*/_jsx__default['default'](ImageMissing__default['default'], {
127
- color: Icon.DSIconColors.NEUTRAL,
128
- size: Icon.DSIconSizes.M
129
130
  }));
130
131
 
132
+ this.renderError = () => /*#__PURE__*/_jsx__default["default"](dsIcons.ImageMissing, {
133
+ color: dsIcon.DSIconColors.NEUTRAL,
134
+ size: dsIcon.DSIconSizes.M
135
+ });
136
+
131
137
  this.state = {
132
138
  selected: undefined,
133
139
  user: undefined
@@ -191,17 +197,17 @@ class ImageLibraryModalImpl extends React__default['default'].PureComponent {
191
197
  }
192
198
 
193
199
  drawDiv(className, content) {
194
- return /*#__PURE__*/_jsx__default['default']("div", {
200
+ return /*#__PURE__*/_jsx__default["default"]("div", {
195
201
  className: className
196
202
  }, void 0, content);
197
203
  }
198
204
 
199
205
  drawLabel(className, label, value) {
200
- return /*#__PURE__*/_jsx__default['default']("div", {
206
+ return /*#__PURE__*/_jsx__default["default"]("div", {
201
207
  className: className
202
- }, void 0, /*#__PURE__*/_jsx__default['default']("span", {
208
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
203
209
  className: "label"
204
- }, void 0, label), /*#__PURE__*/_jsx__default['default']("span", {
210
+ }, void 0, label), /*#__PURE__*/_jsx__default["default"]("span", {
205
211
  className: "value"
206
212
  }, void 0, value));
207
213
  }
@@ -219,25 +225,25 @@ class ImageLibraryModalImpl extends React__default['default'].PureComponent {
219
225
  onSelect,
220
226
  disableDoubleClick
221
227
  } = _this$props,
222
- modalProps = _objectWithoutProperties__default['default'](_this$props, _excluded);
228
+ modalProps = _objectWithoutProperties__default["default"](_this$props, _excluded);
223
229
 
224
- return /*#__PURE__*/jsxRuntime.jsx(DSModal__default['default'], _objectSpread(_objectSpread({
230
+ return /*#__PURE__*/jsxRuntime.jsx(DSModal__default["default"], _objectSpread(_objectSpread({
225
231
  containerProps: containerProps
226
232
  }, modalProps), {}, {
227
233
  className: "em-ds-modal-image-library",
228
234
  onReject: this.onReject,
229
- children: /*#__PURE__*/_jsx__default['default']("div", {
235
+ children: /*#__PURE__*/_jsx__default["default"]("div", {
230
236
  className: "wrapper"
231
- }, void 0, /*#__PURE__*/_jsx__default['default']("div", {
237
+ }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
232
238
  className: "col-1"
233
- }, void 0, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/_jsx__default['default']("div", {
239
+ }, void 0, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/_jsx__default["default"]("div", {
234
240
  className: "col-2"
235
- }, void 0, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/_jsx__default['default'](ImageLoader__default['default'], {
241
+ }, void 0, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/_jsx__default["default"](ImageLoader__default["default"], {
236
242
  className: "image-loader",
237
243
  error: this.renderError,
238
244
  loading: this.renderSpinner,
239
245
  src: selected ? selected.url : ''
240
- }), selected && /*#__PURE__*/_jsx__default['default']("div", {
246
+ }), selected && /*#__PURE__*/_jsx__default["default"]("div", {
241
247
  className: "info"
242
248
  }, void 0, this.drawLabel('info-element', 'Created Date:', selected.createdDate), this.drawLabel('info-element', 'Created By:', user))))
243
249
  }));
package/esm/DSImageLibraryModal.js CHANGED
@@ -1,3 +1,8 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
6
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
8
  import 'react';
package/esm/components/ImageLibraryModalImpl.js CHANGED
@@ -1,13 +1,20 @@
1
1
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
2
- import _jsx from '@babel/runtime/helpers/esm/jsx';
3
2
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
4
+ import 'core-js/modules/esnext.async-iterator.map.js';
5
+ import 'core-js/modules/esnext.iterator.map.js';
6
+ import 'core-js/modules/esnext.async-iterator.filter.js';
7
+ import 'core-js/modules/esnext.iterator.constructor.js';
8
+ import 'core-js/modules/esnext.iterator.filter.js';
9
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
10
+ import 'core-js/modules/esnext.iterator.for-each.js';
4
11
  import React from 'react';
5
12
  import DSModal from '@elliemae/ds-modal';
6
- import DSSpinner from '@elliemae/ds-basic/Spinner';
7
- import { DSIconColors, DSIconSizes } from '@elliemae/ds-basic/Icon';
13
+ import DSSpinner from '@elliemae/ds-spinner';
14
+ import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
8
15
  import { includes } from 'lodash';
9
16
  import ImageLoader from 'react-loading-image';
10
- import ImageMissing from '@elliemae/ds-icons/ImageMissing';
17
+ import { ImageMissing } from '@elliemae/ds-icons';
11
18
  import { jsx } from 'react/jsx-runtime';
12
19
 
13
20
  const _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
@@ -22,7 +29,7 @@ class ImageLibraryModalImpl extends React.PureComponent {
22
29
  constructor(props) {
23
30
  super(props);
24
31
 
25
- _defineProperty(this, "onReject", () => {
32
+ this.onReject = () => {
26
33
  const {
27
34
  onReject,
28
35
  onClose
@@ -33,9 +40,9 @@ class ImageLibraryModalImpl extends React.PureComponent {
33
40
  } else {
34
41
  onClose();
35
42
  }
36
- });
43
+ };
37
44
 
38
- _defineProperty(this, "handleElementClick", (e, image) => {
45
+ this.handleElementClick = (e, image) => {
39
46
  if (e.key && e.key !== ' ') {
40
47
  return;
41
48
  }
@@ -62,9 +69,9 @@ class ImageLibraryModalImpl extends React.PureComponent {
62
69
  if (onSelect) {
63
70
  onSelect(image);
64
71
  }
65
- });
72
+ };
66
73
 
67
- _defineProperty(this, "renderElements", () => {
74
+ this.renderElements = () => {
68
75
  const {
69
76
  imagesData
70
77
  } = this.props;
@@ -101,19 +108,19 @@ class ImageLibraryModalImpl extends React.PureComponent {
101
108
  children: /*#__PURE__*/_jsx("div", {
102
109
  className: "content"
103
110
  }, void 0, name)
104
- }), id || `${name}_${idx}`);
111
+ }), id || "".concat(name, "_").concat(idx));
105
112
  });
106
- });
113
+ };
107
114
 
108
- _defineProperty(this, "renderSpinner", () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx(DSSpinner, {
115
+ this.renderSpinner = () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx(DSSpinner, {
109
116
  message: "Loading...",
110
117
  size: "m"
111
- })));
118
+ }));
112
119
 
113
- _defineProperty(this, "renderError", () => /*#__PURE__*/_jsx(ImageMissing, {
120
+ this.renderError = () => /*#__PURE__*/_jsx(ImageMissing, {
114
121
  color: DSIconColors.NEUTRAL,
115
122
  size: DSIconSizes.M
116
- }));
123
+ });
117
124
 
118
125
  this.state = {
119
126
  selected: undefined,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-imagelibrarymodal",
3
- "version": "2.0.0-alpha.1",
3
+ "version": "2.0.0-alpha.13",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Image Library Modal",
6
6
  "module": "./esm/index.js",
@@ -40,10 +40,13 @@
40
40
  "build": "node ../../scripts/build/build.js"
41
41
  },
42
42
  "dependencies": {
43
- "@elliemae/ds-basic": "2.0.0-alpha.1",
44
- "@elliemae/ds-classnames": "2.0.0-alpha.1",
45
- "@elliemae/ds-shared": "2.0.0-alpha.1",
46
- "react-loading-image": "0.5.0"
43
+ "@elliemae/ds-icon": "2.0.0-alpha.13",
44
+ "@elliemae/ds-icons": "2.0.0-alpha.13",
45
+ "@elliemae/ds-modal": "2.0.0-alpha.13",
46
+ "@elliemae/ds-shared": "2.0.0-alpha.13",
47
+ "@elliemae/ds-spinner": "2.0.0-alpha.13",
48
+ "prop-types": "~15.7.2",
49
+ "react-loading-image": "~0.5.0"
47
50
  },
48
51
  "peerDependencies": {
49
52
  "lodash": "^4.17.21",
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }