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

package/cjs/DSModalSlide.js

@@ -1,176 +1,152 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var ReactDOM = require('react-dom');
-var dsSystem = require('@elliemae/ds-system');
-var dsGrid = require('@elliemae/ds-grid');
-var DSSeparator = require('@elliemae/ds-separator');
-var blocks = require('./components/blocks.js');
-var Header = require('./components/Header.js');
-var Footer = require('./components/Footer.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-var _DSSeparator, _DSSeparator2;
-
-const DSModalSlide = _ref => {
-  let {
-    isOpen = false,
-    children,
-    getContainer,
-    centered = false,
-    fullWidth = false,
-    header = null,
-    footer = null,
-    fadeOut = 1500,
-    fadeIn = 1500,
-    overrideHeight = false
-  } = _ref;
-  const [isMoving, setMoving] = React.useState(false);
-  const [show, setShow] = React.useState(isOpen);
-  const [width, setWidth] = React.useState(50);
-  const theme = dsSystem.useTheme();
-  const contentRows = [...(header ? [theme.space.m] : []), '0px', 'auto', '0px', ...(footer ? [theme.space.m] : [])];
-  const updateShow = React.useCallback(() => {
-    if (fullWidth) setWidth(100);else setWidth(50);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSModalSlide_exports = {};
+__export(DSModalSlide_exports, {
+  DSModalSlide: () => DSModalSlide,
+  DSModalSlideWithSchema: () => DSModalSlideWithSchema,
+  ModalFooter: () => import_Footer.default,
+  ModalHeader: () => import_Header.default,
+  default: () => DSModalSlide_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_react_dom = __toESM(require("react-dom"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
+var import_blocks = require("./components/blocks");
+var import_Header = __toESM(require("./components/Header"));
+var import_Footer = __toESM(require("./components/Footer"));
+const DSModalSlide = ({
+  isOpen = false,
+  children,
+  getContainer,
+  centered = false,
+  fullWidth = false,
+  header = null,
+  footer = null,
+  fadeOut = 1500,
+  fadeIn = 1500,
+  overrideHeight = false
+}) => {
+  const [isMoving, setMoving] = (0, import_react.useState)(false);
+  const [show, setShow] = (0, import_react.useState)(isOpen);
+  const [width, setWidth] = (0, import_react.useState)(50);
+  const theme = (0, import_ds_system.useTheme)();
+  const contentRows = [...header ? [theme.space.m] : [], "0px", "auto", "0px", ...footer ? [theme.space.m] : []];
+  const updateShow = (0, import_react.useCallback)(() => {
+    if (fullWidth)
+      setWidth(100);
+    else
+      setWidth(50);
     if (isOpen !== show) {
       setMoving(true);
-
       if (isOpen) {
         setShow(isOpen);
       }
     }
   }, [isOpen, fullWidth, isMoving]);
-  React.useEffect(updateShow, [isOpen, fullWidth]);
-  if (!show) return null;
+  (0, import_react.useEffect)(updateShow, [isOpen, fullWidth]);
+  if (!show)
+    return null;
   const container = getContainer();
-  if (!container) return null;
-
+  if (!container)
+    return null;
   const handleAnimationEnd = () => {
     setMoving(false);
-    if (!isOpen) setShow(isOpen);
+    if (!isOpen)
+      setShow(isOpen);
   };
-
-  let {
-    height
-  } = container.getBoundingClientRect();
-
+  let { height } = container.getBoundingClientRect();
   if (overrideHeight && container.scrollHeight > height) {
     height = container.scrollHeight;
   }
-
   if (!container.style.position) {
-    container.style.position = 'relative';
+    container.style.position = "relative";
   }
-
-  return /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/_jsx__default["default"](blocks.Wrapper, {
+  return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(import_blocks.Wrapper, {
     classProps: {
       show: isOpen,
       centered
     },
     style: {
-      '--height': height,
-      '--fade-in': fadeIn,
-      '--fade-out': fadeOut,
-      '--width': width
+      "--height": height,
+      "--fade-in": fadeIn,
+      "--fade-out": fadeOut,
+      "--width": width
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Overlay, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.Overlay, {
     classProps: {
       show: isOpen
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Content, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.Content, {
     onAnimationEnd: handleAnimationEnd,
     classProps: {
       show: isOpen
     }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     style: {
-      height: '100%',
-      width: '100%',
-      maxHeight: '100%',
-      overflow: 'hidden',
-      '-webkit-backface-visibility': 'hidden',
-      'backface-visibility': 'hidden',
-      '-webkit-transform-style': 'preserve-3d'
+      height: "100%",
+      width: "100%",
+      maxHeight: "100%",
+      overflow: "hidden",
+      "-webkit-backface-visibility": "hidden",
+      "backface-visibility": "hidden",
+      "-webkit-transform-style": "preserve-3d"
     },
     rows: contentRows,
     "data-testid": "ds-modal-slide"
-  }, void 0, header && /*#__PURE__*/React__default["default"].cloneElement(header, {
-    fullWidth
-  }), header && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+  }, header && import_react.default.cloneElement(header, { fullWidth }), header && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.default, {
     position: "initial",
     type: "non-form"
-  }))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'auto'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.ActualContent, {}, void 0, children))), footer && (_DSSeparator2 || (_DSSeparator2 = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    style: { overflow: "hidden" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    style: { overflow: "auto" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.ActualContent, null, children))), footer && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.default, {
     position: "initial",
     type: "non-form"
-  }))), footer)))), container);
+  }), footer)))), container);
 };
