@elliemae/ds-modal 3.0.0-next.0 → 3.0.0-next.4

package/cjs/v2/components/Footer.js

@@ -1,66 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var DSButton = require('@elliemae/ds-button');
-var blocks = require('../blocks.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-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__default["default"](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 Footer = _ref => {
-  let {
-    additionalFooterCssClass,
-    actionsRef,
-    rejectLabel,
-    onReject,
-    overridePropsRejectButton,
-    confirmLabel,
-    onConfirm,
-    overridePropsConfirmButton,
-    showRejectButton
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
-    classProps: {
-      additionalFooterCssClass
-    },
-    "data-testid": "modal-footer-wrapper"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
-    ref: actionsRef,
-    children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-      buttonType: "secondary",
-      className: "action-reject",
-      containerProps: {
-        'data-testid': 'modal-footer-reject-btn'
-      },
-      labelText: rejectLabel,
-      onClick: onReject
-    }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-      buttonType: "primary",
-      className: "action-confirm",
-      containerProps: {
-        'data-testid': 'modal-footer-confirm-btn'
-      },
-      labelText: confirmLabel,
-      onClick: onConfirm
-    }, overridePropsConfirmButton))]
-  }));
-};
-
-exports.Footer = Footer;
-exports["default"] = Footer;

package/cjs/v2/components/FormHeader.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var blocks = require('../blocks.js');
-var Title = require('./Title.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _Close;
-const FormHeader = _ref => {
-  let {
-    showClose,
-    modalTitle,
-    modalType,
-    onClose
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
-    classProps: {
-      type: 'selection'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
-    classProps: {
-      type: 'form'
-    }
-  }, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    buttonType: "link",
-    containerProps: {
-      'data-testid': 'modal-close-btn'
-    },
-    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
-    onClick: onClose
-  })));
-};
-
-exports.FormHeader = FormHeader;
-exports["default"] = FormHeader;

package/cjs/v2/components/ModalContent.js

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var constants = require('../../constants.js');
-var SelectionHeader = require('./SelectionHeader.js');
-var DecisionHeader = require('./DecisionHeader.js');
-var FormHeader = require('./FormHeader.js');
-var FeedbackIcon = require('./FeedbackIcon.js');
-var Footer = require('./Footer.js');
-var Title = require('./Title.js');
-var helpers = require('../helpers.js');
-var blocks = require('../blocks.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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__default["default"](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 DSModalContent = _ref => {
-  let {
-    containerProps = {},
-    //
-    modalType = constants.MODAL_TYPE_V2.INFORMATION,
-    modalSubType = null,
-    modalTitle = '',
-    showRejectButton = false,
-    showClose = true,
-    searchProps = {},
-    // override
-    actionsRef = () => null,
-    additionalFooterCssClass,
-    overridePropsConfirmButton = {},
-    overridePropsRejectButton = {},
-    // react modal
-    children,
-    onClose = () => null,
-    onConfirm = () => null,
-    onReject = () => null,
-    rejectLabel = 'Discard',
-    confirmLabel = 'Save',
-    removePadding = false
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: [helpers.showForm({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
-      modalTitle: modalTitle,
-      modalType: modalType,
-      onClose: onClose,
-      showClose: showClose
-    }), helpers.showSelection({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
-      modalTitle: modalTitle,
-      modalType: modalType,
-      searchProps: searchProps,
-      showClose: showClose
-    }), helpers.showDecision({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
-      onClose: onClose,
-      showClose: showClose
-    }), helpers.showFeedBack({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
-      modalSubType: modalSubType
-    }), helpers.showDecision({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
-      modalTitle: modalTitle,
-      modalType: modalType
-    }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
-      classProps: {
-        type: modalType,
-        removePadding
-      }
-    }, void 0, children), helpers.showFooter({
-      modalType,
-      modalSubType
-    }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
-      actionsRef: actionsRef,
-      additionalFooterCssClass: additionalFooterCssClass,
-      confirmLabel: confirmLabel,
-      onConfirm: onConfirm,
-      onReject: onReject,
-      overridePropsConfirmButton: overridePropsConfirmButton,
-      overridePropsRejectButton: overridePropsRejectButton,
-      rejectLabel: rejectLabel,
-      showRejectButton: showRejectButton
-    })]
-  }));
-};
-
-exports.DSModalContent = DSModalContent;

