@elliemae/ds-modal 2.2.0-next.6 → 2.3.0-alpha.1

package/esm/v1/DSModal.js

@@ -1,139 +1,148 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import ReactModal from 'react-modal';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSIconSizes } from '@elliemae/ds-icon';
-import { Close } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { MODAL_TYPE } from '../constants.js';
-import ModalFeedBack from './ModalFeedBack/ModalFeedBack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _Close;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSModal = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    dataTestId = 'ds-modal',
-    additionalFooterCssClass = '',
-    style = {},
-    iconCloseSize = DSIconSizes.S,
-    modalType = MODAL_TYPE.DEFAULT,
-    showHeader = true,
-    showFooter = true,
-    children,
-    centered = true,
-    confirmLabel = 'Accept',
-    modalTitle = '',
-    size = 'medium',
-    isOpen = false,
-    onClose = () => null,
-    onAfterOpen = () => null,
-    onConfirm = () => null,
-    onReject = () => null,
-    rejectLabel = 'Cancel',
-    shouldCloseOnOverlayClick = false,
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    hasInfo = false,
-    hasHelp = false,
-    actionsRef = () => null,
-    appElement = '#root',
-    overridePropsConfirmButton = {},
-    overridePropsRejectButton = {},
-    zIndex = 10
-  } = _ref;
-  // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples
-  typeof document !== 'undefined' && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line
-
-  const {
-    cssClassName,
-    classNameElement,
-    classNameBlock,
-    classNameModifier,
-    classNameBlockModifier
-  } = convertPropToCssClassName('modal', className, {
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import ReactModal from "react-modal";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSIconSizes } from "@elliemae/ds-icon";
+import { Close } from "@elliemae/ds-icons";
+import DSButton from "@elliemae/ds-button";
+import MODAL_TYPE, { modalTypes } from "../constants";
+import ModalFeedBack from "./ModalFeedBack/ModalFeedBack";
+import { sizes, iconSizes } from "@elliemae/ds-shared/prop-types";
+const DSModal = ({
+  containerProps = {},
+  className = "",
+  dataTestId = "ds-modal",
+  additionalFooterCssClass = "",
+  style = {},
+  iconCloseSize = DSIconSizes.S,
+  modalType = MODAL_TYPE.DEFAULT,
+  showHeader = true,
+  showFooter = true,
+  children,
+  centered = true,
+  confirmLabel = "Accept",
+  modalTitle = "",
+  size = "medium",
+  isOpen = false,
+  onClose = () => null,
+  onAfterOpen = () => null,
+  onConfirm = () => null,
+  onReject = () => null,
+  rejectLabel = "Cancel",
+  shouldCloseOnOverlayClick = false,
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  hasInfo = false,
+  hasHelp = false,
+  actionsRef = () => null,
+  appElement = "#root",
+  overridePropsConfirmButton = {},
+  overridePropsRejectButton = {},
+  zIndex = 10
+}) => {
+  typeof document !== "undefined" && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement);
+  const { cssClassName, classNameElement, classNameBlock, classNameModifier, classNameBlockModifier } = convertPropToCssClassName("modal", className, {
     hasError,
     hasWarning,
     hasSuccess,
     modalType,
     size
   });
-  const {
-    WARNING,
-    ERROR,
-    SUCCESS,
-    HELP,
-    INFO
-  } = MODAL_TYPE;
+  const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;
   const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
   const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
-  return /*#__PURE__*/_jsx(ReactModal, {
+  return /* @__PURE__ */ React2.createElement(ReactModal, {
     testId: dataTestId,
     className: cssClassName,
     contentLabel: modalTitle,
-    isOpen: isOpen,
-    onAfterOpen: onAfterOpen,
+    isOpen,
+    onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered && 'center')),
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
+    overlayClassName: `${classNameBlock("overlay")} ${classNameModifier(centered && "center")}`,
+    shouldCloseOnOverlayClick,
     style: {
-      content: _objectSpread({}, style),
+      content: {
+        ...style
+      },
       overlay: {
         zIndex
       }
     }
-  }, void 0, /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: [showHeader && /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('modal-header')
-    }, void 0, /*#__PURE__*/_jsx("div", {
-      className: classNameElement('title', 'modal-header')
-    }, void 0, modalTitle), /*#__PURE__*/_jsx("div", {
-      className: classNameElement('icon', 'modal-header')
-    }, void 0, /*#__PURE__*/_jsx(DSButton, {
-      buttonType: "link",
-      icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
-      onClick: onClose,
-      size: iconCloseSize
-    }))), /*#__PURE__*/_jsx("div", {
-      className: classNameElement('body')
-    }, void 0, showFeedBack && /*#__PURE__*/_jsx(ModalFeedBack, {
-      hasError: hasError,
-      hasHelp: hasHelp,
-      hasInfo: hasInfo,
-      hasSuccess: hasSuccess,
-      hasWarning: hasWarning,
-      modalType: modalType
-    }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx("div", {
-      className: "".concat(classNameBlock('modal-footer'), " ").concat(additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : '')
-    }, void 0, /*#__PURE__*/jsxs("div", {
-      ref: actionsRef,
-      className: classNameBlock('modal-footer-actions'),
-      children: [modalType === MODAL_TYPE.CONFIRM && /*#__PURE__*/jsx(DSButton, _objectSpread({
-        buttonType: "secondary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
-        labelText: rejectLabel,
-        onClick: onReject
-      }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
-        buttonType: "primary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
-        labelText: confirmLabel,
-        onClick: onConfirm
-      }, overridePropsConfirmButton))]
-    }))]
-  })));
+  }, /* @__PURE__ */ React2.createElement("div", {
+    ...containerProps
+  }, showHeader && /* @__PURE__ */ React2.createElement("div", {
+    className: classNameBlock("modal-header")
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: classNameElement("title", "modal-header")
+  }, modalTitle), /* @__PURE__ */ React2.createElement("div", {
+    className: classNameElement("icon", "modal-header")
+  }, /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "link",
+    icon: /* @__PURE__ */ React2.createElement(Close, null),
+    onClick: onClose,
+    size: iconCloseSize
+  }))), /* @__PURE__ */ React2.createElement("div", {
+    className: classNameElement("body")
+  }, showFeedBack && /* @__PURE__ */ React2.createElement(ModalFeedBack, {
+    hasError,
+    hasHelp,
+    hasInfo,
+    hasSuccess,
+    hasWarning,
+    modalType
+  }), children), showFooter && !isAFeedbackType && /* @__PURE__ */ React2.createElement("div", {
+    className: `${classNameBlock("modal-footer")} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, "modal-footer") : ""}`
+  }, /* @__PURE__ */ React2.createElement("div", {
+    ref: actionsRef,
+    className: classNameBlock("modal-footer-actions")
+  }, modalType === MODAL_TYPE.CONFIRM && /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "secondary",
+    className: `${classNameElement("button-action")} ${classNameModifier("reject", "button-action")} `,
+    labelText: rejectLabel,
+    onClick: onReject,
+    ...overridePropsRejectButton
+  }), /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "primary",
+    className: `${classNameElement("button-action")} ${classNameModifier("confirm", "button-action")} `,
+    labelText: confirmLabel,
+    onClick: onConfirm,
+    ...overridePropsConfirmButton
+  })))));
+};
+DSModal.propTypes = {
+  className: PropTypes.string,
+  additionalFooterCssClass: PropTypes.string,
+  style: PropTypes.shape({}),
+  iconCloseSize: PropTypes.oneOf(iconSizes),
+  modalType: PropTypes.oneOf(modalTypes),
+  showHeader: PropTypes.bool,
+  showFooter: PropTypes.bool,
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired,
+  centered: PropTypes.bool,
+  confirmLabel: PropTypes.string,
+  modalTitle: PropTypes.string,
+  size: PropTypes.oneOf(sizes),
+  isOpen: PropTypes.bool,
+  onClose: PropTypes.func,
+  onAfterOpen: PropTypes.func,
+  onConfirm: PropTypes.func,
+  onReject: PropTypes.func,
+  rejectLabel: PropTypes.string,
+  shouldCloseOnOverlayClick: PropTypes.bool,
+  hasError: PropTypes.bool,
+  hasWarning: PropTypes.bool,
+  hasSuccess: PropTypes.bool,
+  hasInfo: PropTypes.bool,
+  hasHelp: PropTypes.bool,
+  actionsRef: PropTypes.func,
+  appElement: PropTypes.string,
+  overridePropsConfirmButton: PropTypes.shape({}),
+  overridePropsRejectButton: PropTypes.shape({})
+};
+var DSModal_default = DSModal;
+export {
+  DSModal_default as default
 };