-
 const props = {
-  /**
-   * If the modal slide is centered or not
-   */
-  centered: reactDesc.PropTypes.bool.description('If the modal slide is centered or not'),
-
-  /**
-   * If the modal slide is visible or not
-   */
-  isOpen: reactDesc.PropTypes.bool.description('If the modal slide is visible or not'),
-
-  /**
-   * Main content of the modal
-   */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.any]).isRequired.description('Main content of the modal'),
-
-  /**
-   * If the modal slide takes the full width or not
-   */
-  fullWidth: reactDesc.PropTypes.bool.description('If the modal slide takes the full width or not'),
-
-  /**
-   * If the modal slide has a header, only available for full width option
-   */
-  header: reactDesc.PropTypes.element.description('If the modal slide has a header, only available for full width option'),
-
-  /**
-   * Ratio of fade out
-   */
-  fadeOut: reactDesc.PropTypes.number.description('Ratio of fade out'),
-
-  /**
-   * Ratio of fade in
-   */
-  fadeIn: reactDesc.PropTypes.number.description('Ratio of fade in'),
-
-  /**
-   * Override the panel height to scroll height of the container
-   */
-  overrideHeight: reactDesc.PropTypes.bool.description('Override the panel height to scroll height of the container')
+  centered: import_react_desc.PropTypes.bool.description("If the modal slide is centered or not"),
+  isOpen: import_react_desc.PropTypes.bool.description("If the modal slide is visible or not"),
+  children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.string, import_react_desc.PropTypes.any]).isRequired.description("Main content of the modal"),
+  fullWidth: import_react_desc.PropTypes.bool.description("If the modal slide takes the full width or not"),
+  header: import_react_desc.PropTypes.element.description("If the modal slide has a header, only available for full width option"),
+  fadeOut: import_react_desc.PropTypes.number.description("Ratio of fade out"),
+  fadeIn: import_react_desc.PropTypes.number.description("Ratio of fade in"),
+  overrideHeight: import_react_desc.PropTypes.bool.description("Override the panel height to scroll height of the container")
 };
-const DSModalSlideWithSchema = reactDesc.describe(DSModalSlide);
+DSModalSlide.propTypes = props;
+const DSModalSlideWithSchema = (0, import_react_desc.describe)(DSModalSlide);
 DSModalSlideWithSchema.propTypes = props;
-
-exports.ModalHeader = Header["default"];
-exports.ModalFooter = Footer["default"];
-exports.DSModalSlide = DSModalSlide;
-exports.DSModalSlideWithSchema = DSModalSlideWithSchema;
-exports["default"] = DSModalSlide;
+var DSModalSlide_default = DSModalSlide;
+module.exports = __toCommonJS(DSModalSlide_exports);
+//# sourceMappingURL=DSModalSlide.js.map

