@elliemae/ds-modal-slide 1.60.0 → 2.0.0-alpha.12

package/cjs/DSModalSlide.js

@@ -2,69 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 components_blocks = require('./components/blocks.js');
-var components_Header = require('./components/Header.js');
-var components_Footer = require('./components/Footer.js');
-require('@elliemae/ds-classnames');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/extends');
+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 _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+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 DSModalSlide = function DSModalSlide(_ref) {
-  var _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      children = _ref.children,
-      getContainer = _ref.getContainer,
-      _ref$centered = _ref.centered,
-      centered = _ref$centered === void 0 ? false : _ref$centered,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$header = _ref.header,
-      header = _ref$header === void 0 ? null : _ref$header,
-      _ref$footer = _ref.footer,
-      footer = _ref$footer === void 0 ? null : _ref$footer,
-      _ref$fadeOut = _ref.fadeOut,
-      fadeOut = _ref$fadeOut === void 0 ? 1500 : _ref$fadeOut,
-      _ref$fadeIn = _ref.fadeIn,
-      fadeIn = _ref$fadeIn === void 0 ? 1500 : _ref$fadeIn,
-      _ref$overrideHeight = _ref.overrideHeight,
-      overrideHeight = _ref$overrideHeight === void 0 ? false : _ref$overrideHeight;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      isMoving = _useState2[0],
-      setMoving = _useState2[1];
-
-  var _useState3 = React.useState(isOpen),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      show = _useState4[0],
-      setShow = _useState4[1];
-
-  var _useState5 = React.useState(50),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      width = _useState6[0],
-      setWidth = _useState6[1];
-
-  var theme = dsSystem.useTheme();
-  var contentRows = [].concat(_toConsumableArray__default['default'](header ? [theme.space.m] : []), ['0px', 'auto', '0px'], _toConsumableArray__default['default'](footer ? [theme.space.m] : []));
-  var updateShow = React.useCallback(function () {
+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);
 
     if (isOpen !== show) {
@@ -77,16 +54,17 @@ var DSModalSlide = function DSModalSlide(_ref) {
   }, [isOpen, fullWidth, isMoving]);
   React.useEffect(updateShow, [isOpen, fullWidth]);
   if (!show) return null;
-  var container = getContainer();
+  const container = getContainer();
   if (!container) return null;
 
-  var handleAnimationEnd = function handleAnimationEnd() {
+  const handleAnimationEnd = () => {
     setMoving(false);
     if (!isOpen) setShow(isOpen);
   };
 
-  var _container$getBoundin = container.getBoundingClientRect(),
-      height = _container$getBoundin.height;
+  let {
+    height
+  } = container.getBoundingClientRect();
 
   if (overrideHeight && container.scrollHeight > height) {
     height = container.scrollHeight;
@@ -96,10 +74,10 @@ var DSModalSlide = function DSModalSlide(_ref) {
     container.style.position = 'relative';
   }
 
-  return /*#__PURE__*/ReactDOM__default['default'].createPortal( /*#__PURE__*/React__default['default'].createElement(components_blocks.Wrapper, {
+  return /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/_jsx__default["default"](blocks.Wrapper, {
     classProps: {
       show: isOpen,
-      centered: centered
+      centered
     },
     style: {
       '--height': height,
@@ -107,16 +85,16 @@ var DSModalSlide = function DSModalSlide(_ref) {
       '--fade-out': fadeOut,
       '--width': width
     }
-  }, /*#__PURE__*/React__default['default'].createElement(components_blocks.Overlay, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Overlay, {
     classProps: {
       show: isOpen
     }
-  }, /*#__PURE__*/React__default['default'].createElement(components_blocks.Content, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Content, {
     onAnimationEnd: handleAnimationEnd,
     classProps: {
       show: isOpen
     }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       height: '100%',
       width: '100%',
@@ -128,26 +106,26 @@ var DSModalSlide = function DSModalSlide(_ref) {
     },
     rows: contentRows,
     "data-testid": "ds-modal-slide"
-  }, header && /*#__PURE__*/React__default['default'].cloneElement(header, {
-    fullWidth: fullWidth
-  }), header && /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {
+  }, void 0, header && /*#__PURE__*/React__default["default"].cloneElement(header, {
+    fullWidth
+  }), header && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
     position: "initial",
     type: "non-form"
-  }), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       overflow: 'auto'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(components_blocks.ActualContent, null, children))), footer && /*#__PURE__*/React__default['default'].createElement(DSSeparator__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.ActualContent, {}, void 0, children))), footer && (_DSSeparator2 || (_DSSeparator2 = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
     position: "initial",
     type: "non-form"
-  }), footer)))), container);
+  }))), footer)))), container);
 };
 
