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

package/esm/DSImageLibraryModal.js

@@ -1,57 +1,45 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
+import 'react';
 import { MODAL_TYPE } from '@elliemae/ds-modal';
 import { sizeOptions } from '@elliemae/ds-shared/constants';
 import ImageLibraryModalImpl from './components/ImageLibraryModalImpl.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-spinner';
-import '@elliemae/ds-icon';
-import 'lodash';
-import 'react-loading-image';
-import '@elliemae/ds-icons';
-
-var _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOpen", "modalTitle", "modalType", "rejectLabel", "shouldCloseOnOverlayClick", "size", "imagesData", "onSelect"];
-var modalTypes = Object.values(MODAL_TYPE);
-
-var DSImageLibraryModal = function DSImageLibraryModal(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Add' : _ref$confirmLabel,
-      _ref$disableDoubleCli = _ref.disableDoubleClick,
-      disableDoubleClick = _ref$disableDoubleCli === void 0 ? false : _ref$disableDoubleCli,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? 'Add Image' : _ref$modalTitle,
-      _ref$modalType = _ref.modalType,
-      modalType = _ref$modalType === void 0 ? modalTypes[2] : _ref$modalType,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
-      _ref$shouldCloseOnOve = _ref.shouldCloseOnOverlayClick,
-      shouldCloseOnOverlayClick = _ref$shouldCloseOnOve === void 0 ? true : _ref$shouldCloseOnOve,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? sizeOptions[3] : _ref$size,
-      _ref$imagesData = _ref.imagesData,
-      imagesData = _ref$imagesData === void 0 ? [{
-    url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
-    name: 'no image',
-    createdBy: 'user:John Doe',
-    createdDate: '0000-01-01 00:00 AM UTC'
-  }] : _ref$imagesData,
-      _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? function () {
-    return null;
-  } : _ref$onSelect,
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["containerProps", "confirmLabel", "disableDoubleClick", "isOpen", "modalTitle", "modalType", "rejectLabel", "shouldCloseOnOverlayClick", "size", "imagesData", "onSelect"];
+
+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; }
+
+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(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; }
+const modalTypes = Object.values(MODAL_TYPE);
+
+const DSImageLibraryModal = _ref => {
+  let {
+    containerProps = {},
+    confirmLabel = 'Add',
+    disableDoubleClick = false,
+    isOpen = true,
+    modalTitle = 'Add Image',
+    modalType = modalTypes[2],
+    rejectLabel = 'Cancel',
+    shouldCloseOnOverlayClick = true,
+    size = sizeOptions[3],
+    imagesData = [{
+      url: 'https://www.freeiconspng.com/minicovers/no-image-icon-6.png',
+      name: 'no image',
+      createdBy: 'user:John Doe',
+      createdDate: '0000-01-01 00:00 AM UTC'
+    }],
+    onSelect = () => null
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(ImageLibraryModalImpl, _extends({
+  return /*#__PURE__*/jsx(ImageLibraryModalImpl, _objectSpread({
     confirmLabel: confirmLabel,
     containerProps: containerProps,
     disableDoubleClick: disableDoubleClick,
@@ -65,21 +53,5 @@ var DSImageLibraryModal = function DSImageLibraryModal(_ref) {
     size: size
   }, rest));
 };
-/** Inherits DSModal props */
-
-
-DSImageLibraryModal.propTypes = {
-  containerProps: PropTypes.shape({}),
-
-  /** List of images src */
-  imagesData: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string,
-    name: PropTypes.string
-  })),
-
-  /** Handler when user selects an image */
-  onSelect: PropTypes.func
-};
 
 export { DSImageLibraryModal as default };
-//# sourceMappingURL=DSImageLibraryModal.js.map

package/esm/components/ImageLibraryModalImpl.js

@@ -1,10 +1,13 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import DSModal from '@elliemae/ds-modal';
 import DSSpinner from '@elliemae/ds-spinner';
@@ -12,30 +15,25 @@ import { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';
 import { includes } from 'lodash';
 import ImageLoader from 'react-loading-image';
 import { ImageMissing } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
+const _excluded = ["containerProps", "imagesData", "onSelect", "disableDoubleClick"];
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+var _DSSpinner;
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var elementClassName = 'imglibmodal-element';
+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; }
 
-var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ImageLibraryModalImpl, _React$PureComponent);
+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(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; }
+const elementClassName = 'imglibmodal-element';
+class ImageLibraryModalImpl extends React.PureComponent {
+  constructor(props) {
+    super(props);
 
-  var _super = _createSuper(ImageLibraryModalImpl);
-
-  function ImageLibraryModalImpl(props) {
-    var _this;
-
-    _classCallCheck(this, ImageLibraryModalImpl);
-
-    _this = _super.call(this, props);
-
-    _this.onReject = function () {
-      var _this$props = _this.props,
-          onReject = _this$props.onReject,
-          onClose = _this$props.onClose;
+    this.onReject = () => {
+      const {
+        onReject,
+        onClose
+      } = this.props;
 
       if (onReject) {
         onReject();
@@ -44,25 +42,28 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       }
     };
 
-    _this.handleElementClick = function (e, image) {
+    this.handleElementClick = (e, image) => {
       if (e.key && e.key !== ' ') {
         return;
       }
 
-      var selected = _this.state.selected;
-      var _this$props2 = _this.props,
-          disableDoubleClick = _this$props2.disableDoubleClick,
-          onConfirm = _this$props2.onConfirm,
-          onSelect = _this$props2.onSelect;
+      const {
+        selected
+      } = this.state;
+      const {
+        disableDoubleClick,
+        onConfirm,
+        onSelect
+      } = this.props;
 
       if (image === selected && onConfirm && !disableDoubleClick) {
         onConfirm();
         return;
       }
 
-      _this.setState({
+      this.setState({
         selected: image,
-        user: _this.getUser(image)
+        user: this.getUser(image)
       });
 
       if (onSelect) {
@@ -70,183 +71,172 @@ var ImageLibraryModalImpl = /*#__PURE__*/function (_React$PureComponent) {
       }
     };
 
-    _this.renderElements = function () {
-      var imagesData = _this.props.imagesData;
+    this.renderElements = () => {
+      const {
+        imagesData
+      } = this.props;
 
       if (!imagesData) {
         return 'Empty';
       }
 
-      var selected = _this.state.selected;
-      return imagesData.map(function (image, idx) {
-        var extras = {};
-        var name = image.name,
-            id = image.id;
+      const {
+        selected
+      } = this.state;
+      return imagesData.map((image, idx) => {
+        const extras = {};
+        const {
+          name,
+          id
+        } = image;
 
-        if (_this.focusFirst && idx === 0) {
-          extras.ref = function (element) {
-            return element && element.focus();
-          };
+        if (this.focusFirst && idx === 0) {
+          extras.ref = element => element && element.focus();
 
-          _this.focusFirst = undefined;
+          this.focusFirst = undefined;
         } else if (selected && name === selected.name) {
-          extras.ref = function (element) {
-            return element && element.focus();
-          };
+          extras.ref = element => element && element.focus();
         }
 
-        return /*#__PURE__*/React.createElement("div", _extends({
-          key: id || "".concat(name, "_").concat(idx),
+        return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
           className: elementClassName,
-          onClick: function onClick(e) {
-            return _this.handleElementClick(e, image);
-          },
-          onKeyUp: function onKeyUp(e) {
-            return _this.handleElementClick(e, image);
-          },
+          onClick: e => this.handleElementClick(e, image),
+          onKeyUp: e => this.handleElementClick(e, image),
           role: "button",
           tabIndex: 0
-        }, extras), /*#__PURE__*/React.createElement("div", {
-          className: "content"
-        }, name));
+        }, extras), {}, {
+          children: /*#__PURE__*/_jsx("div", {
+            className: "content"
+          }, void 0, name)
+        }), id || "".concat(name, "_").concat(idx));
       });
     };
 
-    _this.renderSpinner = function () {
-      return /*#__PURE__*/React.createElement(DSSpinner, {
-        message: "Loading...",
-        size: "m"
-      });
-    };
+    this.renderSpinner = () => _DSSpinner || (_DSSpinner = /*#__PURE__*/_jsx(DSSpinner, {
+      message: "Loading...",
+      size: "m"
+    }));
 
-    _this.renderError = function () {
-      return /*#__PURE__*/React.createElement(ImageMissing, {
-        color: DSIconColors.NEUTRAL,
-        size: DSIconSizes.M
-      });
-    };
+    this.renderError = () => /*#__PURE__*/_jsx(ImageMissing, {
+      color: DSIconColors.NEUTRAL,
+      size: DSIconSizes.M
+    });
 
-    _this.state = {
+    this.state = {
       selected: undefined,
       user: undefined
     };
+    this.preventSpacebarScroll();
+  }
 
-    _this.preventSpacebarScroll();
+  componentDidMount() {
+    const {
+      imagesData
+    } = this.props;
 
-    return _this;
+    if (imagesData) {
+      this.handleElementClick({}, imagesData[0]);
+      this.focusFirst = true;
+    }
   }
 
-  _createClass(ImageLibraryModalImpl, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var imagesData = this.props.imagesData;
+  getDerivedStateFromProps(nextProps) {
+    const {
+      imagesData
+    } = this.props;
 
-      if (imagesData) {
-        this.handleElementClick({}, imagesData[0]);
-        this.focusFirst = true;
-      }
+    if (!imagesData && nextProps.imagesData) {
+      this.setState({
+        selected: imagesData[0]
+      });
     }
-  }, {
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      var imagesData = this.props.imagesData;
-
-      if (!imagesData && nextProps.imagesData) {
-        this.setState({
-          selected: imagesData[0]
-        });
-      }
+  }
+
+  getUser(selected) {
+    if (!selected) {
+      return '';
+    }
+
+    const index = selected.createdBy.lastIndexOf('user:');
+
+    if (index === -1) {
+      return selected.createdBy;
     }
-  }, {
-    key: "getUser",
-    value: function getUser(selected) {
-      if (!selected) {
-        return '';
+
+    return selected.createdBy.substring(index + 5);
+  }
+
+  preventSpacebarScroll() {
+    document.onkeypress = function (e) {
+      if (!includes(e.target.className, elementClassName)) {
+        return true;
       }
 
-      var index = selected.createdBy.lastIndexOf('user:');
+      e = e || window.event;
+      const charCode = e.keyCode || e.which;
 
-      if (index === -1) {
-        return selected.createdBy;
+      if (charCode === 32) {
+        e.preventDefault();
+        return false;
       }
 
-      return selected.createdBy.substring(index + 5);
-    }
-  }, {
-    key: "preventSpacebarScroll",
-    value: function preventSpacebarScroll() {
-      document.onkeypress = function (e) {
-        if (!includes(e.target.className, elementClassName)) {
-          return true;
-        }
+      return true;
+    };
+  }
 
-        e = e || window.event;
-        var charCode = e.keyCode || e.which;
+  drawDiv(className, content) {
+    return /*#__PURE__*/_jsx("div", {
+      className: className
+    }, void 0, content);
+  }
 
-        if (charCode === 32) {
-          e.preventDefault();
-          return false;
-        }
+  drawLabel(className, label, value) {
+    return /*#__PURE__*/_jsx("div", {
+      className: className
+    }, void 0, /*#__PURE__*/_jsx("span", {
+      className: "label"
+    }, void 0, label), /*#__PURE__*/_jsx("span", {
+      className: "value"
+    }, void 0, value));
+  }
 
-        return true;
-      };
-    }
-  }, {
-    key: "drawDiv",
-    value: function drawDiv(className, content) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, content);
-    }
-  }, {
-    key: "drawLabel",
-    value: function drawLabel(className, label, value) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: className
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "label"
-      }, label), /*#__PURE__*/React.createElement("span", {
-        className: "value"
-      }, value));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-          selected = _this$state.selected,
-          user = _this$state.user;
-
-      var _this$props3 = this.props,
-          containerProps = _this$props3.containerProps;
-          _this$props3.imagesData;
-          _this$props3.onSelect;
-          _this$props3.disableDoubleClick;
-          var modalProps = _objectWithoutProperties(_this$props3, _excluded);
-
-      return /*#__PURE__*/React.createElement(DSModal, _extends({
-        containerProps: containerProps
-      }, modalProps, {
-        className: "em-ds-modal-image-library",
-        onReject: this.onReject
-      }), /*#__PURE__*/React.createElement("div", {
+  render() {
+    const {
+      selected,
+      user
+    } = this.state;
+
+    const _this$props = this.props,
+          {
+      containerProps,
+      imagesData,
+      onSelect,
+      disableDoubleClick
+    } = _this$props,
+          modalProps = _objectWithoutProperties(_this$props, _excluded);
+
+    return /*#__PURE__*/jsx(DSModal, _objectSpread(_objectSpread({
+      containerProps: containerProps
+    }, modalProps), {}, {
+      className: "em-ds-modal-image-library",
+      onReject: this.onReject,
+      children: /*#__PURE__*/_jsx("div", {
         className: "wrapper"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, void 0, /*#__PURE__*/_jsx("div", {
         className: "col-1"
-      }, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/React.createElement("div", {
+      }, void 0, this.drawDiv('title', 'Company Images'), this.renderElements()), /*#__PURE__*/_jsx("div", {
         className: "col-2"
-      }, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/React.createElement(ImageLoader, {
+      }, void 0, this.drawDiv('title', selected ? selected.name : ''), /*#__PURE__*/_jsx(ImageLoader, {
         className: "image-loader",
         error: this.renderError,
         loading: this.renderSpinner,
         src: selected ? selected.url : ''
-      }), selected && /*#__PURE__*/React.createElement("div", {
+      }), selected && /*#__PURE__*/_jsx("div", {
         className: "info"
-      }, this.drawLabel('info-element', 'Created Date:', selected.createdDate), this.drawLabel('info-element', 'Created By:', user)))));
-    }
-  }]);
+      }, void 0, this.drawLabel('info-element', 'Created Date:', selected.createdDate), this.drawLabel('info-element', 'Created By:', user))))
+    }));
+  }
 
-  return ImageLibraryModalImpl;
-}(React.PureComponent);
+}
 
 export { ImageLibraryModalImpl as default };
-//# sourceMappingURL=ImageLibraryModalImpl.js.map

package/esm/index.js

@@ -1,19 +1 @@
 export { default } from './DSImageLibraryModal.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'prop-types';
-import '@elliemae/ds-modal';
-import '@elliemae/ds-shared/constants';
-import './components/ImageLibraryModalImpl.js';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-spinner';
-import '@elliemae/ds-icon';
-import 'lodash';
-import 'react-loading-image';
-import '@elliemae/ds-icons';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,38 @@
 {
   "name": "@elliemae/ds-imagelibrarymodal",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Image Library Modal",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Image Library Modal",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./DSImageLibraryModal": {
+      "import": "./esm/DSImageLibraryModal.js",
+      "require": "./cjs/DSImageLibraryModal.js"
+    },
+    "./components/ImageLibraryModalImpl": {
+      "import": "./esm/components/ImageLibraryModalImpl.js",
+      "require": "./cjs/components/ImageLibraryModalImpl.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +40,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-modal": "1.60.0",
-    "@elliemae/ds-shared": "1.60.0",
+    "@elliemae/ds-icon": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-modal": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-spinner": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-loading-image": "0.5.0"
+    "react-loading-image": "~0.5.0"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1"
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSImageLibraryModal.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DSImageLibraryModal: {
+    ({ containerProps, confirmLabel, disableDoubleClick, isOpen, modalTitle, modalType, rejectLabel, shouldCloseOnOverlayClick, size, imagesData, onSelect, ...rest }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        confirmLabel?: string | undefined;
+        disableDoubleClick?: boolean | undefined;
+        isOpen?: boolean | undefined;
+        modalTitle?: string | undefined;
+        modalType?: string | undefined;
+        rejectLabel?: string | undefined;
+        shouldCloseOnOverlayClick?: boolean | undefined;
+        size?: any;
+        imagesData?: {
+            url: string;
+            name: string;
+            createdBy: string;
+            createdDate: string;
+        }[] | undefined;
+        onSelect?: (() => null) | undefined;
+    }): JSX.Element;
+    /** Inherits DSModal props */
+    propTypes: {
+        containerProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /** List of images src */
+        imagesData: PropTypes.Requireable<(PropTypes.InferProps<{
+            url: PropTypes.Requireable<string>;
+            name: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        /** Handler when user selects an image */
+        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export default DSImageLibraryModal;