package/cjs/DSModalSlide.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSModalSlide.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport ReactDOM from 'react-dom';\nimport { useTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Wrapper, Overlay, Content, ActualContent } from './components/blocks';\nimport ModalHeader from './components/Header';\nimport ModalFooter from './components/Footer';\n\n// eslint-disable-next-line complexity\nconst DSModalSlide = ({\n  isOpen = false,\n  children,\n  getContainer,\n  centered = false,\n  fullWidth = false,\n  header = null,\n  footer = null,\n  fadeOut = 1500,\n  fadeIn = 1500,\n  overrideHeight = false,\n}) => {\n  const [isMoving, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const theme = useTheme();\n  const contentRows = [...(header ? [theme.space.m] : []), '0px', 'auto', '0px', ...(footer ? [theme.space.m] : [])];\n\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [isOpen, fullWidth, isMoving]);\n\n  useEffect(updateShow, [isOpen, fullWidth]);\n\n  if (!show) return null;\n\n  const container = getContainer();\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  let { height } = container.getBoundingClientRect();\n  if (overrideHeight && container.scrollHeight > height) {\n    height = container.scrollHeight;\n  }\n  if (!container.style.position) {\n    container.style.position = 'relative';\n  }\n\n  return ReactDOM.createPortal(\n    <Wrapper\n      classProps={{\n        show: isOpen,\n        centered,\n      }}\n      style={{\n        '--height': height,\n        '--fade-in': fadeIn,\n        '--fade-out': fadeOut,\n        '--width': width,\n      }}\n    >\n      <Overlay\n        classProps={{\n          show: isOpen,\n        }}\n      >\n        <Content\n          onAnimationEnd={handleAnimationEnd}\n          classProps={{\n            show: isOpen,\n          }}\n        >\n          <Grid\n            style={{\n              height: '100%',\n              width: '100%',\n              maxHeight: '100%',\n              overflow: 'hidden',\n              '-webkit-backface-visibility': 'hidden',\n              'backface-visibility': 'hidden',\n              '-webkit-transform-style': 'preserve-3d',\n            }}\n            rows={contentRows}\n            data-testid=\"ds-modal-slide\"\n          >\n            {header && React.cloneElement(header, { fullWidth })}\n            {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n            <Grid style={{ overflow: 'hidden' }}>\n              <Grid style={{ overflow: 'auto' }}>\n                <ActualContent>{children}</ActualContent>\n              </Grid>\n            </Grid>\n            {footer && <DSSeparator position=\"initial\" type=\"non-form\" />}\n            {footer}\n          </Grid>\n        </Content>\n      </Overlay>\n    </Wrapper>,\n    container,\n  );\n};\n\nconst props = {\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired.description(\n    'Main content of the modal',\n  ),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n};\n\nDSModalSlide.propTypes = props;\n\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = props;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/components/Footer.js

@@ -1,101 +1,81 @@
-'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 reactDesc = require('react-desc');
-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 ModalFooter = _ref => {
-  let {
-    confirmLabel = 'Confirm',
-    rejectLabel = 'Cancel',
-    onConfirm,
-    onReject,
-    confirmProps = {
-      disabled: false
-    },
-    rejectProps = {
-      disabled: false
-    }
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default["default"](blocks.FooterWrapper, {}, void 0, !!onReject && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-      buttonType: "secondary",
-      className: "action-reject",
-      containerProps: {
-        'data-testid': 'modal-footer-reject-btn'
-      },
-      labelText: rejectLabel,
-      onClick: onReject
-    }, rejectProps)), !!onConfirm && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-      buttonType: "primary",
-      className: "action-confirm",
-      containerProps: {
-        'data-testid': 'modal-footer-confirm-btn'
-      },
-      labelText: confirmLabel,
-      onClick: onConfirm
-    }, confirmProps)))
-  });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Footer_exports = {};
+__export(Footer_exports, {
+  DSModalSlideFooterWithSchema: () => DSModalSlideFooterWithSchema,
+  default: () => Footer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_blocks = require("./blocks");
+const ModalFooter = ({
+  confirmLabel = "Confirm",
+  rejectLabel = "Cancel",
+  onConfirm,
+  onReject,
+  confirmProps = {
+    disabled: false
+  },
+  rejectProps = {
+    disabled: false
+  }
+}) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.FooterWrapper, null, !!onReject && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  buttonType: "secondary",
+  className: "action-reject",
+  containerProps: { "data-testid": "modal-footer-reject-btn" },
+  labelText: rejectLabel,
+  onClick: onReject,
+  ...rejectProps
+}), !!onConfirm && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+  buttonType: "primary",
+  className: "action-confirm",
+  containerProps: { "data-testid": "modal-footer-confirm-btn" },
+  labelText: confirmLabel,
+  onClick: onConfirm,
+  ...confirmProps
+})));
 const props = {
-  /**
-   * Confirm Label
-   */
-  confirmLabel: reactDesc.PropTypes.string.description('Confirm Label'),
-
-  /**
-   * Reject Label
-   */
-  rejectLabel: reactDesc.PropTypes.string.description('Reject Label'),
-
-  /**
-   * Callback
-   */
-  onConfirm: reactDesc.PropTypes.func.description('Callback'),
-
-  /**
-   * Callback
-   */
-  onReject: reactDesc.PropTypes.func.description('Callback'),
-
-  /**
-   * Extra DSButton props for confirm btn.
-   */
-  confirmProps: reactDesc.PropTypes.shape({
-    disabled: reactDesc.PropTypes.bool
-  }).description('Extra DSButton props for confirm btn.'),
-
-  /**
-   * Extra DSButton props for reject btn.
-   */
-  rejectProps: reactDesc.PropTypes.shape({
-    disabled: reactDesc.PropTypes.bool
-  }).description('Extra DSButton props for reject btn.')
+  confirmLabel: import_react_desc.PropTypes.string.description("Confirm Label"),
+  rejectLabel: import_react_desc.PropTypes.string.description("Reject Label"),
+  onConfirm: import_react_desc.PropTypes.func.description("Callback"),
+  onReject: import_react_desc.PropTypes.func.description("Callback"),
+  confirmProps: import_react_desc.PropTypes.shape({
+    disabled: import_react_desc.PropTypes.bool
+  }).description("Extra DSButton props for confirm btn."),
+  rejectProps: import_react_desc.PropTypes.shape({
+    disabled: import_react_desc.PropTypes.bool
+  }).description("Extra DSButton props for reject btn.")
 };