-var props = {
+const props = {
   /**
    * If the modal slide is centered or not
    */
@@ -188,13 +166,11 @@ var props = {
    */
   overrideHeight: reactDesc.PropTypes.bool.description('Override the panel height to scroll height of the container')
 };
-DSModalSlide.propTypes = props;
-var DSModalSlideWithSchema = reactDesc.describe(DSModalSlide);
+const DSModalSlideWithSchema = reactDesc.describe(DSModalSlide);
 DSModalSlideWithSchema.propTypes = props;
 
-exports.ModalHeader = components_Header['default'];
-exports.ModalFooter = components_Footer['default'];
+exports.ModalHeader = Header["default"];
+exports.ModalFooter = Footer["default"];
 exports.DSModalSlide = DSModalSlide;
 exports.DSModalSlideWithSchema = DSModalSlideWithSchema;
-exports['default'] = DSModalSlide;
-//# sourceMappingURL=DSModalSlide.js.map
+exports["default"] = DSModalSlide;

package/cjs/components/Footer.js

@@ -2,54 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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 components_blocks = require('./blocks.js');
-require('@elliemae/ds-classnames');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var ModalFooter = function ModalFooter(_ref) {
-  var _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Confirm' : _ref$confirmLabel,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
-      onConfirm = _ref.onConfirm,
-      onReject = _ref.onReject,
-      _ref$confirmProps = _ref.confirmProps,
-      confirmProps = _ref$confirmProps === void 0 ? {
-    disabled: false
-  } : _ref$confirmProps,
-      _ref$rejectProps = _ref.rejectProps,
-      rejectProps = _ref$rejectProps === void 0 ? {
-    disabled: false
-  } : _ref$rejectProps;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(components_blocks.FooterWrapper, null, !!onReject && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    buttonType: "secondary",
-    className: "action-reject",
-    containerProps: {
-      'data-testid': 'modal-footer-reject-btn'
-    },
-    labelText: rejectLabel,
-    onClick: onReject
-  }, rejectProps)), !!onConfirm && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    buttonType: "primary",
-    className: "action-confirm",
-    containerProps: {
-      'data-testid': 'modal-footer-confirm-btn'
+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__default["default"](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 ModalFooter = _ref => {
+  let {
+    confirmLabel = 'Confirm',
+    rejectLabel = 'Cancel',
+    onConfirm,
+    onReject,
+    confirmProps = {
+      disabled: false
     },
-    labelText: confirmLabel,
-    onClick: onConfirm
-  }, confirmProps))));
+    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 props = {
+const props = {
   /**
    * Confirm Label
    */
@@ -84,10 +94,8 @@ var props = {
     disabled: reactDesc.PropTypes.bool
   }).description('Extra DSButton props for reject btn.')
 };
-ModalFooter.propTypes = props;
-var DSModalSlideFooterWithSchema = reactDesc.describe(ModalFooter);
+const DSModalSlideFooterWithSchema = reactDesc.describe(ModalFooter);
 DSModalSlideFooterWithSchema.propTypes = props;
 
 exports.DSModalSlideFooterWithSchema = DSModalSlideFooterWithSchema;
