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

package/esm/DSModalSlide.js

@@ -1,5 +1,5 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import ReactDOM from 'react-dom';
@@ -9,50 +9,28 @@ import DSSeparator from '@elliemae/ds-separator';
 import { Wrapper, Overlay, Content, ActualContent } from './components/blocks.js';
 export { default as ModalHeader } from './components/Header.js';
 export { default as ModalFooter } from './components/Footer.js';
-import '@elliemae/ds-classnames';
-import 'styled-components';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@babel/runtime/helpers/esm/extends';
-
-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 = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMoving = _useState2[0],
-      setMoving = _useState2[1];
-
-  var _useState3 = useState(isOpen),
-      _useState4 = _slicedToArray(_useState3, 2),
-      show = _useState4[0],
-      setShow = _useState4[1];
-
-  var _useState5 = useState(50),
-      _useState6 = _slicedToArray(_useState5, 2),
-      width = _useState6[0],
-      setWidth = _useState6[1];
-
-  var theme = useTheme();
-  var contentRows = [].concat(_toConsumableArray(header ? [theme.space.m] : []), ['0px', 'auto', '0px'], _toConsumableArray(footer ? [theme.space.m] : []));
-  var updateShow = 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] = useState(false);
+  const [show, setShow] = useState(isOpen);
+  const [width, setWidth] = useState(50);
+  const theme = useTheme();
+  const contentRows = [...(header ? [theme.space.m] : []), '0px', 'auto', '0px', ...(footer ? [theme.space.m] : [])];
+  const updateShow = useCallback(() => {
     if (fullWidth) setWidth(100);else setWidth(50);
 
     if (isOpen !== show) {
@@ -65,16 +43,17 @@ var DSModalSlide = function DSModalSlide(_ref) {
   }, [isOpen, fullWidth, isMoving]);
   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;
@@ -84,10 +63,10 @@ var DSModalSlide = function DSModalSlide(_ref) {
     container.style.position = 'relative';
   }
 
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsx(Wrapper, {
     classProps: {
       show: isOpen,
-      centered: centered
+      centered
     },
     style: {
       '--height': height,
@@ -95,16 +74,16 @@ var DSModalSlide = function DSModalSlide(_ref) {
       '--fade-out': fadeOut,
       '--width': width
     }
-  }, /*#__PURE__*/React.createElement(Overlay, {
+  }, void 0, /*#__PURE__*/_jsx(Overlay, {
     classProps: {
       show: isOpen
     }
-  }, /*#__PURE__*/React.createElement(Content, {
+  }, void 0, /*#__PURE__*/_jsx(Content, {
     onAnimationEnd: handleAnimationEnd,
     classProps: {
       show: isOpen
     }
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     style: {
       height: '100%',
       width: '100%',
@@ -116,26 +95,26 @@ var DSModalSlide = function DSModalSlide(_ref) {
     },
     rows: contentRows,
     "data-testid": "ds-modal-slide"
-  }, header && /*#__PURE__*/React.cloneElement(header, {
-    fullWidth: fullWidth
-  }), header && /*#__PURE__*/React.createElement(DSSeparator, {
+  }, void 0, header && /*#__PURE__*/React.cloneElement(header, {
+    fullWidth
+  }), header && (_DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
     position: "initial",
     type: "non-form"
-  }), /*#__PURE__*/React.createElement(Grid, {
+  }))), /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'auto'
     }
-  }, /*#__PURE__*/React.createElement(ActualContent, null, children))), footer && /*#__PURE__*/React.createElement(DSSeparator, {
+  }, void 0, /*#__PURE__*/_jsx(ActualContent, {}, void 0, children))), footer && (_DSSeparator2 || (_DSSeparator2 = /*#__PURE__*/_jsx(DSSeparator, {
     position: "initial",
     type: "non-form"
-  }), footer)))), container);
+  }))), footer)))), container);
 };
 
