@elliemae/ds-modal-slide 3.0.0-next.2 → 3.0.0-next.6

package/dist/esm/components/Footer.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import DSButton from "@elliemae/ds-button";
+import { FooterWrapper } from "./blocks";
+const ModalFooter = ({
+  confirmLabel = "Confirm",
+  rejectLabel = "Cancel",
+  onConfirm,
+  onReject,
+  confirmProps = {
+    disabled: false
+  },
+  rejectProps = {
+    disabled: false
+  }
+}) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(FooterWrapper, null, !!onReject && /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
+  buttonType: "secondary",
+  className: "action-reject",
+  containerProps: { "data-testid": "modal-footer-reject-btn" },
+  labelText: rejectLabel,
+  onClick: onReject
+}, rejectProps)), !!onConfirm && /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
+  buttonType: "primary",
+  className: "action-confirm",
+  containerProps: { "data-testid": "modal-footer-confirm-btn" },
+  labelText: confirmLabel,
+  onClick: onConfirm
+}, confirmProps))));
+const props = {
+  confirmLabel: PropTypes.string.description("Confirm Label"),
+  rejectLabel: PropTypes.string.description("Reject Label"),
+  onConfirm: PropTypes.func.description("Callback"),
+  onReject: PropTypes.func.description("Callback"),
+  confirmProps: PropTypes.shape({
+    disabled: PropTypes.bool
+  }).description("Extra DSButton props for confirm btn."),
+  rejectProps: PropTypes.shape({
+    disabled: PropTypes.bool
+  }).description("Extra DSButton props for reject btn.")
+};
+ModalFooter.propTypes = props;
+const DSModalSlideFooterWithSchema = describe(ModalFooter);
+DSModalSlideFooterWithSchema.propTypes = props;
+var Footer_default = ModalFooter;
+export {
+  DSModalSlideFooterWithSchema,
+  Footer_default as default
+};
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/Footer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Footer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,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,4DACE,qCAAC,eAAD,MACG,CAAC,CAAC,YACD,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL,eAGP,CAAC,CAAC,aACD,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,GACL;AAOd,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,OAAO,YAAY;AAAA,EAI3C,aAAa,UAAU,OAAO,YAAY;AAAA,EAI1C,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,cAAc,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU;AAAA,KACnB,YAAY;AAAA,EAIf,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU;AAAA,KACnB,YAAY;AAAA;AAGjB,YAAY,YAAY;AAExB,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/components/Header.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import React2 from "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 { Header, HeaderLeftSide, Title } from "./blocks";
+const ModalHeader = ({ title: headerTitle = "", onClose = () => null, toolbar = null }) => /* @__PURE__ */ React2.createElement(HeaderWrapper, null, /* @__PURE__ */ React2.createElement(HeaderLeftSide, null, /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(Title, null, headerTitle))), toolbar, toolbar && /* @__PURE__ */ React2.createElement(StyledSeparator, {
+  position: "initial",
+  margin: "none",
+  orientation: "vertical",
+  type: "non-form"
+}), /* @__PURE__ */ React2.createElement(StyledCloseButton, {
+  "data-testid": "modal-slider-header-close",
+  "aria-label": "Close modal slide",
+  buttonType: "text",
+  icon: /* @__PURE__ */ React2.createElement(Close, {
+    "aria-label": "Close modal slide",
+    size: "s"
+  }),
+  onClick: onClose
+}));
+const HeaderWrapper = styled.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+`;
+const StyledSeparator = styled(DSSeparator)`
+  padding: ${(props2) => props2.theme.space.xs} 0;
+`;
+const StyledCloseButton = styled(DSButton)`
+  margin: ${(props2) => props2.theme.space.xs};
+`;
+const props = {
+  onClose: PropTypes.func.description("on modal close callback"),
+  toolbar: PropTypes.node.description("modal toolbar comoponent"),
+  title: PropTypes.string.description("modal title")
+};
+ModalHeader.propTypes = props;
+const DSModalSlideHeaderWithSchema = describe(ModalHeader);
+DSModalSlideHeaderWithSchema.propTypes = props;
+var Header_default = ModalHeader;
+export {
+  DSModalSlideHeaderWithSchema,
+  Header_default as default
+};
+//# sourceMappingURL=Header.js.map

package/dist/esm/components/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Header.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport DSSeparator from '@elliemae/ds-separator';\nimport { Close } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { Header, HeaderLeftSide, Title } from './blocks';\n\nconst ModalHeader = ({ title: headerTitle = '', onClose = () => null, toolbar = null }) => (\n  <HeaderWrapper>\n    <HeaderLeftSide>\n      <Header>\n        <Title>{headerTitle}</Title>\n      </Header>\n    </HeaderLeftSide>\n    {toolbar}\n    {toolbar && <StyledSeparator position=\"initial\" margin=\"none\" orientation=\"vertical\" type=\"non-form\" />}\n    <StyledCloseButton\n      data-testid=\"modal-slider-header-close\"\n      aria-label=\"Close modal slide\"\n      buttonType=\"text\"\n      icon={<Close aria-label=\"Close modal slide\" size=\"s\" />}\n      onClick={onClose}\n    />\n  </HeaderWrapper>\n);\n\nconst HeaderWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n`;\n\nconst StyledSeparator = styled(DSSeparator)`\n  padding: ${(props) => props.theme.space.xs} 0;\n`;\n\nconst StyledCloseButton = styled(DSButton)`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nconst props = {\n  /** on modal close callback */\n  onClose: PropTypes.func.description('on modal close callback'),\n  /** modal toolbar component */\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  /** modal title */\n  title: PropTypes.string.description('modal title'),\n};\n\nModalHeader.propTypes = props;\n\nconst DSModalSlideHeaderWithSchema = describe(ModalHeader);\nDSModalSlideHeaderWithSchema.propTypes = props;\n\nexport { DSModalSlideHeaderWithSchema };\n\nexport default ModalHeader;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,WAC9E,qCAAC,eAAD,MACE,qCAAC,gBAAD,MACE,qCAAC,QAAD,MACE,qCAAC,OAAD,MAAQ,gBAGX,SACA,WAAW,qCAAC,iBAAD;AAAA,EAAiB,UAAS;AAAA,EAAU,QAAO;AAAA,EAAO,aAAY;AAAA,EAAW,MAAK;AAAA,IAC1F,qCAAC,mBAAD;AAAA,EACE,eAAY;AAAA,EACZ,cAAW;AAAA,EACX,YAAW;AAAA,EACX,MAAM,qCAAC,OAAD;AAAA,IAAO,cAAW;AAAA,IAAoB,MAAK;AAAA;AAAA,EACjD,SAAS;AAAA;AAKf,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7B,MAAM,kBAAkB,OAAO;AAAA,aAClB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,oBAAoB,OAAO;AAAA,YACrB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/components/blocks.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "modal-slide";
+const Wrapper = aggregatedClasses("div")(blockName, "wrapper", ({ show, centered }) => ({
+  showing: show,
+  disappearing: !show,
+  centered
+}));
+const Overlay = aggregatedClasses("div")(blockName, "overlay", ({ show }) => ({
+  showing: show,
+  disappearing: !show
+}));
+const Content = aggregatedClasses("div")(blockName, "content", ({ show }) => ({
+  showing: show,
+  disappearing: !show
+}));
+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/dist/esm/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'modal-slide';\n\nexport const Wrapper = aggregatedClasses('div')(\n  blockName,\n  'wrapper',\n  ({ show, centered }) => ({\n    showing: show,\n    disappearing: !show,\n    centered,\n  }),\n);\n\nexport const Overlay = aggregatedClasses('div')(\n  blockName,\n  'overlay',\n  ({ show }) => ({\n    showing: show,\n    disappearing: !show,\n  }),\n);\n\nexport const Content = aggregatedClasses('div')(\n  blockName,\n  'content',\n  ({ show }) => ({\n    showing: show,\n    disappearing: !show,\n  }),\n);\n\nexport const Title = aggregatedClasses('div')(blockName, 'title', () => ({}));\n\nexport const BreadcrumTitle = aggregatedClasses('div')(\n  blockName,\n  'breadcrum-title',\n  () => ({}),\n);\n\nexport const HeaderLeftSide = aggregatedClasses('div')(\n  blockName,\n  'header-left-side',\n  () => ({}),\n);\n\nexport const ActualContent = aggregatedClasses('div')(\n  blockName,\n  'actual-content',\n  () => ({}),\n);\nexport const Header = aggregatedClasses('div')(blockName, 'header', () => ({}));\nexport const Footer = aggregatedClasses('div')(blockName, 'footer', () => ({}));\n\nexport const FooterWrapper = aggregatedClasses('div')(\n  blockName,\n  'footer-wrapper',\n  () => ({}),\n);\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,UAAU,kBAAkB,OACvC,WACA,WACA,CAAC,EAAE,MAAM,eAAgB;AAAA,EACvB,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AAAA;AAIG,MAAM,UAAU,kBAAkB,OACvC,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AAAA;AAIZ,MAAM,UAAU,kBAAkB,OACvC,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AAAA;AAIZ,MAAM,QAAQ,kBAAkB,OAAO,WAAW,SAAS,MAAO;AAElE,MAAM,iBAAiB,kBAAkB,OAC9C,WACA,mBACA,MAAO;AAGF,MAAM,iBAAiB,kBAAkB,OAC9C,WACA,oBACA,MAAO;AAGF,MAAM,gBAAgB,kBAAkB,OAC7C,WACA,kBACA,MAAO;AAEF,MAAM,SAAS,kBAAkB,OAAO,WAAW,UAAU,MAAO;AACpE,MAAM,SAAS,kBAAkB,OAAO,WAAW,UAAU,MAAO;AAEpE,MAAM,gBAAgB,kBAAkB,OAC7C,WACA,kBACA,MAAO;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+export * from "./DSModalSlide";
+import { default as default2 } from "./DSModalSlide";
+import { DSModalSlideHeaderWithSchema } from "./components/Header";
+import { DSModalSlideFooterWithSchema } from "./components/Footer";
+export {
+  DSModalSlideFooterWithSchema,
+  DSModalSlideHeaderWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSModalSlide';\nexport { default } from './DSModalSlide';\nexport { DSModalSlideHeaderWithSchema } from './components/Header';\nexport { DSModalSlideFooterWithSchema } from './components/Footer';"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;",
+  "names": []
+}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@elliemae/ds-modal-slide",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal Slide",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./DSModalSlide": {
-      "import": "./esm/DSModalSlide.js",
-      "require": "./cjs/DSModalSlide.js"
+      "import": "./dist/esm/DSModalSlide.js",
+      "require": "./dist/cjs/DSModalSlide.js"
     },
     "./components/Header": {
-      "import": "./esm/components/Header.js",
-      "require": "./cjs/components/Header.js"
+      "import": "./dist/esm/components/Header.js",
+      "require": "./dist/cjs/components/Header.js"
     },
     "./components/Footer": {
-      "import": "./esm/components/Footer.js",
-      "require": "./cjs/components/Footer.js"
+      "import": "./dist/esm/components/Footer.js",
+      "require": "./dist/cjs/components/Footer.js"
     },
     "./components/blocks": {
-      "import": "./esm/components/blocks.js",
-      "require": "./cjs/components/blocks.js"
+      "import": "./dist/esm/components/blocks.js",
+      "require": "./dist/cjs/components/blocks.js"
     }
   },
   "sideEffects": [
@@ -37,23 +40,23 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.2",
-    "@elliemae/ds-classnames": "3.0.0-next.2",
-    "@elliemae/ds-grid": "3.0.0-next.2",
-    "@elliemae/ds-icons": "3.0.0-next.2",
-    "@elliemae/ds-separator": "3.0.0-next.2",
-    "@elliemae/ds-system": "3.0.0-next.2",
+    "@elliemae/ds-button": "3.0.0-next.6",
+    "@elliemae/ds-classnames": "3.0.0-next.6",
+    "@elliemae/ds-grid": "3.0.0-next.6",
+    "@elliemae/ds-icons": "3.0.0-next.6",
+    "@elliemae/ds-separator": "3.0.0-next.6",
+    "@elliemae/ds-system": "3.0.0-next.6",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -69,7 +72,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSModalSlide.js

@@ -1,176 +0,0 @@
-'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);
-
-    if (isOpen !== show) {
-      setMoving(true);
-
-      if (isOpen) {
-        setShow(isOpen);
-      }
-    }
-  }, [isOpen, fullWidth, isMoving]);
-  React.useEffect(updateShow, [isOpen, fullWidth]);
-  if (!show) return null;
-  const container = getContainer();
-  if (!container) return null;
-
-  const handleAnimationEnd = () => {
-    setMoving(false);
-    if (!isOpen) setShow(isOpen);
-  };
-
-  let {
-    height
-  } = container.getBoundingClientRect();
-
-  if (overrideHeight && container.scrollHeight > height) {
-    height = container.scrollHeight;
-  }
-
-  if (!container.style.position) {
-    container.style.position = 'relative';
-  }
-
-  return /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/_jsx__default["default"](blocks.Wrapper, {
-    classProps: {
-      show: isOpen,
-      centered
-    },
-    style: {
-      '--height': height,
-      '--fade-in': fadeIn,
-      '--fade-out': fadeOut,
-      '--width': width
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Overlay, {
-    classProps: {
-      show: isOpen
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](blocks.Content, {
-    onAnimationEnd: handleAnimationEnd,
-    classProps: {
-      show: isOpen
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      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"], {
-    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"], {
-    position: "initial",
-    type: "non-form"
-  }))), 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')
-};
-const DSModalSlideWithSchema = reactDesc.describe(DSModalSlide);
-DSModalSlideWithSchema.propTypes = props;
-
-exports.ModalHeader = Header["default"];
-exports.ModalFooter = Footer["default"];
-exports.DSModalSlide = DSModalSlide;
-exports.DSModalSlideWithSchema = DSModalSlideWithSchema;
-exports["default"] = DSModalSlide;

package/cjs/components/Footer.js

@@ -1,101 +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 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)))
-  });
-};
-
-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.')
-};
-const DSModalSlideFooterWithSchema = reactDesc.describe(ModalFooter);
-DSModalSlideFooterWithSchema.propTypes = props;
-
-exports.DSModalSlideFooterWithSchema = DSModalSlideFooterWithSchema;
-exports["default"] = ModalFooter;

package/cjs/components/Header.js

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 blocks = require('./blocks.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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 _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__*/_jsx__default["default"](StyledCloseButton, {
-    "data-testid": "modal-slider-header-close",
-    "aria-label": "Close modal slide",
-    buttonType: "text",
-    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {
-      "aria-label": "Close modal slide",
-      size: "s"
-    })),
-    onClick: onClose
-  }));
-};
-
-const HeaderWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-oxqqo8-0"
-})(["display:flex;justify-content:space-between;width:100%;align-items:center;"]);
-const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
-  componentId: "sc-oxqqo8-1"
-})(["padding:", " 0;"], props => props.theme.space.xs);
-const StyledCloseButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-oxqqo8-2"
-})(["margin:", ";"], props => props.theme.space.xs);
-const props = {
-  /** on modal close callback */
-  onClose: reactDesc.PropTypes.func.description('on modal close callback'),
-
-  /** modal toolbar component */
-  toolbar: reactDesc.PropTypes.node.description('modal toolbar comoponent'),
-
-  /** modal title */
-  title: reactDesc.PropTypes.string.description('modal title')
-};
-const DSModalSlideHeaderWithSchema = reactDesc.describe(ModalHeader);
-DSModalSlideHeaderWithSchema.propTypes = props;
-
-exports.DSModalSlideHeaderWithSchema = DSModalSlideHeaderWithSchema;
-exports["default"] = ModalHeader;