@elliemae/ds-imagelibrarymodal 3.60.0-next.6 → 3.60.0-next.60
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/dist/cjs/DSImageLibraryModal.js +2 -2
- package/dist/cjs/DSImageLibraryModal.js.map +2 -2
- package/dist/cjs/components/ImageLibraryModalImpl.js +4 -4
- package/dist/cjs/components/ImageLibraryModalImpl.js.map +2 -2
- package/dist/esm/DSImageLibraryModal.js +1 -1
- package/dist/esm/DSImageLibraryModal.js.map +1 -1
- package/dist/esm/components/ImageLibraryModalImpl.js +2 -2
- package/dist/esm/components/ImageLibraryModalImpl.js.map +1 -1
- package/package.json +22 -24
|
@@ -34,10 +34,10 @@ __export(DSImageLibraryModal_exports, {
|
|
|
34
34
|
module.exports = __toCommonJS(DSImageLibraryModal_exports);
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var
|
|
37
|
+
var import_ds_legacy_modal = require("@elliemae/ds-legacy-modal");
|
|
38
38
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
39
39
|
var import_ImageLibraryModalImpl = __toESM(require("./components/ImageLibraryModalImpl.js"));
|
|
40
|
-
const modalTypes = Object.values(
|
|
40
|
+
const modalTypes = Object.values(import_ds_legacy_modal.MODAL_TYPE);
|
|
41
41
|
const DSImageLibraryModal = ({
|
|
42
42
|
containerProps = {},
|
|
43
43
|
confirmLabel = "Add",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSImageLibraryModal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable no-bitwise */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';\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\nexport { DSImageLibraryModal };\nexport default DSImageLibraryModal;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCrB;AA3BF,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable no-bitwise */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\nimport { MODAL_TYPE } from '@elliemae/ds-legacy-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';\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\nexport { DSImageLibraryModal };\nexport default DSImageLibraryModal;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCrB;AA3BF,6BAA2B;AAC3B,uBAA4B;AAC5B,mCAAkC;AAElC,MAAM,aAAa,OAAO,OAAO,iCAAU;AAE3C,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY,WAAW,CAAC;AAAA,EACxB,cAAc;AAAA,EACd,4BAA4B;AAAA,EAC5B,OAAO,6BAAY,CAAC;AAAA,EACpB,aAAa;AAAA,IACX;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,WAAW,MAAM;AAAA,EACjB,GAAG;AACL,MACE;AAAA,EAAC,6BAAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;AAIF,IAAO,8BAAQ;",
|
|
6
6
|
"names": ["ImageLibraryModalImpl"]
|
|
7
7
|
}
|
|
@@ -34,8 +34,8 @@ module.exports = __toCommonJS(ImageLibraryModalImpl_exports);
|
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
36
|
var import_react = __toESM(require("react"));
|
|
37
|
-
var
|
|
38
|
-
var
|
|
37
|
+
var import_ds_legacy_modal = require("@elliemae/ds-legacy-modal");
|
|
38
|
+
var import_ds_legacy_spinner = require("@elliemae/ds-legacy-spinner");
|
|
39
39
|
var import_ds_icon = require("@elliemae/ds-icon");
|
|
40
40
|
var import_lodash_es = require("lodash-es");
|
|
41
41
|
var import_react_loading_image = __toESM(require("react-loading-image"));
|
|
@@ -153,13 +153,13 @@ class ImageLibraryModalImpl extends import_react.default.PureComponent {
|
|
|
153
153
|
);
|
|
154
154
|
});
|
|
155
155
|
};
|
|
156
|
-
renderSpinner = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
156
|
+
renderSpinner = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_spinner.DSSpinner, { message: "Loading...", size: "m" });
|
|
157
157
|
renderError = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ImageMissing, { color: import_ds_icon.DSIconColors.NEUTRAL, size: import_ds_icon.DSIconSizes.M });
|
|
158
158
|
render() {
|
|
159
159
|
const { selected, user } = this.state;
|
|
160
160
|
const { containerProps, imagesData, onSelect, disableDoubleClick, ...modalProps } = this.props;
|
|
161
161
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
162
|
-
|
|
162
|
+
import_ds_legacy_modal.DSModal,
|
|
163
163
|
{
|
|
164
164
|
containerProps,
|
|
165
165
|
...modalProps,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ImageLibraryModalImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable react/no-typos */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\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-es';\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 static getDerivedStateFromProps(nextProps: ImageLibraryModalImplProps, prevState: ImageLibraryModalImplState) {\n const { imagesData } = nextProps;\n if (!prevState.selected && imagesData) {\n return { selected: imagesData[0] };\n }\n return null;\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.key || e.code;\n if (charCode === 'Space') {\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoGZ;AA3FX,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable react/no-typos */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSModal } from '@elliemae/ds-legacy-modal';\nimport { DSSpinner } from '@elliemae/ds-legacy-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash-es';\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 static getDerivedStateFromProps(nextProps: ImageLibraryModalImplProps, prevState: ImageLibraryModalImplState) {\n const { imagesData } = nextProps;\n if (!prevState.selected && imagesData) {\n return { selected: imagesData[0] };\n }\n return null;\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.key || e.code;\n if (charCode === 'Space') {\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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",
|
|
6
6
|
"names": ["React", "ICONS_COLORS", "ICONS_SIZES", "ImageLoader"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { MODAL_TYPE } from "@elliemae/ds-modal";
|
|
3
|
+
import { MODAL_TYPE } from "@elliemae/ds-legacy-modal";
|
|
4
4
|
import { sizeOptions } from "@elliemae/ds-shared";
|
|
5
5
|
import ImageLibraryModalImpl from "./components/ImageLibraryModalImpl.js";
|
|
6
6
|
const modalTypes = Object.values(MODAL_TYPE);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSImageLibraryModal.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\nimport { MODAL_TYPE } from '@elliemae/ds-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';\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\nexport { DSImageLibraryModal };\nexport default DSImageLibraryModal;\n"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\nimport { MODAL_TYPE } from '@elliemae/ds-legacy-modal';\nimport { sizeOptions } from '@elliemae/ds-shared';\nimport ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';\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\nexport { DSImageLibraryModal };\nexport default DSImageLibraryModal;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACyCrB;AA3BF,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,OAAO,2BAA2B;AAElC,MAAM,aAAa,OAAO,OAAO,UAAU;AAE3C,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY,WAAW,CAAC;AAAA,EACxB,cAAc;AAAA,EACd,4BAA4B;AAAA,EAC5B,OAAO,YAAY,CAAC;AAAA,EACpB,aAAa;AAAA,IACX;AAAA,MACE,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,WAAW,MAAM;AAAA,EACjB,GAAG;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;AAIF,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React2 from "react";
|
|
4
|
-
import { DSModal } from "@elliemae/ds-modal";
|
|
5
|
-
import { DSSpinner } from "@elliemae/ds-spinner";
|
|
4
|
+
import { DSModal } from "@elliemae/ds-legacy-modal";
|
|
5
|
+
import { DSSpinner } from "@elliemae/ds-legacy-spinner";
|
|
6
6
|
import { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from "@elliemae/ds-icon";
|
|
7
7
|
import { includes } from "lodash-es";
|
|
8
8
|
import ImageLoader from "react-loading-image";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ImageLibraryModalImpl.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable react/no-typos */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\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-es';\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 static getDerivedStateFromProps(nextProps: ImageLibraryModalImplProps, prevState: ImageLibraryModalImplState) {\n const { imagesData } = nextProps;\n if (!prevState.selected && imagesData) {\n return { selected: imagesData[0] };\n }\n return null;\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.key || e.code;\n if (charCode === 'Space') {\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"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable react/no-unused-class-component-methods */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable react/no-typos */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { DSModal } from '@elliemae/ds-legacy-modal';\nimport { DSSpinner } from '@elliemae/ds-legacy-spinner';\nimport { DSIconSizes as ICONS_SIZES, DSIconColors as ICONS_COLORS } from '@elliemae/ds-icon';\nimport { includes } from 'lodash-es';\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 static getDerivedStateFromProps(nextProps: ImageLibraryModalImplProps, prevState: ImageLibraryModalImplState) {\n const { imagesData } = nextProps;\n if (!prevState.selected && imagesData) {\n return { selected: imagesData[0] };\n }\n return null;\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.key || e.code;\n if (charCode === 'Space') {\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
5
|
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-imagelibrarymodal",
|
|
3
|
-
"version": "3.60.0-next.
|
|
3
|
+
"version": "3.60.0-next.60",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Image Library Modal",
|
|
6
6
|
"files": [
|
|
@@ -35,36 +35,34 @@
|
|
|
35
35
|
"reportFile": "tests.xml",
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
|
-
"scripts": {
|
|
39
|
-
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
40
|
-
"test": "exit 0 | echo",
|
|
41
|
-
"lint": "exit 0 | echo",
|
|
42
|
-
"dts": "exit 0 | echo",
|
|
43
|
-
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
44
|
-
"checkDeps": "exit 0 | echo"
|
|
45
|
-
},
|
|
46
38
|
"dependencies": {
|
|
47
|
-
"@elliemae/ds-
|
|
48
|
-
"@elliemae/ds-
|
|
49
|
-
"
|
|
50
|
-
"@elliemae/ds-shared": "3.60.0-next.
|
|
51
|
-
"@elliemae/ds-
|
|
52
|
-
"
|
|
39
|
+
"@elliemae/ds-legacy-modal": "1.0.16",
|
|
40
|
+
"@elliemae/ds-legacy-spinner": "1.0.16",
|
|
41
|
+
"react-loading-image": "~0.5.0",
|
|
42
|
+
"@elliemae/ds-shared": "3.60.0-next.60",
|
|
43
|
+
"@elliemae/ds-icon": "3.60.0-next.60",
|
|
44
|
+
"@elliemae/ds-icons": "3.60.0-next.60"
|
|
53
45
|
},
|
|
54
46
|
"devDependencies": {
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"styled-components": "catalog:"
|
|
47
|
+
"jest": "^30.0.0",
|
|
48
|
+
"styled-components": "~5.3.9",
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.60.0-next.60"
|
|
59
50
|
},
|
|
60
51
|
"peerDependencies": {
|
|
61
|
-
"lodash-es": "
|
|
62
|
-
"react": "
|
|
63
|
-
"react-dom": "
|
|
52
|
+
"lodash-es": "^4.17.21",
|
|
53
|
+
"react": "^18.3.1",
|
|
54
|
+
"react-dom": "^18.3.1"
|
|
64
55
|
},
|
|
65
56
|
"publishConfig": {
|
|
66
57
|
"access": "public",
|
|
67
58
|
"typeSafety": false
|
|
68
59
|
},
|
|
69
|
-
"
|
|
70
|
-
|
|
60
|
+
"scripts": {
|
|
61
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
62
|
+
"test": "exit 0 | echo",
|
|
63
|
+
"lint": "exit 0 | echo",
|
|
64
|
+
"dts": "exit 0 | echo",
|
|
65
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
66
|
+
"checkDeps": "exit 0 | echo"
|
|
67
|
+
}
|
|
68
|
+
}
|