-var props = {
+const props = {
   /**
    * If the modal slide is centered or not
    */
@@ -176,9 +155,7 @@ var props = {
    */
   overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container')
 };
-DSModalSlide.propTypes = props;
-var DSModalSlideWithSchema = describe(DSModalSlide);
+const DSModalSlideWithSchema = describe(DSModalSlide);
 DSModalSlideWithSchema.propTypes = props;
 
 export { DSModalSlide, DSModalSlideWithSchema, DSModalSlide as default };
-//# sourceMappingURL=DSModalSlide.js.map

package/esm/components/Footer.js

@@ -1,45 +1,55 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+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 { PropTypes, describe } from 'react-desc';
 import DSButton from '@elliemae/ds-button';
 import { FooterWrapper } from './blocks.js';
-import '@elliemae/ds-classnames';
+import { jsx, Fragment } from 'react/jsx-runtime';
 
-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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FooterWrapper, null, !!onReject && /*#__PURE__*/React.createElement(DSButton, _extends({
-    buttonType: "secondary",
-    className: "action-reject",
-    containerProps: {
-      'data-testid': 'modal-footer-reject-btn'
-    },
-    labelText: rejectLabel,
-    onClick: onReject
-  }, rejectProps)), !!onConfirm && /*#__PURE__*/React.createElement(DSButton, _extends({
-    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(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__*/jsx(Fragment, {
+    children: /*#__PURE__*/_jsx(FooterWrapper, {}, void 0, !!onReject && /*#__PURE__*/jsx(DSButton, _objectSpread({
+      buttonType: "secondary",
+      className: "action-reject",
+      containerProps: {
+        'data-testid': 'modal-footer-reject-btn'
+      },
+      labelText: rejectLabel,
+      onClick: onReject
+    }, rejectProps)), !!onConfirm && /*#__PURE__*/jsx(DSButton, _objectSpread({
+      buttonType: "primary",
+      className: "action-confirm",
+      containerProps: {
+        'data-testid': 'modal-footer-confirm-btn'
+      },
+      labelText: confirmLabel,
+      onClick: onConfirm
+    }, confirmProps)))
+  });
 };
 
-var props = {
+const props = {
   /**
    * Confirm Label
    */
@@ -74,9 +84,7 @@ var props = {
     disabled: PropTypes.bool
   }).description('Extra DSButton props for reject btn.')
 };
-ModalFooter.propTypes = props;
-var DSModalSlideFooterWithSchema = describe(ModalFooter);
+const DSModalSlideFooterWithSchema = describe(ModalFooter);
 DSModalSlideFooterWithSchema.propTypes = props;
 
 export { DSModalSlideFooterWithSchema, ModalFooter as default };
-//# sourceMappingURL=Footer.js.map

package/esm/components/Header.js

@@ -1,52 +1,47 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
 import DSSeparator from '@elliemae/ds-separator';
 import { Close } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { HeaderLeftSide, Header, Title } from './blocks.js';
-import '@elliemae/ds-classnames';
 
-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.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(HeaderLeftSide, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Title, null, headerTitle))), toolbar, toolbar && /*#__PURE__*/React.createElement(StyledSeparator, {
+var _StyledSeparator, _Close;
+
+const ModalHeader = _ref => {
+  let {
+    title: headerTitle = '',
+    onClose = () => null,
+    toolbar = null
+  } = _ref;
+  return /*#__PURE__*/_jsx(HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx(HeaderLeftSide, {}, void 0, /*#__PURE__*/_jsx(Header, {}, void 0, /*#__PURE__*/_jsx(Title, {}, void 0, headerTitle))), toolbar, toolbar && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
     position: "initial",
     margin: "none",
     orientation: "vertical",
     type: "non-form"
-  }), /*#__PURE__*/React.createElement(StyledCloseButton, {
+  }))), /*#__PURE__*/_jsx(StyledCloseButton, {
     "data-testid": "modal-slider-header-close",
     "aria-label": "Close modal slide",
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(Close, {
+    icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {
       "aria-label": "Close modal slide",
       size: "s"
-    }),
+    })),
     onClick: onClose
   }));
 };
 
-var HeaderWrapper = /*#__PURE__*/styled.div.withConfig({
+const HeaderWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-oxqqo8-0"
 })(["display:flex;justify-content:space-between;width:100%;align-items:center;"]);
-var StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
+const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
   componentId: "sc-oxqqo8-1"
-})(["padding:", " 0;"], function (props) {
-  return props.theme.space.xs;
-});
-var StyledCloseButton = /*#__PURE__*/styled(DSButton).withConfig({
+})(["padding:", " 0;"], props => props.theme.space.xs);
+const StyledCloseButton = /*#__PURE__*/styled(DSButton).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: PropTypes.func.description('on modal close callback'),
 
@@ -56,9 +51,7 @@ var props = {
   /** modal title */
   title: PropTypes.string.description('modal title')
 };
-ModalHeader.propTypes = props;
-var DSModalSlideHeaderWithSchema = describe(ModalHeader);
+const DSModalSlideHeaderWithSchema = describe(ModalHeader);
 DSModalSlideHeaderWithSchema.propTypes = props;
 
 export { DSModalSlideHeaderWithSchema, ModalHeader as default };
-//# sourceMappingURL=Header.js.map

package/esm/components/blocks.js

@@ -1,50 +1,41 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'modal-slide';
-var Wrapper = aggregatedClasses('div')(blockName, 'wrapper', function (_ref) {
-  var show = _ref.show,
-      centered = _ref.centered;
+const blockName = 'modal-slide';
+const Wrapper = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    show,
+    centered
+  } = _ref;
   return {
     showing: show,
     disappearing: !show,
-    centered: centered
+    centered
   };
 });