-exports['default'] = ModalFooter;
-//# sourceMappingURL=Footer.js.map
+exports["default"] = ModalFooter;

package/cjs/components/Header.js

@@ -2,62 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var DSSeparator = require('@elliemae/ds-separator');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
-var components_blocks = require('./blocks.js');
-require('@elliemae/ds-classnames');
+var blocks = require('./blocks.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var ModalHeader = function ModalHeader(_ref) {
-  var _ref$title = _ref.title,
-      headerTitle = _ref$title === void 0 ? '' : _ref$title,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$toolbar = _ref.toolbar,
-      toolbar = _ref$toolbar === void 0 ? null : _ref$toolbar;
-  return /*#__PURE__*/React__default['default'].createElement(HeaderWrapper, null, /*#__PURE__*/React__default['default'].createElement(components_blocks.HeaderLeftSide, null, /*#__PURE__*/React__default['default'].createElement(components_blocks.Header, null, /*#__PURE__*/React__default['default'].createElement(components_blocks.Title, null, headerTitle))), toolbar, toolbar && /*#__PURE__*/React__default['default'].createElement(StyledSeparator, {
+var _StyledSeparator, _Close;
+
+const ModalHeader = _ref => {
+  let {
+    title: headerTitle = '',
+    onClose = () => null,
+    toolbar = null
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](blocks.HeaderLeftSide, {}, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Header, {}, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Title, {}, void 0, headerTitle))), toolbar, toolbar && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
     position: "initial",
     margin: "none",
     orientation: "vertical",
     type: "non-form"
-  }), /*#__PURE__*/React__default['default'].createElement(StyledCloseButton, {
+  }))), /*#__PURE__*/_jsx__default["default"](StyledCloseButton, {
     "data-testid": "modal-slider-header-close",
     "aria-label": "Close modal slide",
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Close, {
+    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {
       "aria-label": "Close modal slide",
       size: "s"
-    }),
+    })),
     onClick: onClose
   }));
 };
 
-var HeaderWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const HeaderWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-oxqqo8-0"
 })(["display:flex;justify-content:space-between;width:100%;align-items:center;"]);
-var StyledSeparator = /*#__PURE__*/styled__default['default'](DSSeparator__default['default']).withConfig({
+const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
   componentId: "sc-oxqqo8-1"
-})(["padding:", " 0;"], function (props) {
-  return props.theme.space.xs;
-});
-var StyledCloseButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+})(["padding:", " 0;"], props => props.theme.space.xs);
+const StyledCloseButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-oxqqo8-2"
-})(["margin:", ";"], function (props) {
-  return props.theme.space.xs;
-});
-var props = {
+})(["margin:", ";"], props => props.theme.space.xs);
+const props = {
   /** on modal close callback */
   onClose: reactDesc.PropTypes.func.description('on modal close callback'),
 
@@ -67,10 +62,8 @@ var props = {
   /** modal title */
   title: reactDesc.PropTypes.string.description('modal title')
 };
-ModalHeader.propTypes = props;
-var DSModalSlideHeaderWithSchema = reactDesc.describe(ModalHeader);
+const DSModalSlideHeaderWithSchema = reactDesc.describe(ModalHeader);
 DSModalSlideHeaderWithSchema.propTypes = props;
 
 exports.DSModalSlideHeaderWithSchema = DSModalSlideHeaderWithSchema;
-exports['default'] = ModalHeader;
-//# sourceMappingURL=Header.js.map
+exports["default"] = ModalHeader;

package/cjs/components/blocks.js

@@ -4,51 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsClassnames = require('@elliemae/ds-classnames');
 
-var blockName = 'modal-slide';
-var Wrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', function (_ref) {
-  var show = _ref.show,
-      centered = _ref.centered;
+const blockName = 'modal-slide';
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    show,
+    centered
+  } = _ref;
   return {
     showing: show,
     disappearing: !show,
-    centered: centered
+    centered
   };
 });