package/cjs/v2/components/SelectionHeader.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsForm = require('@elliemae/ds-form');
-var blocks = require('../blocks.js');
-var Title = require('./Title.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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__default["default"](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 SelectionHeader = _ref => {
-  let {
-    searchProps = {},
-    modalTitle,
-    modalType,
-    showClose
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
-    classProps: {
-      type: 'selection'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
-    classProps: {
-      type: 'selection'
-    },
-    "data-testid": "modal-search-box"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
-};
-
-exports.SelectionHeader = SelectionHeader;
-exports["default"] = SelectionHeader;

package/cjs/v2/components/Title.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var blocks = require('../blocks.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const Title = _ref => {
-  let {
-    modalTitle,
-    modalType
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
-    classProps: {
-      type: modalType
-    }
-  }, void 0, modalTitle);
-};
-
-exports.Title = Title;
-exports["default"] = Title;

package/cjs/v2/helpers.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var constants = require('../constants.js');
-
-function showDecision(_ref) {
-  let {
-    modalType
-  } = _ref;
-  return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
-}
-function showFeedBack(_ref2) {
-  let {
-    modalType,
-    modalSubType
-  } = _ref2;
-  return showDecision({
-    modalType
-  }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
-}
-function showFooter(_ref3) {
-  let {
-    modalType
-  } = _ref3;
-  return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
-}
-function showSelection(_ref4) {
-  let {
-    modalType
-  } = _ref4;
-  return modalType === constants.MODAL_TYPE_V2.SELECTION;
-}
-function showForm(_ref5) {
-  let {
-    modalType
-  } = _ref5;
-  return modalType === constants.MODAL_TYPE_V2.FORM;
-}
-
-exports.showDecision = showDecision;
-exports.showFeedBack = showFeedBack;
-exports.showFooter = showFooter;
-exports.showForm = showForm;
-exports.showSelection = showSelection;

package/esm/DSModal.js

@@ -1,175 +0,0 @@
-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';
-import PropTypes from 'prop-types';
-import { modalTypes } from './constants.js';
-import DSModal$2 from './v1/DSModal.js';
-import DSModal$1 from './v2/DSModal.js';
-import { iconSizes, sizes } from '@elliemae/ds-shared/prop-types';
-import { jsx } from 'react/jsx-runtime';
-export { DSModalContent } from './v2/components/ModalContent.js';
-
-const _excluded = ["version"];
-
-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 {
-    version = 1
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  if (version === 2) return /*#__PURE__*/jsx(DSModal$1, _objectSpread({}, rest));
-  return /*#__PURE__*/jsx(DSModal$2, _objectSpread({}, rest));
-};
-
-DSModal$2.propTypes = {
-  version: PropTypes.oneOf([1, 2]),
-  className: PropTypes.string,
-
-  /**
-   * Add an additional css class to the footer
-   */
-  additionalFooterCssClass: PropTypes.string,
-
-  /**
-   * Set style for the modal
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-
-  /**
-   * Select size for the close icon
-   */
-  iconCloseSize: PropTypes.oneOf(iconSizes),
-
-  /**
-   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
-   */
-  modalType: PropTypes.oneOf(modalTypes),
-
-  /**
-   * Show the header or not
-   */
-  showHeader: PropTypes.bool,
-
-  /**
-   * Show the footer or not
-   */
-  showFooter: PropTypes.bool,
-
-  /**
-   * Main content of the modal
-   */
-  children: PropTypes.element.isRequired,
-
-  /**
-   * Content is centered or not
-   */
-  centered: PropTypes.bool,
-
-  /**
-   * Text to be added in the confirm button
-   */
-  confirmLabel: PropTypes.string,
-
-  /**
-   * Text to be added in the modal title
-   */
-  modalTitle: PropTypes.string,
-
-  /**
-   * Text to be added in the modal title
-   */
-  size: PropTypes.oneOf(sizes),
-
-  /**
-   * Modal is open or not
-   */
-  isOpen: PropTypes.bool,
-
-  /**
-   * Allows a function to be triggered once the modal is closed
-   */
-  onClose: PropTypes.func,
-
-  /**
-   * Allows a function to be triggered once the modal is opened
-   */
-  onAfterOpen: PropTypes.func,
-
-  /**
-   * Allows a function to be triggered once the modal open is confirmed
-   */
-  onConfirm: PropTypes.func,
-
-  /**
-   * Allows a function to be triggered once the modal open is rejected
-   */
-  onReject: PropTypes.func,
-
-  /**
-   * Text to be added in the reject button
-   */
-  rejectLabel: PropTypes.string,
-
-  /**
-   * If modal should close on overlay click
-   */
-  shouldCloseOnOverlayClick: PropTypes.bool,
-
-  /**
-   * Modal has error or not
-   */
-  hasError: PropTypes.bool,
-
-  /**
-   * Modal has warning or not
-   */
-  hasWarning: PropTypes.bool,
-
-  /**
-   * Modal has success or not
-   */
-  hasSuccess: PropTypes.bool,
-
-  /**
-   * Modal has info or not
-   */
-  hasInfo: PropTypes.bool,
-
-  /**
-   * Modal has help or not
-   */
-  hasHelp: PropTypes.bool,
-  actionsRef: PropTypes.func,
-  appElement: PropTypes.string,
-
-  /**
-   * Customized props for the confirm button
-   */
-  overridePropsConfirmButton: PropTypes.objectOf(PropTypes.shape({})),
-
-  /**
-   * Customized props for the reject button
-   */
-  overridePropsRejectButton: PropTypes.objectOf(PropTypes.string),
-
-  /**
-   * Show confirm button
-   */
-  showConfirmButton: PropTypes.bool,
-
-  /**
-   * Show confirm button
-   */
-  customCloseComponent: PropTypes.element
-};
-
-export { DSModal as default };

package/esm/constants.js

@@ -1,26 +0,0 @@
-const MODAL_TYPE = {
-  DEFAULT: 'default',
-  ALERT: 'alert',
-  CONFIRM: 'confirm',
-  NOTIFICATION: 'notification',
-  WARNING: 'warning',
-  ERROR: 'error',
-  SUCCESS: 'success',
-  HELP: 'help',
-  INFO: 'info'
-};
-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];
-const MODAL_TYPE_V2 = {
-  INFORMATION: 'information',
-  DECISION: 'decision',
-  SELECTION: 'selection',
-  FORM: 'form'
-};
-const MODAL_SUB_TYPE_V2 = {
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-  INFORMATION: 'information'
-};
-
-export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, MODAL_TYPE as default, modalTypes };

package/esm/index.js

@@ -1,4 +0,0 @@
-export { default } from './DSModal.js';
-export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, modalTypes } from './constants.js';
-export { DSModalWithSchema } from './v2/DSModal.js';
-export { DSModalContent } from './v2/components/ModalContent.js';