@elliemae/ds-imagelibrarymodal 3.0.0-alpha.0 → 3.0.0-alpha.1

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 (12) hide show
  1. package/dist/cjs/DSImageLibraryModal.js +73 -34
  2. package/dist/cjs/DSImageLibraryModal.js.map +1 -1
  3. package/dist/cjs/components/ImageLibraryModalImpl.js +37 -9
  4. package/dist/cjs/components/ImageLibraryModalImpl.js.map +1 -1
  5. package/dist/esm/DSImageLibraryModal.js +75 -34
  6. package/dist/esm/DSImageLibraryModal.js.map +1 -1
  7. package/dist/esm/components/ImageLibraryModalImpl.js +39 -9
  8. package/dist/esm/components/ImageLibraryModalImpl.js.map +1 -1
  9. package/package.json +7 -6
  10. package/dist/types/DSImageLibraryModal.d.ts +0 -35
  11. package/dist/types/components/ImageLibraryModalImpl.d.ts +0 -16
  12. package/dist/types/index.d.ts +0 -1
package/dist/cjs/DSImageLibraryModal.js CHANGED
@@ -2,9 +2,35 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
7
21
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
22
+ var __objRest = (source, exclude) => {
23
+ var target = {};
24
+ for (var prop in source)
25
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
26
+ target[prop] = source[prop];
27
+ if (source != null && __getOwnPropSymbols)
28
+ for (var prop of __getOwnPropSymbols(source)) {
29
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
30
+ target[prop] = source[prop];
31
+ }
32
+ return target;
33
+ };
8
34
  var __export = (target, all) => {
9
35
  for (var name in all)
10
36
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -36,40 +62,53 @@ var import_ds_modal = require("@elliemae/ds-modal");
36
62
  var import_constants = require("@elliemae/ds-shared/constants");
37
63
  var import_ImageLibraryModalImpl = __toESM(require("./components/ImageLibraryModalImpl"));
38
64
  const modalTypes = Object.values(import_ds_modal.MODAL_TYPE);
39
- const DSImageLibraryModal = ({
40
- containerProps = {},
41
- confirmLabel = "Add",
42
- disableDoubleClick = false,
43
- isOpen = true,
44
- modalTitle = "Add Image",
45
- modalType = modalTypes[2],
46
- rejectLabel = "Cancel",
47
- shouldCloseOnOverlayClick = true,
48
- size = import_constants.sizeOptions[3],
49
- imagesData = [
50
- {
51
- url: "https://www.freeiconspng.com/minicovers/no-image-icon-6.png",
52
- name: "no image",
53
- createdBy: "user:John Doe",
54
- createdDate: "0000-01-01 00:00 AM UTC"
55
- }
56
- ],
57
- onSelect = () => null,
58
- ...rest
59
- }) => /* @__PURE__ */ import_react.default.createElement(import_ImageLibraryModalImpl.default, {
60
- confirmLabel,
61
- containerProps,
62
- disableDoubleClick,
63
- imagesData,
64
- isOpen,
65
- modalTitle,
66
- modalType,
67
- onSelect,
68
- rejectLabel,
69
- shouldCloseOnOverlayClick,
70
- size,
71
- ...rest
72
- });
65
+ const DSImageLibraryModal = (_a) => {
66
+ var _b = _a, {
67
+ containerProps = {},
68
+ confirmLabel = "Add",
69
+ disableDoubleClick = false,
70
+ isOpen = true,
71
+ modalTitle = "Add Image",
72
+ modalType = modalTypes[2],
73
+ rejectLabel = "Cancel",
74
+ shouldCloseOnOverlayClick = true,
75
+ size = import_constants.sizeOptions[3],
76
+ imagesData = [
77
+ {
78
+ url: "https://www.freeiconspng.com/minicovers/no-image-icon-6.png",
79
+ name: "no image",
80
+ createdBy: "user:John Doe",
81
+ createdDate: "0000-01-01 00:00 AM UTC"
82
+ }
83
+ ],
84
+ onSelect = () => null
85
+ } = _b, rest = __objRest(_b, [
86
+ "containerProps",
87
+ "confirmLabel",
88
+ "disableDoubleClick",
89
+ "isOpen",
90
+ "modalTitle",
91
+ "modalType",
92
+ "rejectLabel",
93
+ "shouldCloseOnOverlayClick",
94
+ "size",
95
+ "imagesData",
96
+ "onSelect"
97
+ ]);
98
+ return /* @__PURE__ */ import_react.default.createElement(import_ImageLibraryModalImpl.default, __spreadValues({
99
+ confirmLabel,
100
+ containerProps,
101
+ disableDoubleClick,
102
+ imagesData,
103
+ isOpen,
104
+ modalTitle,
105
+ modalType,
106
+ onSelect,
107
+ rejectLabel,
108
+ shouldCloseOnOverlayClick,
109
+ size
110
+ }, rest));
111
+ };
73
112
  DSImageLibraryModal.propTypes = {
74
113
  containerProps: import_prop_types.default.shape({}),
75
114
  imagesData: import_prop_types.default.arrayOf(import_prop_types.default.shape({
package/dist/cjs/DSImageLibraryModal.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSImageLibraryModal.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA2B;AAC3B,uBAA4B;AAC5B,mCAAkC;AAElC,MAAM,aAAa,OAAO,OAAO;AAEjC,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY,WAAW;AAAA,EACvB,cAAc;AAAA,EACd,4BAA4B;AAAA,EAC5B,OAAO,6BAAY;AAAA,EACnB,aAAa;AAAA,IACX;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA;AAAA;AAAA,EAGjB,WAAW,MAAM;AAAA,KACd;AAAA,MAEH,mDAAC,sCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACI;AAAA;AAKR,oBAAoB,YAAY;AAAA,EAC9B,gBAAgB,0BAAU,MAAM;AAAA,EAEhC,YAAY,0BAAU,QACpB,0BAAU,MAAM;AAAA,IACd,KAAK,0BAAU;AAAA,IACf,MAAM,0BAAU;AAAA;AAAA,EAIpB,UAAU,0BAAU;AAAA;AAGtB,IAAO,8BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA2B;AAC3B,uBAA4B;AAC5B,mCAAkC;AAElC,MAAM,aAAa,OAAO,OAAO;AAEjC,MAAM,sBAAsB,CAAC,OAoB1B;AApB0B,eAC3B;AAAA,qBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,YAAY,WAAW;AAAA,IACvB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,OAAO,6BAAY;AAAA,IACnB,aAAa;AAAA,MACX;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA;AAAA;AAAA,IAGjB,WAAW,MAAM;AAAA,MAlBU,IAmBxB,iBAnBwB,IAmBxB;AAAA,IAlBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAQA;AAAA;AAGA,4DAAC,sCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI;AAAA;AAKR,oBAAoB,YAAY;AAAA,EAC9B,gBAAgB,0BAAU,MAAM;AAAA,EAEhC,YAAY,0BAAU,QACpB,0BAAU,MAAM;AAAA,IACd,KAAK,0BAAU;AAAA,IACf,MAAM,0BAAU;AAAA;AAAA,EAIpB,UAAU,0BAAU;AAAA;AAGtB,IAAO,8BAAQ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/components/ImageLibraryModalImpl.js CHANGED
@@ -1,10 +1,39 @@
1
1
  var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
8
  var __getProtoOf = Object.getPrototypeOf;
6
9
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7
24
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
8
37
  var __export = (target, all) => {
9
38
  for (var name in all)
10
39
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -82,15 +111,14 @@ class ImageLibraryModalImpl extends import_react.default.PureComponent {
82
111
  } else if (selected && name === selected.name) {
83
112
  extras.ref = (element) => element && element.focus();
84
113
  }
85
- return /* @__PURE__ */ import_react.default.createElement("div", {
114
+ return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({
86
115
  key: id || `${name}_${idx}`,
87
116
  className: elementClassName,
88
117
  onClick: (e) => this.handleElementClick(e, image),
89
118
  onKeyUp: (e) => this.handleElementClick(e, image),
90
119
  role: "button",
91
- tabIndex: 0,
92
- ...extras
93
- }, /* @__PURE__ */ import_react.default.createElement("div", {
120
+ tabIndex: 0
121
+ }, extras), /* @__PURE__ */ import_react.default.createElement("div", {
94
122
  className: "content"
95
123
  }, name));
96
124
  });
@@ -162,13 +190,13 @@ class ImageLibraryModalImpl extends import_react.default.PureComponent {
162
190
  }
163
191
  render() {
164
192
  const { selected, user } = this.state;
165
- const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;
166
- return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
167
- containerProps,
168
- ...modalProps,
193
+ const _a = this.props, { containerProps, imagesData, onSelect, disableDoubleClick } = _a, modalProps = __objRest(_a, ["containerProps", "imagesData", "onSelect", "disableDoubleClick"]);
194
+ return /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, __spreadProps(__spreadValues({
195
+ containerProps
196
+ }, modalProps), {
169
197
  className: "em-ds-modal-image-library",
170
198
  onReject: this.onReject
171
- }, /* @__PURE__ */ import_react.default.createElement("div", {
199
+ }), /* @__PURE__ */ import_react.default.createElement("div", {
172
200
  className: "wrapper"
173
201
  }, /* @__PURE__ */ import_react.default.createElement("div", {
174
202
  className: "col-1"
package/dist/cjs/components/ImageLibraryModalImpl.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/ImageLibraryModalImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/DSImageLibraryModal.js CHANGED
@@ -1,3 +1,31 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ var __objRest = (source, exclude) => {
18
+ var target = {};
19
+ for (var prop in source)
20
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
+ target[prop] = source[prop];
22
+ if (source != null && __getOwnPropSymbols)
23
+ for (var prop of __getOwnPropSymbols(source)) {
24
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
+ target[prop] = source[prop];
26
+ }
27
+ return target;
28
+ };
1
29
  import * as React from "react";
2
30
  import React2 from "react";
3
31
  import PropTypes from "prop-types";
@@ -5,40 +33,53 @@ import { MODAL_TYPE } from "@elliemae/ds-modal";
5
33
  import { sizeOptions } from "@elliemae/ds-shared/constants";
6
34
  import ImageLibraryModalImpl from "./components/ImageLibraryModalImpl";
7
35
  const modalTypes = Object.values(MODAL_TYPE);
8
- const DSImageLibraryModal = ({
9
- containerProps = {},
10
- confirmLabel = "Add",
11
- disableDoubleClick = false,
12
- isOpen = true,
13
- modalTitle = "Add Image",
14
- modalType = modalTypes[2],
15
- rejectLabel = "Cancel",
16
- shouldCloseOnOverlayClick = true,
17
- size = sizeOptions[3],
18
- imagesData = [
19
- {
20
- url: "https://www.freeiconspng.com/minicovers/no-image-icon-6.png",
21
- name: "no image",
22
- createdBy: "user:John Doe",
23
- createdDate: "0000-01-01 00:00 AM UTC"
24
- }
25
- ],
26
- onSelect = () => null,
27
- ...rest
28
- }) => /* @__PURE__ */ React2.createElement(ImageLibraryModalImpl, {
29
- confirmLabel,
30
- containerProps,
31
- disableDoubleClick,
32
- imagesData,
33
- isOpen,
34
- modalTitle,
35
- modalType,
36
- onSelect,
37
- rejectLabel,
38
- shouldCloseOnOverlayClick,
39
- size,
40
- ...rest
41
- });
36
+ const DSImageLibraryModal = (_a) => {
37
+ var _b = _a, {
38
+ containerProps = {},
39
+ confirmLabel = "Add",
40
+ disableDoubleClick = false,
41
+ isOpen = true,
42
+ modalTitle = "Add Image",
43
+ modalType = modalTypes[2],
44
+ rejectLabel = "Cancel",
45
+ shouldCloseOnOverlayClick = true,
46
+ size = sizeOptions[3],
47
+ imagesData = [
48
+ {
49
+ url: "https://www.freeiconspng.com/minicovers/no-image-icon-6.png",
50
+ name: "no image",
51
+ createdBy: "user:John Doe",
52
+ createdDate: "0000-01-01 00:00 AM UTC"
53
+ }
54
+ ],
55
+ onSelect = () => null
56
+ } = _b, rest = __objRest(_b, [
57
+ "containerProps",
58
+ "confirmLabel",
59
+ "disableDoubleClick",
60
+ "isOpen",
61
+ "modalTitle",
62
+ "modalType",
63
+ "rejectLabel",
64
+ "shouldCloseOnOverlayClick",
65
+ "size",
66
+ "imagesData",
67
+ "onSelect"
68
+ ]);
69
+ return /* @__PURE__ */ React2.createElement(ImageLibraryModalImpl, __spreadValues({
70
+ confirmLabel,
71
+ containerProps,
72
+ disableDoubleClick,
73
+ imagesData,
74
+ isOpen,
75
+ modalTitle,
76
+ modalType,
77
+ onSelect,
78
+ rejectLabel,
79
+ shouldCloseOnOverlayClick,
80
+ size
81
+ }, rest));
82
+ };
42
83
  DSImageLibraryModal.propTypes = {
43
84
  containerProps: PropTypes.shape({}),
44
85
  imagesData: PropTypes.arrayOf(PropTypes.shape({
package/dist/esm/DSImageLibraryModal.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSImageLibraryModal.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,OAAO,OAAO;AAEjC,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY,WAAW;AAAA,EACvB,cAAc;AAAA,EACd,4BAA4B;AAAA,EAC5B,OAAO,YAAY;AAAA,EACnB,aAAa;AAAA,IACX;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA;AAAA;AAAA,EAGjB,WAAW,MAAM;AAAA,KACd;AAAA,MAEH,qCAAC,uBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACI;AAAA;AAKR,oBAAoB,YAAY;AAAA,EAC9B,gBAAgB,UAAU,MAAM;AAAA,EAEhC,YAAY,UAAU,QACpB,UAAU,MAAM;AAAA,IACd,KAAK,UAAU;AAAA,IACf,MAAM,UAAU;AAAA;AAAA,EAIpB,UAAU,UAAU;AAAA;AAGtB,IAAO,8BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,OAAO,OAAO;AAEjC,MAAM,sBAAsB,CAAC,OAoB1B;AApB0B,eAC3B;AAAA,qBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,SAAS;AAAA,IACT,aAAa;AAAA,IACb,YAAY,WAAW;AAAA,IACvB,cAAc;AAAA,IACd,4BAA4B;AAAA,IAC5B,OAAO,YAAY;AAAA,IACnB,aAAa;AAAA,MACX;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA;AAAA;AAAA,IAGjB,WAAW,MAAM;AAAA,MAlBU,IAmBxB,iBAnBwB,IAmBxB;AAAA,IAlBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAQA;AAAA;AAGA,8CAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI;AAAA;AAKR,oBAAoB,YAAY;AAAA,EAC9B,gBAAgB,UAAU,MAAM;AAAA,EAEhC,YAAY,UAAU,QACpB,UAAU,MAAM;AAAA,IACd,KAAK,UAAU;AAAA,IACf,MAAM,UAAU;AAAA;AAAA,EAIpB,UAAU,UAAU;AAAA;AAGtB,IAAO,8BAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/components/ImageLibraryModalImpl.js CHANGED
@@ -1,3 +1,34 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
1
32
  import * as React from "react";
2
33
  import React2 from "react";
3
34
  import DSModal from "@elliemae/ds-modal";
@@ -51,15 +82,14 @@ class ImageLibraryModalImpl extends React2.PureComponent {
51
82
  } else if (selected && name === selected.name) {
52
83
  extras.ref = (element) => element && element.focus();
53
84
  }
54
- return /* @__PURE__ */ React2.createElement("div", {
85
+ return /* @__PURE__ */ React2.createElement("div", __spreadValues({
55
86
  key: id || `${name}_${idx}`,
56
87
  className: elementClassName,
57
88
  onClick: (e) => this.handleElementClick(e, image),
58
89
  onKeyUp: (e) => this.handleElementClick(e, image),
59
90
  role: "button",
60
- tabIndex: 0,
61
- ...extras
62
- }, /* @__PURE__ */ React2.createElement("div", {
91
+ tabIndex: 0
92
+ }, extras), /* @__PURE__ */ React2.createElement("div", {
63
93
  className: "content"
64
94
  }, name));
65
95
  });
@@ -131,13 +161,13 @@ class ImageLibraryModalImpl extends React2.PureComponent {
131
161
  }
132
162
  render() {
133
163
  const { selected, user } = this.state;
134
- const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;
135
- return /* @__PURE__ */ React2.createElement(DSModal, {
136
- containerProps,
137
- ...modalProps,
164
+ const _a = this.props, { containerProps, imagesData, onSelect, disableDoubleClick } = _a, modalProps = __objRest(_a, ["containerProps", "imagesData", "onSelect", "disableDoubleClick"]);
165
+ return /* @__PURE__ */ React2.createElement(DSModal, __spreadProps(__spreadValues({
166
+ containerProps
167
+ }, modalProps), {
138
168
  className: "em-ds-modal-image-library",
139
169
  onReject: this.onReject
140
- }, /* @__PURE__ */ React2.createElement("div", {
170
+ }), /* @__PURE__ */ React2.createElement("div", {
141
171
  className: "wrapper"
142
172
  }, /* @__PURE__ */ React2.createElement("div", {
143
173
  className: "col-1"
package/dist/esm/components/ImageLibraryModalImpl.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ImageLibraryModalImpl.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-imagelibrarymodal",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Image Library Modal",
6
6
  "files": [
@@ -43,11 +43,11 @@
43
43
  "indent": 4
44
44
  },
45
45
  "dependencies": {
46
- "@elliemae/ds-icon": "3.0.0-alpha.0",
47
- "@elliemae/ds-icons": "3.0.0-alpha.0",
48
- "@elliemae/ds-modal": "3.0.0-alpha.0",
49
- "@elliemae/ds-shared": "3.0.0-alpha.0",
50
- "@elliemae/ds-spinner": "3.0.0-alpha.0",
46
+ "@elliemae/ds-icon": "3.0.0-alpha.1",
47
+ "@elliemae/ds-icons": "3.0.0-alpha.1",
48
+ "@elliemae/ds-modal": "3.0.0-alpha.1",
49
+ "@elliemae/ds-shared": "3.0.0-alpha.1",
50
+ "@elliemae/ds-spinner": "3.0.0-alpha.1",
51
51
  "prop-types": "~15.7.2",
52
52
  "react-loading-image": "~0.5.0"
53
53
  },
@@ -64,6 +64,7 @@
64
64
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
65
65
  "test": "node ../../scripts/testing/test.mjs",
66
66
  "lint": "node ../../scripts/lint.mjs",
67
+ "dts": "node ../../scripts/dts.mjs",
67
68
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
68
69
  }
69
70
  }
package/dist/types/DSImageLibraryModal.d.ts DELETED
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import PropTypes from 'prop-types';
3
- declare const DSImageLibraryModal: {
4
- ({ containerProps, confirmLabel, disableDoubleClick, isOpen, modalTitle, modalType, rejectLabel, shouldCloseOnOverlayClick, size, imagesData, onSelect, ...rest }: {
5
- [x: string]: any;
6
- containerProps?: {} | undefined;
7
- confirmLabel?: string | undefined;
8
- disableDoubleClick?: boolean | undefined;
9
- isOpen?: boolean | undefined;
10
- modalTitle?: string | undefined;
11
- modalType?: string | undefined;
12
- rejectLabel?: string | undefined;
13
- shouldCloseOnOverlayClick?: boolean | undefined;
14
- size?: any;
15
- imagesData?: {
16
- url: string;
17
- name: string;
18
- createdBy: string;
19
- createdDate: string;
20
- }[] | undefined;
21
- onSelect?: (() => null) | undefined;
22
- }): JSX.Element;
23
- /** Inherits DSModal props */
24
- propTypes: {
25
- containerProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
26
- /** List of images src */
27
- imagesData: PropTypes.Requireable<(PropTypes.InferProps<{
28
- url: PropTypes.Requireable<string>;
29
- name: PropTypes.Requireable<string>;
30
- }> | null | undefined)[]>;
31
- /** Handler when user selects an image */
32
- onSelect: PropTypes.Requireable<(...args: any[]) => any>;
33
- };
34
- };
35
- export default DSImageLibraryModal;
package/dist/types/components/ImageLibraryModalImpl.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- export default class ImageLibraryModalImpl extends React.PureComponent {
3
- constructor(props: any);
4
- componentDidMount(): void;
5
- getDerivedStateFromProps(nextProps: any): void;
6
- onReject: () => void;
7
- getUser(selected: any): any;
8
- handleElementClick: (e: any, image: any) => void;
9
- preventSpacebarScroll(): void;
10
- drawDiv(className: any, content: any): JSX.Element;
11
- drawLabel(className: any, label: any, value: any): JSX.Element;
12
- renderElements: () => any;
13
- renderSpinner: () => JSX.Element;
14
- renderError: () => JSX.Element;
15
- render(): JSX.Element;
16
- }
package/dist/types/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default } from './DSImageLibraryModal';