-var Overlay = dsClassnames.aggregatedClasses('div')(blockName, 'overlay', function (_ref2) {
-  var show = _ref2.show;
+const Overlay = dsClassnames.aggregatedClasses('div')(blockName, 'overlay', _ref2 => {
+  let {
+    show
+  } = _ref2;
   return {
     showing: show,
     disappearing: !show
   };
 });
-var Content = dsClassnames.aggregatedClasses('div')(blockName, 'content', function (_ref3) {
-  var show = _ref3.show;
+const Content = dsClassnames.aggregatedClasses('div')(blockName, 'content', _ref3 => {
+  let {
+    show
+  } = _ref3;
   return {
     showing: show,
     disappearing: !show
   };
 });
-var Title = dsClassnames.aggregatedClasses('div')(blockName, 'title', function () {
-  return {};
-});
-var BreadcrumTitle = dsClassnames.aggregatedClasses('div')(blockName, 'breadcrum-title', function () {
-  return {};
-});
-var HeaderLeftSide = dsClassnames.aggregatedClasses('div')(blockName, 'header-left-side', function () {
-  return {};
-});
-var ActualContent = dsClassnames.aggregatedClasses('div')(blockName, 'actual-content', function () {
-  return {};
-});
-var Header = dsClassnames.aggregatedClasses('div')(blockName, 'header', function () {
-  return {};
-});
-var Footer = dsClassnames.aggregatedClasses('div')(blockName, 'footer', function () {
-  return {};
-});
-var FooterWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'footer-wrapper', function () {
-  return {};
-});
+const Title = dsClassnames.aggregatedClasses('div')(blockName, 'title', () => ({}));
+const BreadcrumTitle = dsClassnames.aggregatedClasses('div')(blockName, 'breadcrum-title', () => ({}));
+const HeaderLeftSide = dsClassnames.aggregatedClasses('div')(blockName, 'header-left-side', () => ({}));
+const ActualContent = dsClassnames.aggregatedClasses('div')(blockName, 'actual-content', () => ({}));
+const Header = dsClassnames.aggregatedClasses('div')(blockName, 'header', () => ({}));
+const Footer = dsClassnames.aggregatedClasses('div')(blockName, 'footer', () => ({}));
+const FooterWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'footer-wrapper', () => ({}));
 
 exports.ActualContent = ActualContent;
 exports.BreadcrumTitle = BreadcrumTitle;
@@ -60,4 +52,3 @@ exports.HeaderLeftSide = HeaderLeftSide;
 exports.Overlay = Overlay;
 exports.Title = Title;
 exports.Wrapper = Wrapper;
-//# sourceMappingURL=blocks.js.map

package/cjs/index.js

@@ -3,30 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSModalSlide = require('./DSModalSlide.js');
-var components_Header = require('./components/Header.js');
-var components_Footer = require('./components/Footer.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('react-desc');
-require('react-dom');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-separator');
-require('./components/blocks.js');
-require('@elliemae/ds-classnames');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/extends');
+var Header = require('./components/Header.js');
+var Footer = require('./components/Footer.js');
 
 
 
 exports.DSModalSlide = DSModalSlide.DSModalSlide;
 exports.DSModalSlideWithSchema = DSModalSlide.DSModalSlideWithSchema;
-exports.default = DSModalSlide.DSModalSlide;
-exports.DSModalSlideHeaderWithSchema = components_Header.DSModalSlideHeaderWithSchema;
-exports.ModalHeader = components_Header['default'];
-exports.DSModalSlideFooterWithSchema = components_Footer.DSModalSlideFooterWithSchema;
-exports.ModalFooter = components_Footer['default'];
-//# sourceMappingURL=index.js.map
+exports["default"] = DSModalSlide.DSModalSlide;
+exports.DSModalSlideHeaderWithSchema = Header.DSModalSlideHeaderWithSchema;
+exports.ModalHeader = Header["default"];
+exports.DSModalSlideFooterWithSchema = Footer.DSModalSlideFooterWithSchema;
+exports.ModalFooter = Footer["default"];