-const DSModalSlideFooterWithSchema = reactDesc.describe(ModalFooter);
+ModalFooter.propTypes = props;
+const DSModalSlideFooterWithSchema = (0, import_react_desc.describe)(ModalFooter);
 DSModalSlideFooterWithSchema.propTypes = props;
-
-exports.DSModalSlideFooterWithSchema = DSModalSlideFooterWithSchema;
-exports["default"] = ModalFooter;
+var Footer_default = ModalFooter;
+module.exports = __toCommonJS(Footer_exports);
+//# sourceMappingURL=Footer.js.map

package/cjs/components/Footer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { FooterWrapper } from './blocks';\n\nconst ModalFooter = ({\n  confirmLabel = 'Confirm',\n  rejectLabel = 'Cancel',\n  onConfirm,\n  onReject,\n  confirmProps = {\n    disabled: false,\n  },\n  rejectProps = {\n    disabled: false,\n  },\n}) => (\n  <>\n    <FooterWrapper>\n      {!!onReject && (\n        <DSButton\n          buttonType=\"secondary\"\n          className=\"action-reject\"\n          containerProps={{ 'data-testid': 'modal-footer-reject-btn' }}\n          labelText={rejectLabel}\n          onClick={onReject}\n          {...rejectProps}\n        />\n      )}\n      {!!onConfirm && (\n        <DSButton\n          buttonType=\"primary\"\n          className=\"action-confirm\"\n          containerProps={{ 'data-testid': 'modal-footer-confirm-btn' }}\n          labelText={confirmLabel}\n          onClick={onConfirm}\n          {...confirmProps}\n        />\n      )}\n    </FooterWrapper>\n  </>\n);\n\nconst props = {\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n};\n\nModalFooter.propTypes = props;\n\nconst DSModalSlideFooterWithSchema = describe(ModalFooter);\nDSModalSlideFooterWithSchema.propTypes = props;\n\nexport { DSModalSlideFooterWithSchema };\n\nexport default ModalFooter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAAqB;AACrB,oBAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA;AAAA,EAEZ,cAAc;AAAA,IACZ,UAAU;AAAA;AAAA,MAGZ,wFACE,mDAAC,6BAAD,MACG,CAAC,CAAC,YACD,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA,IAGP,CAAC,CAAC,aACD,mDAAC,0BAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA;AAOd,MAAM,QAAQ;AAAA,EAIZ,cAAc,4BAAU,OAAO,YAAY;AAAA,EAI3C,aAAa,4BAAU,OAAO,YAAY;AAAA,EAI1C,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,cAAc,4BAAU,MAAM;AAAA,IAC5B,UAAU,4BAAU;AAAA,KACnB,YAAY;AAAA,EAIf,aAAa,4BAAU,MAAM;AAAA,IAC3B,UAAU,4BAAU;AAAA,KACnB,YAAY;AAAA;AAGjB,YAAY,YAAY;AAExB,MAAM,+BAA+B,gCAAS;AAC9C,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": []
+}