-
-export { DSModal as default };
+//# sourceMappingURL=DSModal.js.map

package/esm/v1/DSModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSModal.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MODAL_TYPE, { modalTypes } from '../constants';\nimport ModalFeedBack from './ModalFeedBack/ModalFeedBack';\nimport { sizes, iconSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSModal = ({\n  containerProps = {},\n  className = '',\n  dataTestId = 'ds-modal',\n  additionalFooterCssClass = '',\n  style = {},\n  iconCloseSize = DSIconSizes.S,\n  modalType = MODAL_TYPE.DEFAULT,\n  showHeader = true,\n  showFooter = true,\n  children,\n  centered = true,\n  confirmLabel = 'Accept',\n  modalTitle = '',\n  size = 'medium',\n  isOpen = false,\n  onClose = () => null,\n  onAfterOpen = () => null,\n  onConfirm = () => null,\n  onReject = () => null,\n  rejectLabel = 'Cancel',\n  shouldCloseOnOverlayClick = false,\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  hasInfo = false,\n  hasHelp = false,\n  actionsRef = () => null,\n  appElement = '#root',\n  overridePropsConfirmButton = {},\n  overridePropsRejectButton = {},\n  zIndex = 10,\n}) => {\n  // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples\n  typeof document !== 'undefined' && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line\n  const { cssClassName, classNameElement, classNameBlock, classNameModifier, classNameBlockModifier } =\n    convertPropToCssClassName('modal', className, {\n      hasError,\n      hasWarning,\n      hasSuccess,\n      modalType,\n      size,\n    });\n\n  const { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\n  const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;\n  const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;\n\n  return (\n    <ReactModal\n      testId={dataTestId}\n      className={cssClassName}\n      contentLabel={modalTitle}\n      isOpen={isOpen}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onClose}\n      overlayClassName={`${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      style={{\n        content: {\n          ...style,\n        },\n        overlay: {\n          zIndex,\n        },\n      }}\n    >\n      <div {...containerProps}>\n        {showHeader && (\n          <div className={classNameBlock('modal-header')}>\n            <div className={classNameElement('title', 'modal-header')}>{modalTitle}</div>\n            <div className={classNameElement('icon', 'modal-header')}>\n              <DSButton buttonType=\"link\" icon={<Close />} onClick={onClose} size={iconCloseSize} />\n            </div>\n          </div>\n        )}\n        <div className={classNameElement('body')}>\n          {showFeedBack && (\n            <ModalFeedBack\n              hasError={hasError}\n              hasHelp={hasHelp}\n              hasInfo={hasInfo}\n              hasSuccess={hasSuccess}\n              hasWarning={hasWarning}\n              modalType={modalType}\n            />\n          )}\n          {children}\n        </div>\n        {showFooter && !isAFeedbackType && (\n          <div\n            className={`${classNameBlock('modal-footer')} ${\n              additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''\n            }`}\n          >\n            <div ref={actionsRef} className={classNameBlock('modal-footer-actions')}>\n              {modalType === MODAL_TYPE.CONFIRM && (\n                <DSButton\n                  buttonType=\"secondary\"\n                  className={`${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `}\n                  labelText={rejectLabel}\n                  onClick={onReject}\n                  {...overridePropsRejectButton}\n                />\n              )}\n              <DSButton\n                buttonType=\"primary\"\n                className={`${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `}\n                labelText={confirmLabel}\n                onClick={onConfirm}\n                {...overridePropsConfirmButton}\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    </ReactModal>\n  );\n};\n\nDSModal.propTypes = {\n  className: PropTypes.string,\n  /**\n   * Add an additional css class to the footer\n   */\n  additionalFooterCssClass: PropTypes.string,\n  /**\n   * Set style for the modal\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Select size for the close icon\n   */\n  iconCloseSize: PropTypes.oneOf(iconSizes),\n  /**\n   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']\n   */\n  modalType: PropTypes.oneOf(modalTypes),\n  /**\n   * Show the header or not\n   */\n  showHeader: PropTypes.bool,\n  /**\n   * Show the footer or not\n   */\n  showFooter: PropTypes.bool,\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired,\n  /**\n   * Content is centered or not\n   */\n  centered: PropTypes.bool,\n  /**\n   * Text to be added in the confirm button\n   */\n  confirmLabel: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  modalTitle: PropTypes.string,\n  /**\n   * Text to be added in the modal title\n   */\n  size: PropTypes.oneOf(sizes),\n  /**\n   * Modal is open or not\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Allows a function to be triggered once the modal is closed\n   */\n  onClose: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal is opened\n   */\n  onAfterOpen: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is confirmed\n   */\n  onConfirm: PropTypes.func,\n  /**\n   * Allows a function to be triggered once the modal open is rejected\n   */\n  onReject: PropTypes.func,\n  /**\n   * Text to be added in the reject button\n   */\n  rejectLabel: PropTypes.string,\n  /**\n   * If modal should close on overlay click\n   */\n  shouldCloseOnOverlayClick: PropTypes.bool,\n  /**\n   * Modal has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Modal has warning or not\n   */\n  hasWarning: PropTypes.bool,\n  /**\n   * Modal has success or not\n   */\n  hasSuccess: PropTypes.bool,\n  /**\n   * Modal has info or not\n   */\n  hasInfo: PropTypes.bool,\n  /**\n   * Modal has help or not\n   */\n  hasHelp: PropTypes.bool,\n  actionsRef: PropTypes.func,\n  appElement: PropTypes.string,\n  /**\n   * Customized props for the confirm button\n   */\n  overridePropsConfirmButton: PropTypes.shape({}),\n  /**\n   * Customized props for the reject button\n   */\n  overridePropsRejectButton: PropTypes.shape({}),\n};\n\nexport default DSModal;\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/v1/DSModalType.js

@@ -1,3 +1,16 @@
-const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
-
-export { modalTypes };
+import * as React from "react";
+const modalTypes = [
+  MODAL_TYPE.DEFAULT,
+  MODAL_TYPE.ALERT,
+  MODAL_TYPE.CONFIRM,
+  MODAL_TYPE.NOTIFICATION,
+  MODAL_TYPE.WARNING,
+  MODAL_TYPE.ERROR,
+  MODAL_TYPE.SUCCESS,
+  MODAL_TYPE.HELP,
+  MODAL_TYPE.INFO
+];
+export {
+  modalTypes
+};
+//# sourceMappingURL=DSModalType.js.map

package/esm/v1/DSModalType.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSModalType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const modalTypes = [\n  MODAL_TYPE.DEFAULT,\n  MODAL_TYPE.ALERT,\n  MODAL_TYPE.CONFIRM,\n  MODAL_TYPE.NOTIFICATION,\n  MODAL_TYPE.WARNING,\n  MODAL_TYPE.ERROR,\n  MODAL_TYPE.SUCCESS,\n  MODAL_TYPE.HELP,\n  MODAL_TYPE.INFO,\n];\n"],
+  "mappings": "AAAA;ACAO,MAAM,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;",
+  "names": []
+}

package/esm/v1/DSModalWrapper.js

@@ -1,143 +1,82 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import { Component, createElement } from 'react';
-import { MODAL_TYPE } from '../constants.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DSModalWrapper = (WrappedComponent => {
+import * as React from "react";
+import { Component, createElement } from "react";
+import { MODAL_TYPE } from "../constants";
+var DSModalWrapper_default = (WrappedComponent) => {
   class DSModalWrapper extends Component {
     constructor() {
       super(...arguments);
       this.state = {
         childready: false,
-        additionalFooterCssClass: 'loading',
+        additionalFooterCssClass: "loading",
         container: null,
         actions: null,
-        height: '100%'
+        height: "100%"
       };
-
-      this.onHeaderHeight = e => {
+      this.onHeaderHeight = (e) => {
         this.heightHeaderFlag = true;
         this.heightHeader = e.height || 0;
       };
-
-      this.onFooterHeight = e => {
+      this.onFooterHeight = (e) => {
         this.heightFooterFlag = true;
         this.heightFooter = e.height || 0;
       };
-
-      this.onResize = _ref => {
-        let {
-          bounds
-        } = _ref;
-
+      this.onResize = ({ bounds }) => {
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader
           });
         }
-
-        return setTimeout(this.onResize({
-          bounds
-        }), 0);
+        return setTimeout(this.onResize({ bounds }), 0);
       };
-
-      this.handleContainer = node => {
-        if (node) this.setState({
-          container: node
-        });
+      this.handleContainer = (node) => {
+        if (node)
+          this.setState({ container: node });
         this.handleResize();
       };
-
-      this.handleActions = node => {
-        if (node) this.setState({
-          actions: node
-        });
+      this.handleActions = (node) => {
+        if (node)
+          this.setState({ actions: node });
         this.handleResize();
       };
     }
-
     componentDidMount() {
-      window.addEventListener('resize', this.handleResize);
+      window.addEventListener("resize", this.handleResize);
     }
-
     componentWillUnmount() {
-      window.removeEventListener('resize', this.handleResize);
+      window.removeEventListener("resize", this.handleResize);
     }
-
-    /**
-     * Change button width to 100% if the
-     * combined width of the button (or button group) exceed 50% of the container width.
-     */
     handleResize() {
-      if (!this.state) return null;
-      const {
-        container,
-        actions,
-        childready
-      } = this.state;
-      if (!childready) return null;
-      this.setState({
-        additionalFooterCssClass: null
-      }); // !important reset to default state to recalculate
-
-      const {
-        clientWidth: containerWidth
-      } = container;
-      const {
-        clientWidth: actionsWidth
-      } = actions; // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.
-
+      if (!this.state)
+        return null;
+      const { container, actions, childready } = this.state;
+      if (!childready)
+        return null;
+      this.setState({ additionalFooterCssClass: null });
+      const { clientWidth: containerWidth } = container;
+      const { clientWidth: actionsWidth } = actions;
       if (containerWidth && actionsWidth && actionsWidth / containerWidth * 100 > 50) {
-        return this.setState({
-          additionalFooterCssClass: 'fluid-actions'
-        });
+        return this.setState({ additionalFooterCssClass: "fluid-actions" });
       }
-
-      return this.setState({
-        additionalFooterCssClass: null
-      });
+      return this.setState({ additionalFooterCssClass: null });
     }
-
     verifyNodes() {
-      const {
-        modalType
-      } = this.props;
-
+      const { modalType } = this.props;
       if (modalType !== MODAL_TYPE.DEFAULT) {
         const nodesInterval = setInterval(() => {
-          // !important it checks when nodes are availables
-          const {
-            container,
-            actions
-          } = this.state;
-          if (!container || !actions) return null;
+          const { container, actions } = this.state;
+          if (!container || !actions)
+            return null;
           clearInterval(nodesInterval);
-          this.setState({
-            childready: true
-          });
+          this.setState({ childready: true });
           return this.handleResize();
         }, 100);
       }
     }
-
     render() {
-      const {
-        props,
-        state
-      } = this;
-      const {
-        additionalFooterCssClass,
-        height
-      } = state;
-      return /*#__PURE__*/createElement(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
+      const { props, state } = this;
+      const { additionalFooterCssClass, height } = state;
+      return createElement(WrappedComponent, {
+        ...props,
         height,
         onResize: this.onResize,
         onFooterHeight: this.onFooterHeight,
@@ -146,15 +85,16 @@ var DSModalWrapper = (WrappedComponent => {
         actionsRef: this.handleActions,
         additionalFooterCssClass,
         onAfterOpen: () => {
-          if (props.onAfterOpen) props.onAfterOpen();
+          if (props.onAfterOpen)
+            props.onAfterOpen();
           this.verifyNodes();
         }
-      }));
+      });
     }
-
   }
-
   return DSModalWrapper;
-});
-
-export { DSModalWrapper as default };
+};
+export {
+  DSModalWrapper_default as default
+};
+//# sourceMappingURL=DSModalWrapper.js.map

package/esm/v1/DSModalWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSModalWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Component, createElement } from 'react';\nimport { MODAL_TYPE } from '../constants';\n\nexport default (WrappedComponent) => {\n  class DSModalWrapper extends Component {\n    state = {\n      childready: false,\n      additionalFooterCssClass: 'loading',\n      container: null,\n      actions: null,\n      height: '100%',\n    };\n\n    componentDidMount() {\n      window.addEventListener('resize', this.handleResize);\n    }\n\n    componentWillUnmount() {\n      window.removeEventListener('resize', this.handleResize);\n    }\n\n    onHeaderHeight = (e) => {\n      this.heightHeaderFlag = true;\n      this.heightHeader = e.height || 0;\n    };\n\n    onFooterHeight = (e) => {\n      this.heightFooterFlag = true;\n      this.heightFooter = e.height || 0;\n    };\n\n    onResize = ({ bounds }) => {\n      if (this.heightFooterFlag && this.heightHeaderFlag) {\n        return this.setState({\n          height: bounds.height - this.heightFooter - this.heightHeader,\n        });\n      }\n      return setTimeout(this.onResize({ bounds }), 0);\n    };\n\n    handleContainer = (node) => {\n      if (node) this.setState({ container: node });\n      this.handleResize();\n    };\n\n    handleActions = (node) => {\n      if (node) this.setState({ actions: node });\n      this.handleResize();\n    };\n\n    /**\n     * Change button width to 100% if the\n     * combined width of the button (or button group) exceed 50% of the container width.\n     */\n    handleResize() {\n      if (!this.state) return null;\n      const { container, actions, childready } = this.state;\n      if (!childready) return null;\n      this.setState({ additionalFooterCssClass: null }); // !important reset to default state to recalculate\n      const { clientWidth: containerWidth } = container;\n      const { clientWidth: actionsWidth } = actions;\n      // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.\n      if (\n        containerWidth &&\n        actionsWidth &&\n        (actionsWidth / containerWidth) * 100 > 50\n      ) {\n        return this.setState({ additionalFooterCssClass: 'fluid-actions' });\n      }\n      return this.setState({ additionalFooterCssClass: null });\n    }\n\n    verifyNodes() {\n      const { modalType } = this.props;\n      if (modalType !== MODAL_TYPE.DEFAULT) {\n        const nodesInterval = setInterval(() => {\n          // !important it checks when nodes are availables\n          const { container, actions } = this.state;\n          if (!container || !actions) return null;\n          clearInterval(nodesInterval);\n          this.setState({ childready: true });\n          return this.handleResize();\n        }, 100);\n      }\n    }\n\n    render() {\n      const { props, state } = this;\n      const { additionalFooterCssClass, height } = state;\n      return createElement(WrappedComponent, {\n        ...props,\n        height,\n        onResize: this.onResize,\n        onFooterHeight: this.onFooterHeight,\n        onHeaderHeight: this.onHeaderHeight,\n        containerRef: this.handleContainer,\n        actionsRef: this.handleActions,\n        additionalFooterCssClass,\n        onAfterOpen: () => {\n          if (props.onAfterOpen) props.onAfterOpen();\n          this.verifyNodes();\n        },\n      });\n    }\n  }\n\n  return DSModalWrapper;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,+BAA6B,UAAU;AAAA,IAAvC,cAJF;AAIE;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA;AAWV,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,sBAAW,CAAC,EAAE,aAAa;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA;AAAA;AAGrD,eAAO,WAAW,KAAK,SAAS,EAAE,WAAW;AAAA;AAG/C,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW;AACrC,aAAK;AAAA;AAGP,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS;AACnC,aAAK;AAAA;AAAA;AAAA,IAlCP,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK;AAAA;AAAA,IAGzC,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,IAoC5C,eAAe;AACb,UAAI,CAAC,KAAK;AAAO,eAAO;AACxB,YAAM,EAAE,WAAW,SAAS,eAAe,KAAK;AAChD,UAAI,CAAC;AAAY,eAAO;AACxB,WAAK,SAAS,EAAE,0BAA0B;AAC1C,YAAM,EAAE,aAAa,mBAAmB;AACxC,YAAM,EAAE,aAAa,iBAAiB;AAEtC,UACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAEnD,aAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAAA,IAGnD,cAAc;AACZ,YAAM,EAAE,cAAc,KAAK;AAC3B,UAAI,cAAc,WAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,YAAY,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc;AACd,eAAK,SAAS,EAAE,YAAY;AAC5B,iBAAO,KAAK;AAAA,WACX;AAAA;AAAA;AAAA,IAIP,SAAS;AACP,YAAM,EAAE,OAAO,UAAU;AACzB,YAAM,EAAE,0BAA0B,WAAW;AAC7C,aAAO,cAAc,kBAAkB;AAAA,WAClC;AAAA,QACH;AAAA,QACA,UAAU,KAAK;AAAA,QACf,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,cAAc,KAAK;AAAA,QACnB,YAAY,KAAK;AAAA,QACjB;AAAA,QACA,aAAa,MAAM;AACjB,cAAI,MAAM;AAAa,kBAAM;AAC7B,eAAK;AAAA;AAAA;AAAA;AAAA;AAMb,SAAO;AAAA;",
+  "names": []
+}