-var Overlay = aggregatedClasses('div')(blockName, 'overlay', function (_ref2) {
-  var show = _ref2.show;
+const Overlay = aggregatedClasses('div')(blockName, 'overlay', _ref2 => {
+  let {
+    show
+  } = _ref2;
   return {
     showing: show,
     disappearing: !show
   };
 });
-var Content = aggregatedClasses('div')(blockName, 'content', function (_ref3) {
-  var show = _ref3.show;
+const Content = aggregatedClasses('div')(blockName, 'content', _ref3 => {
+  let {
+    show
+  } = _ref3;
   return {
     showing: show,
     disappearing: !show
   };
 });
-var Title = aggregatedClasses('div')(blockName, 'title', function () {
-  return {};
-});
-var BreadcrumTitle = aggregatedClasses('div')(blockName, 'breadcrum-title', function () {
-  return {};
-});
-var HeaderLeftSide = aggregatedClasses('div')(blockName, 'header-left-side', function () {
-  return {};
-});
-var ActualContent = aggregatedClasses('div')(blockName, 'actual-content', function () {
-  return {};
-});
-var Header = aggregatedClasses('div')(blockName, 'header', function () {
-  return {};
-});
-var Footer = aggregatedClasses('div')(blockName, 'footer', function () {
-  return {};
-});
-var FooterWrapper = aggregatedClasses('div')(blockName, 'footer-wrapper', function () {
-  return {};
-});
+const Title = aggregatedClasses('div')(blockName, 'title', () => ({}));
+const BreadcrumTitle = aggregatedClasses('div')(blockName, 'breadcrum-title', () => ({}));
+const HeaderLeftSide = aggregatedClasses('div')(blockName, 'header-left-side', () => ({}));
+const ActualContent = aggregatedClasses('div')(blockName, 'actual-content', () => ({}));
+const Header = aggregatedClasses('div')(blockName, 'header', () => ({}));
+const Footer = aggregatedClasses('div')(blockName, 'footer', () => ({}));
+const FooterWrapper = aggregatedClasses('div')(blockName, 'footer-wrapper', () => ({}));
 
 export { ActualContent, BreadcrumTitle, Content, Footer, FooterWrapper, Header, HeaderLeftSide, Overlay, Title, Wrapper };
-//# sourceMappingURL=blocks.js.map

package/esm/index.js

@@ -1,18 +1,3 @@
 export { DSModalSlide, DSModalSlideWithSchema, DSModalSlide as default } from './DSModalSlide.js';
 export { DSModalSlideHeaderWithSchema, default as ModalHeader } from './components/Header.js';
 export { DSModalSlideFooterWithSchema, default as ModalFooter } from './components/Footer.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import 'react-dom';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-separator';
-import './components/blocks.js';
-import '@elliemae/ds-classnames';
-import 'styled-components';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '@babel/runtime/helpers/esm/extends';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,46 @@
 {
   "name": "@elliemae/ds-modal-slide",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Modal Slide",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Modal Slide",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./DSModalSlide": {
+      "import": "./esm/DSModalSlide.js",
+      "require": "./cjs/DSModalSlide.js"
+    },
+    "./components/Header": {
+      "import": "./esm/components/Header.js",
+      "require": "./cjs/components/Header.js"
+    },
+    "./components/Footer": {
+      "import": "./esm/components/Footer.js",
+      "require": "./cjs/components/Footer.js"
+    },
+    "./components/blocks": {
+      "import": "./esm/components/blocks.js",
+      "require": "./cjs/components/blocks.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,24 +48,28 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-separator": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/react": "~12.1.2",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "~4.17.20",
+    "lodash": "~4.17.21",
     "react": "~16.14.0",
     "react-dom": "~16.14.0",
-    "styled-components": "^5.3.0"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSModalSlide.d.ts

@@ -0,0 +1,105 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import ModalHeader from './components/Header';
+import ModalFooter from './components/Footer';
+declare const DSModalSlide: {
+    ({ isOpen, children, getContainer, centered, fullWidth, header, footer, fadeOut, fadeIn, overrideHeight, }: {
+        isOpen?: boolean | undefined;
+        children: any;
+        getContainer: any;
+        centered?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        header?: null | undefined;
+        footer?: null | undefined;
+        fadeOut?: number | undefined;
+        fadeIn?: number | undefined;
+        overrideHeight?: boolean | undefined;
+    }): React.ReactPortal | null;
+    propTypes: {
+        /**
+         * If the modal slide is centered or not
+         */
+        centered: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * If the modal slide is visible or not
+         */
+        isOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Main content of the modal
+         */
+        children: any;
+        /**
+         * If the modal slide takes the full width or not
+         */
+        fullWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * If the modal slide has a header, only available for full width option
+         */
+        header: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Ratio of fade out
+         */
+        fadeOut: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Ratio of fade in
+         */
+        fadeIn: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Override the panel height to scroll height of the container
+         */
+        overrideHeight: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSModalSlideWithSchema: {
+    (props?: {
+        isOpen?: boolean | undefined;
+        children: any;
+        getContainer: any;
+        centered?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        header?: null | undefined;
+        footer?: null | undefined;
+        fadeOut?: number | undefined;
+        fadeIn?: number | undefined;
+        overrideHeight?: boolean | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };
+export default DSModalSlide;