@elliemae/ds-modal-slide 3.4.3-rc.0 → 3.4.4-next.0

package/dist/cjs/DSModalSlide.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSModalSlide_exports = {};
 __export(DSModalSlide_exports, {
@@ -29,6 +32,7 @@ __export(DSModalSlide_exports, {
 });
 module.exports = __toCommonJS(DSModalSlide_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react_dom = __toESM(require("react-dom"));
@@ -85,54 +89,73 @@ const DSModalSlide = ({
   if (!container.style.position) {
     container.style.position = "relative";
   }
-  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
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.Overlay, {
-    classProps: {
-      show: isOpen
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_blocks.Content, {
-    onAnimationEnd: handleAnimationEnd,
-    classProps: {
-      show: isOpen
-    }
-  }, /* @__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"
-    },
-    rows: contentRows,
-    "data-testid": "ds-modal-slide"
-  }, header && import_react.default.cloneElement(header, { fullWidth }), header && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.default, {
-    position: "initial",
-    type: "non-form"
-  }), /* @__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);
+  return import_react_dom.default.createPortal(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Wrapper, {
+      classProps: {
+        show: isOpen,
+        centered
+      },
+      style: {
+        "--height": height,
+        "--fade-in": fadeIn,
+        "--fade-out": fadeOut,
+        "--width": width
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Overlay, {
+        classProps: {
+          show: isOpen
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Content, {
+          onAnimationEnd: handleAnimationEnd,
+          classProps: {
+            show: isOpen
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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"
+            },
+            rows: contentRows,
+            "data-testid": "ds-modal-slide",
+            children: [
+              header && import_react.default.cloneElement(header, { fullWidth }),
+              header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_separator.default, {
+                position: "initial",
+                type: "non-form"
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                style: { overflow: "hidden" },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                  style: { overflow: "auto" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ActualContent, {
+                    children
+                  })
+                })
+              }),
+              footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_separator.default, {
+                position: "initial",
+                type: "non-form"
+              }),
+              footer
+            ]
+          })
+        })
+      })
+    }),
+    container
+  );
 };
 const props = {
   centered: import_ds_utilities.PropTypes.bool.description("If the modal slide is centered or not"),
   isOpen: import_ds_utilities.PropTypes.bool.description("If the modal slide is visible or not"),
-  children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.any]).isRequired.description("Main content of the modal"),
+  children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.any]).isRequired.description(
+    "Main content of the modal"
+  ),
   fullWidth: import_ds_utilities.PropTypes.bool.description("If the modal slide takes the full width or not"),
   header: import_ds_utilities.PropTypes.element.description("If the modal slide has a header, only available for full width option"),
   fadeOut: import_ds_utilities.PropTypes.number.description("Ratio of fade out"),

package/dist/cjs/DSModalSlide.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\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 ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 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;\nDSModalSlide.displayName = 'DSModalSlide';\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": []
+  "mappings": "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",
+  "names": ["ModalFooter", "ModalHeader", "ReactDOM", "React", "DSSeparator"]
 }

package/dist/cjs/components/Footer.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Footer_exports = {};
 __export(Footer_exports, {
@@ -26,7 +29,7 @@ __export(Footer_exports, {
 });
 module.exports = __toCommonJS(Footer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_blocks = require("./blocks");
@@ -41,21 +44,28 @@ const ModalFooter = ({
   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
-})));
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.FooterWrapper, {
+    children: [
+      !!onReject && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+        buttonType: "secondary",
+        className: "action-reject",
+        containerProps: { "data-testid": "modal-footer-reject-btn" },
+        labelText: rejectLabel,
+        onClick: onReject,
+        ...rejectProps
+      }),
+      !!onConfirm && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+        buttonType: "primary",
+        className: "action-confirm",
+        containerProps: { "data-testid": "modal-footer-confirm-btn" },
+        labelText: confirmLabel,
+        onClick: onConfirm,
+        ...confirmProps
+      })
+    ]
+  })
+});
 const props = {
   confirmLabel: import_ds_utilities.PropTypes.string.description("Confirm Label"),
   rejectLabel: import_ds_utilities.PropTypes.string.description("Reject Label"),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nModalFooter.displayName = 'ModalFooter';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;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,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,MAEA,wFACE,mDAAC,mCACE,CAAC,CAAC,YACD,mDAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,EAC3D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,GAED,CAAC,CAAC,aACD,mDAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,CAEJ,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,8BAAU,OAAO,YAAY,eAAe;AAAA,EAI1D,aAAa,8BAAU,OAAO,YAAY,cAAc;AAAA,EAIxD,WAAW,8BAAU,KAAK,YAAY,UAAU;AAAA,EAIhD,UAAU,8BAAU,KAAK,YAAY,UAAU;AAAA,EAI/C,cAAc,8BAAU,MAAM;AAAA,IAC5B,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAItD,aAAa,8BAAU,MAAM;AAAA,IAC3B,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,kCAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;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,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,MACE;AAAA,EACE,uDAAC;AAAA,IACE;AAAA,OAAC,CAAC,YACD,4CAAC,iBAAAA,SAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,QAC3D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA,MAED,CAAC,CAAC,aACD,4CAAC,iBAAAA,SAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,QAC5D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA;AAAA,GAEJ;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,8BAAU,OAAO,YAAY,eAAe;AAAA,EAI1D,aAAa,8BAAU,OAAO,YAAY,cAAc;AAAA,EAIxD,WAAW,8BAAU,KAAK,YAAY,UAAU;AAAA,EAIhD,UAAU,8BAAU,KAAK,YAAY,UAAU;AAAA,EAI/C,cAAc,8BAAU,MAAM;AAAA,IAC5B,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAItD,aAAa,8BAAU,MAAM;AAAA,IAC3B,UAAU,8BAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,mCAA+B,8BAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": ["DSButton"]
 }

package/dist/cjs/components/Header.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Header_exports = {};
 __export(Header_exports, {
@@ -26,28 +29,41 @@ __export(Header_exports, {
 });
 module.exports = __toCommonJS(Header_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_blocks = require("./blocks");
-const ModalHeader = ({ title: headerTitle = "", onClose = () => null, toolbar = null }) => /* @__PURE__ */ import_react.default.createElement(HeaderWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.HeaderLeftSide, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.Header, null, /* @__PURE__ */ import_react.default.createElement(import_blocks.Title, null, headerTitle))), toolbar, toolbar && /* @__PURE__ */ import_react.default.createElement(StyledSeparator, {
-  position: "initial",
-  margin: "none",
-  orientation: "vertical",
-  type: "non-form"
-}), /* @__PURE__ */ import_react.default.createElement(StyledCloseButton, {
-  "data-testid": "modal-slider-header-close",
-  "aria-label": "Close modal slide",
-  buttonType: "text",
-  icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Close, {
-    "aria-label": "Close modal slide",
-    size: "s"
-  }),
-  onClick: onClose
-}));
+const ModalHeader = ({ title: headerTitle = "", onClose = () => null, toolbar = null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(HeaderWrapper, {
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.HeaderLeftSide, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Header, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Title, {
+          children: headerTitle
+        })
+      })
+    }),
+    toolbar,
+    toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, {
+      position: "initial",
+      margin: "none",
+      orientation: "vertical",
+      type: "non-form"
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCloseButton, {
+      "data-testid": "modal-slider-header-close",
+      "aria-label": "Close modal slide",
+      buttonType: "text",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, {
+        "aria-label": "Close modal slide",
+        size: "s"
+      }),
+      onClick: onClose
+    })
+  ]
+});
 const HeaderWrapper = import_ds_system.styled.div`
   display: flex;
   justify-content: space-between;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/Header.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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  height: 48px;\n  overflow: hidden;\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;\nModalHeader.displayName = 'ModalHeader';\nconst DSModalSlideHeaderWithSchema = describe(ModalHeader);\nDSModalSlideHeaderWithSchema.propTypes = props;\n\nexport { DSModalSlideHeaderWithSchema };\n\nexport default ModalHeader;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,0BAAwB;AACxB,sBAAsB;AACtB,uBAAqB;AACrB,oBAA8C;AAE9C,MAAM,cAAc,CAAC,EAAE,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,WAC9E,mDAAC,qBACC,mDAAC,oCACC,mDAAC,4BACC,mDAAC,2BAAO,WAAY,CACtB,CACF,GACC,SACA,WAAW,mDAAC;AAAA,EAAgB,UAAS;AAAA,EAAU,QAAO;AAAA,EAAO,aAAY;AAAA,EAAW,MAAK;AAAA,CAAW,GACrG,mDAAC;AAAA,EACC,eAAY;AAAA,EACZ,cAAW;AAAA,EACX,YAAW;AAAA,EACX,MAAM,mDAAC;AAAA,IAAM,cAAW;AAAA,IAAoB,MAAK;AAAA,GAAI;AAAA,EACrD,SAAS;AAAA,CACX,CACF;AAGF,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,kBAAkB,6BAAO,2BAAW;AAAA,aAC7B,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,oBAAoB,6BAAO,wBAAQ;AAAA,YAC7B,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,SAAS,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE9D,OAAO,8BAAU,OAAO,YAAY,aAAa;AACnD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,kCAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AACvB,0BAAwB;AACxB,sBAAsB;AACtB,uBAAqB;AACrB,oBAA8C;AAE9C,MAAM,cAAc,CAAC,EAAE,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,KAAK,MACnF,6CAAC;AAAA,EACC;AAAA,gDAAC;AAAA,MACC,sDAAC;AAAA,QACC,sDAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,KACF;AAAA,IACC;AAAA,IACA,WAAW,4CAAC;AAAA,MAAgB,UAAS;AAAA,MAAU,QAAO;AAAA,MAAO,aAAY;AAAA,MAAW,MAAK;AAAA,KAAW;AAAA,IACrG,4CAAC;AAAA,MACC,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,MAAM,4CAAC;AAAA,QAAM,cAAW;AAAA,QAAoB,MAAK;AAAA,OAAI;AAAA,MACrD,SAAS;AAAA,KACX;AAAA;AAAA,CACF;AAGF,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,sBAAkB,yBAAO,oBAAAA,OAAW;AAAA,aAC7B,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,wBAAoB,yBAAO,iBAAAC,OAAQ;AAAA,YAC7B,CAACD,WAAUA,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,SAAS,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE9D,OAAO,8BAAU,OAAO,YAAY,aAAa;AACnD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,mCAA+B,8BAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": ["DSSeparator", "props", "DSButton"]
 }

package/dist/cjs/components/blocks.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var blocks_exports = {};
 __export(blocks_exports, {
@@ -36,24 +39,52 @@ module.exports = __toCommonJS(blocks_exports);
 var React = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 const blockName = "modal-slide";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ show, centered }) => ({
-  showing: show,
-  disappearing: !show,
-  centered
-}));
-const Overlay = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "overlay", ({ show }) => ({
-  showing: show,
-  disappearing: !show
-}));
-const Content = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content", ({ show }) => ({
-  showing: show,
-  disappearing: !show
-}));
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "wrapper",
+  ({ show, centered }) => ({
+    showing: show,
+    disappearing: !show,
+    centered
+  })
+);
+const Overlay = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "overlay",
+  ({ show }) => ({
+    showing: show,
+    disappearing: !show
+  })
+);
+const Content = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "content",
+  ({ show }) => ({
+    showing: show,
+    disappearing: !show
+  })
+);
 const Title = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "title", () => ({}));
-const BreadcrumTitle = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "breadcrum-title", () => ({}));
-const HeaderLeftSide = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "header-left-side", () => ({}));
-const ActualContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "actual-content", () => ({}));
+const BreadcrumTitle = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "breadcrum-title",
+  () => ({})
+);
+const HeaderLeftSide = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "header-left-side",
+  () => ({})
+);
+const ActualContent = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "actual-content",
+  () => ({})
+);
 const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "header", () => ({}));
 const Footer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "footer", () => ({}));
-const FooterWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "footer-wrapper", () => ({}));
+const FooterWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "footer-wrapper",
+  () => ({})
+);
 //# sourceMappingURL=blocks.js.map

package/dist/cjs/components/blocks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,UAAU,4CAAkB,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,MAAM,eAAgB;AAAA,EACvB,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AACF,EACF;AAEO,MAAM,UAAU,4CAAkB,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,UAAU,4CAAkB,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,QAAQ,4CAAkB,KAAK,EAAE,WAAW,SAAS,MAAO,EAAC,EAAE;AAErE,MAAM,iBAAiB,4CAAkB,KAAK,EACnD,WACA,mBACA,MAAO,EAAC,EACV;AAEO,MAAM,iBAAiB,4CAAkB,KAAK,EACnD,WACA,oBACA,MAAO,EAAC,EACV;AAEO,MAAM,gBAAgB,4CAAkB,KAAK,EAClD,WACA,kBACA,MAAO,EAAC,EACV;AACO,MAAM,SAAS,4CAAkB,KAAK,EAAE,WAAW,UAAU,MAAO,EAAC,EAAE;AACvE,MAAM,SAAS,4CAAkB,KAAK,EAAE,WAAW,UAAU,MAAO,EAAC,EAAE;AAEvE,MAAM,gBAAgB,4CAAkB,KAAK,EAClD,WACA,kBACA,MAAO,EAAC,EACV;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,cAAU,wCAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,SAAS,OAAO;AAAA,IACvB,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,cAAU,wCAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,KAAK,OAAO;AAAA,IACb,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,cAAU,wCAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,KAAK,OAAO;AAAA,IACb,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,YAAQ,wCAAkB,KAAK,EAAE,WAAW,SAAS,OAAO,CAAC,EAAE;AAErE,MAAM,qBAAiB,wCAAkB,KAAK;AAAA,EACnD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,qBAAiB,wCAAkB,KAAK;AAAA,EACnD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,oBAAgB,wCAAkB,KAAK;AAAA,EAClD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AACO,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AACvE,MAAM,aAAS,wCAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AAEvE,MAAM,oBAAgB,wCAAkB,KAAK;AAAA,EAClD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

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

package/dist/esm/DSModalSlide.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useState, useEffect, useCallback } from "react";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import ReactDOM from "react-dom";
@@ -55,54 +56,73 @@ const DSModalSlide = ({
   if (!container.style.position) {
     container.style.position = "relative";
   }
-  return ReactDOM.createPortal(/* @__PURE__ */ React2.createElement(Wrapper, {
-    classProps: {
-      show: isOpen,
-      centered
-    },
-    style: {
-      "--height": height,
-      "--fade-in": fadeIn,
-      "--fade-out": fadeOut,
-      "--width": width
-    }
-  }, /* @__PURE__ */ React2.createElement(Overlay, {
-    classProps: {
-      show: isOpen
-    }
-  }, /* @__PURE__ */ React2.createElement(Content, {
-    onAnimationEnd: handleAnimationEnd,
-    classProps: {
-      show: isOpen
-    }
-  }, /* @__PURE__ */ React2.createElement(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"
-  }, header && React2.cloneElement(header, { fullWidth }), header && /* @__PURE__ */ React2.createElement(DSSeparator, {
-    position: "initial",
-    type: "non-form"
-  }), /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: "auto" }
-  }, /* @__PURE__ */ React2.createElement(ActualContent, null, children))), footer && /* @__PURE__ */ React2.createElement(DSSeparator, {
-    position: "initial",
-    type: "non-form"
-  }), footer)))), container);
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(Wrapper, {
+      classProps: {
+        show: isOpen,
+        centered
+      },
+      style: {
+        "--height": height,
+        "--fade-in": fadeIn,
+        "--fade-out": fadeOut,
+        "--width": width
+      },
+      children: /* @__PURE__ */ jsx(Overlay, {
+        classProps: {
+          show: isOpen
+        },
+        children: /* @__PURE__ */ jsx(Content, {
+          onAnimationEnd: handleAnimationEnd,
+          classProps: {
+            show: isOpen
+          },
+          children: /* @__PURE__ */ jsxs(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",
+            children: [
+              header && React2.cloneElement(header, { fullWidth }),
+              header && /* @__PURE__ */ jsx(DSSeparator, {
+                position: "initial",
+                type: "non-form"
+              }),
+              /* @__PURE__ */ jsx(Grid, {
+                style: { overflow: "hidden" },
+                children: /* @__PURE__ */ jsx(Grid, {
+                  style: { overflow: "auto" },
+                  children: /* @__PURE__ */ jsx(ActualContent, {
+                    children
+                  })
+                })
+              }),
+              footer && /* @__PURE__ */ jsx(DSSeparator, {
+                position: "initial",
+                type: "non-form"
+              }),
+              footer
+            ]
+          })
+        })
+      })
+    }),
+    container
+  );
 };
 const props = {
   centered: PropTypes.bool.description("If the modal slide is centered or not"),
   isOpen: PropTypes.bool.description("If the modal slide is visible or not"),
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired.description("Main content of the modal"),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired.description(
+    "Main content of the modal"
+  ),
   fullWidth: PropTypes.bool.description("If the modal slide takes the full width or not"),
   header: PropTypes.element.description("If the modal slide has a header, only available for full width option"),
   fadeOut: PropTypes.number.description("Ratio of fade out"),

package/dist/esm/DSModalSlide.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSModalSlide.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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 ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 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;\nDSModalSlide.displayName = 'DSModalSlide';\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = props;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAe,CAAC;AAAA,EACpB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB;AAAA,MACb;AACJ,QAAM,CAAC,UAAU,aAAa,SAAS,KAAK;AAC5C,QAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AACvC,QAAM,CAAC,OAAO,YAAY,SAAS,EAAE;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,cAAc,CAAC,GAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAI,OAAO,GAAI,SAAS,CAAC,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,CAAE;AAEzG,QAAM,aAAa,YAAY,MAAM;AACnC,QAAI;AAAW,eAAS,GAAG;AAAA;AACtB,eAAS,EAAE;AAChB,QAAI,WAAW,MAAM;AACnB,gBAAU,IAAI;AACd,UAAI,QAAQ;AACV,gBAAQ,MAAM;AAAA,MAChB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,QAAQ,CAAC;AAEhC,YAAU,YAAY,CAAC,QAAQ,SAAS,CAAC;AAEzC,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,YAAY,aAAa;AAC/B,MAAI,CAAC;AAAW,WAAO;AAEvB,QAAM,qBAAqB,MAAM;AAC/B,cAAU,KAAK;AACf,QAAI,CAAC;AAAQ,cAAQ,MAAM;AAAA,EAC7B;AAEA,MAAI,EAAE,WAAW,UAAU,sBAAsB;AACjD,MAAI,kBAAkB,UAAU,eAAe,QAAQ;AACrD,aAAS,UAAU;AAAA,EACrB;AACA,MAAI,CAAC,UAAU,MAAM,UAAU;AAC7B,cAAU,MAAM,WAAW;AAAA,EAC7B;AAEA,SAAO,SAAS,aACd,qCAAC;AAAA,IACC,YAAY;AAAA,MACV,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,IACb;AAAA,KAEA,qCAAC;AAAA,IACC,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,KAEA,qCAAC;AAAA,IACC,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,KAEA,qCAAC;AAAA,IACC,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,MACV,+BAA+B;AAAA,MAC/B,uBAAuB;AAAA,MACvB,2BAA2B;AAAA,IAC7B;AAAA,IACA,MAAM;AAAA,IACN,eAAY;AAAA,KAEX,UAAU,OAAM,aAAa,QAAQ,EAAE,UAAU,CAAC,GAClD,UAAU,qCAAC;AAAA,IAAY,UAAS;AAAA,IAAU,MAAK;AAAA,GAAW,GAC3D,qCAAC;AAAA,IAAK,OAAO,EAAE,UAAU,SAAS;AAAA,KAChC,qCAAC;AAAA,IAAK,OAAO,EAAE,UAAU,OAAO;AAAA,KAC9B,qCAAC,qBAAe,QAAS,CAC3B,CACF,GACC,UAAU,qCAAC;AAAA,IAAY,UAAS;AAAA,IAAU,MAAK;AAAA,GAAW,GAC1D,MACH,CACF,CACF,CACF,GACA,SACF;AACF;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,QAAQ,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAIzE,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,GAAG,CAAC,EAAE,WAAW,YAC7F,2BACF;AAAA,EAIA,WAAW,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAItF,QAAQ,UAAU,QAAQ,YAAY,uEAAuE;AAAA,EAI7G,SAAS,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIzD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAIvD,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAC1G;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAOA,UAAS,UAAU,WAAW,mBAAmB;AACxD,SAAS,WAAW,gBAAgB;AACpC,OAAO,cAAc;AACrB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,OAAO,iBAAiB;AACxB,SAAS,SAAS,SAAS,SAAS,qBAAqB;AACzD,OAAO,iBAAiB;AACxB,OAAO,iBAAiB;AAGxB,MAAM,eAAe,CAAC;AAAA,EACpB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB;AACnB,MAAM;AACJ,QAAM,CAAC,UAAU,SAAS,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,QAAQ,SAAS;AACvB,QAAM,cAAc,CAAC,GAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAI,OAAO,GAAI,SAAS,CAAC,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,CAAE;AAEzG,QAAM,aAAa,YAAY,MAAM;AACnC,QAAI;AAAW,eAAS,GAAG;AAAA;AACtB,eAAS,EAAE;AAChB,QAAI,WAAW,MAAM;AACnB,gBAAU,IAAI;AACd,UAAI,QAAQ;AACV,gBAAQ,MAAM;AAAA,MAChB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,WAAW,QAAQ,CAAC;AAEhC,YAAU,YAAY,CAAC,QAAQ,SAAS,CAAC;AAEzC,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,YAAY,aAAa;AAC/B,MAAI,CAAC;AAAW,WAAO;AAEvB,QAAM,qBAAqB,MAAM;AAC/B,cAAU,KAAK;AACf,QAAI,CAAC;AAAQ,cAAQ,MAAM;AAAA,EAC7B;AAEA,MAAI,EAAE,OAAO,IAAI,UAAU,sBAAsB;AACjD,MAAI,kBAAkB,UAAU,eAAe,QAAQ;AACrD,aAAS,UAAU;AAAA,EACrB;AACA,MAAI,CAAC,UAAU,MAAM,UAAU;AAC7B,cAAU,MAAM,WAAW;AAAA,EAC7B;AAEA,SAAO,SAAS;AAAA,IACd,oBAAC;AAAA,MACC,YAAY;AAAA,QACV,MAAM;AAAA,QACN;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAc;AAAA,QACd,WAAW;AAAA,MACb;AAAA,MAEA,8BAAC;AAAA,QACC,YAAY;AAAA,UACV,MAAM;AAAA,QACR;AAAA,QAEA,8BAAC;AAAA,UACC,gBAAgB;AAAA,UAChB,YAAY;AAAA,YACV,MAAM;AAAA,UACR;AAAA,UAEA,+BAAC;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,WAAW;AAAA,cACX,UAAU;AAAA,cACV,+BAA+B;AAAA,cAC/B,uBAAuB;AAAA,cACvB,2BAA2B;AAAA,YAC7B;AAAA,YACA,MAAM;AAAA,YACN,eAAY;AAAA,YAEX;AAAA,wBAAUA,OAAM,aAAa,QAAQ,EAAE,UAAU,CAAC;AAAA,cAClD,UAAU,oBAAC;AAAA,gBAAY,UAAS;AAAA,gBAAU,MAAK;AAAA,eAAW;AAAA,cAC3D,oBAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,SAAS;AAAA,gBAChC,8BAAC;AAAA,kBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,kBAC9B,8BAAC;AAAA,oBAAe;AAAA,mBAAS;AAAA,iBAC3B;AAAA,eACF;AAAA,cACC,UAAU,oBAAC;AAAA,gBAAY,UAAS;AAAA,gBAAU,MAAK;AAAA,eAAW;AAAA,cAC1D;AAAA;AAAA,WACH;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,QAAQ,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAIzE,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,GAAG,CAAC,EAAE,WAAW;AAAA,IAC7F;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAItF,QAAQ,UAAU,QAAQ,YAAY,uEAAuE;AAAA,EAI7G,SAAS,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIzD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAIvD,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAC1G;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "names": ["React"]
 }

package/dist/esm/components/Footer.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import DSButton from "@elliemae/ds-button";
 import { FooterWrapper } from "./blocks";
@@ -14,21 +14,28 @@ const ModalFooter = ({
   rejectProps = {
     disabled: false
   }
-}) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(FooterWrapper, null, !!onReject && /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "secondary",
-  className: "action-reject",
-  containerProps: { "data-testid": "modal-footer-reject-btn" },
-  labelText: rejectLabel,
-  onClick: onReject,
-  ...rejectProps
-}), !!onConfirm && /* @__PURE__ */ React2.createElement(DSButton, {
-  buttonType: "primary",
-  className: "action-confirm",
-  containerProps: { "data-testid": "modal-footer-confirm-btn" },
-  labelText: confirmLabel,
-  onClick: onConfirm,
-  ...confirmProps
-})));
+}) => /* @__PURE__ */ jsx(Fragment, {
+  children: /* @__PURE__ */ jsxs(FooterWrapper, {
+    children: [
+      !!onReject && /* @__PURE__ */ jsx(DSButton, {
+        buttonType: "secondary",
+        className: "action-reject",
+        containerProps: { "data-testid": "modal-footer-reject-btn" },
+        labelText: rejectLabel,
+        onClick: onReject,
+        ...rejectProps
+      }),
+      !!onConfirm && /* @__PURE__ */ jsx(DSButton, {
+        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"),

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

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\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;\nModalFooter.displayName = 'ModalFooter';\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,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,EACZ;AAAA,MAEA,4DACE,qCAAC,qBACE,CAAC,CAAC,YACD,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,EAC3D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,GAED,CAAC,CAAC,aACD,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AAAA,EACR,GAAG;AAAA,CACN,CAEJ,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,OAAO,YAAY,eAAe;AAAA,EAI1D,aAAa,UAAU,OAAO,YAAY,cAAc;AAAA,EAIxD,WAAW,UAAU,KAAK,YAAY,UAAU;AAAA,EAIhD,UAAU,UAAU,KAAK,YAAY,UAAU;AAAA,EAI/C,cAAc,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAItD,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,SAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,OAAO,cAAc;AACrB,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,MACE;AAAA,EACE,+BAAC;AAAA,IACE;AAAA,OAAC,CAAC,YACD,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,QAC3D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA,MAED,CAAC,CAAC,aACD,oBAAC;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,QAC5D,WAAW;AAAA,QACX,SAAS;AAAA,QACR,GAAG;AAAA,OACN;AAAA;AAAA,GAEJ;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,OAAO,YAAY,eAAe;AAAA,EAI1D,aAAa,UAAU,OAAO,YAAY,cAAc;AAAA,EAIxD,WAAW,UAAU,KAAK,YAAY,UAAU;AAAA,EAIhD,UAAU,UAAU,KAAK,YAAY,UAAU;AAAA,EAI/C,cAAc,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAItD,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,SAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/esm/components/Header.js

@@ -1,26 +1,39 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 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 ModalHeader = ({ title: headerTitle = "", onClose = () => null, toolbar = null }) => /* @__PURE__ */ jsxs(HeaderWrapper, {
+  children: [
+    /* @__PURE__ */ jsx(HeaderLeftSide, {
+      children: /* @__PURE__ */ jsx(Header, {
+        children: /* @__PURE__ */ jsx(Title, {
+          children: headerTitle
+        })
+      })
+    }),
+    toolbar,
+    toolbar && /* @__PURE__ */ jsx(StyledSeparator, {
+      position: "initial",
+      margin: "none",
+      orientation: "vertical",
+      type: "non-form"
+    }),
+    /* @__PURE__ */ jsx(StyledCloseButton, {
+      "data-testid": "modal-slider-header-close",
+      "aria-label": "Close modal slide",
+      buttonType: "text",
+      icon: /* @__PURE__ */ jsx(Close, {
+        "aria-label": "Close modal slide",
+        size: "s"
+      }),
+      onClick: onClose
+    })
+  ]
+});
 const HeaderWrapper = styled.div`
   display: flex;
   justify-content: space-between;

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

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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  height: 48px;\n  overflow: hidden;\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;\nModalHeader.displayName = 'ModalHeader';\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,qBACC,qCAAC,sBACC,qCAAC,cACC,qCAAC,aAAO,WAAY,CACtB,CACF,GACC,SACA,WAAW,qCAAC;AAAA,EAAgB,UAAS;AAAA,EAAU,QAAO;AAAA,EAAO,aAAY;AAAA,EAAW,MAAK;AAAA,CAAW,GACrG,qCAAC;AAAA,EACC,eAAY;AAAA,EACZ,cAAW;AAAA,EACX,YAAW;AAAA,EACX,MAAM,qCAAC;AAAA,IAAM,cAAW;AAAA,IAAoB,MAAK;AAAA,GAAI;AAAA,EACrD,SAAS;AAAA,CACX,CACF;AAGF,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,kBAAkB,OAAO,WAAW;AAAA,aAC7B,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,oBAAoB,OAAO,QAAQ;AAAA,YAC7B,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,SAAS,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE9D,OAAO,UAAU,OAAO,YAAY,aAAa;AACnD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,SAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,OAAO,iBAAiB;AACxB,SAAS,aAAa;AACtB,OAAO,cAAc;AACrB,SAAS,QAAQ,gBAAgB,aAAa;AAE9C,MAAM,cAAc,CAAC,EAAE,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,KAAK,MACnF,qBAAC;AAAA,EACC;AAAA,wBAAC;AAAA,MACC,8BAAC;AAAA,QACC,8BAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,KACF;AAAA,IACC;AAAA,IACA,WAAW,oBAAC;AAAA,MAAgB,UAAS;AAAA,MAAU,QAAO;AAAA,MAAO,aAAY;AAAA,MAAW,MAAK;AAAA,KAAW;AAAA,IACrG,oBAAC;AAAA,MACC,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,MAAM,oBAAC;AAAA,QAAM,cAAW;AAAA,QAAoB,MAAK;AAAA,OAAI;AAAA,MACrD,SAAS;AAAA,KACX;AAAA;AAAA,CACF;AAGF,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,kBAAkB,OAAO,WAAW;AAAA,aAC7B,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,oBAAoB,OAAO,QAAQ;AAAA,YAC7B,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAE7D,SAAS,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE9D,OAAO,UAAU,OAAO,YAAY,aAAa;AACnD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,+BAA+B,SAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": ["props"]
 }

package/dist/esm/components/blocks.js

@@ -1,26 +1,54 @@
 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 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 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", () => ({}));
+const FooterWrapper = aggregatedClasses("div")(
+  blockName,
+  "footer-wrapper",
+  () => ({})
+);
 export {
   ActualContent,
   BreadcrumTitle,

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

@@ -2,6 +2,6 @@
   "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,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,MAAM,eAAgB;AAAA,EACvB,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AACF,EACF;AAEO,MAAM,UAAU,kBAAkB,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,UAAU,kBAAkB,KAAK,EAC5C,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,SAAS,MAAO,EAAC,EAAE;AAErE,MAAM,iBAAiB,kBAAkB,KAAK,EACnD,WACA,mBACA,MAAO,EAAC,EACV;AAEO,MAAM,iBAAiB,kBAAkB,KAAK,EACnD,WACA,oBACA,MAAO,EAAC,EACV;AAEO,MAAM,gBAAgB,kBAAkB,KAAK,EAClD,WACA,kBACA,MAAO,EAAC,EACV;AACO,MAAM,SAAS,kBAAkB,KAAK,EAAE,WAAW,UAAU,MAAO,EAAC,EAAE;AACvE,MAAM,SAAS,kBAAkB,KAAK,EAAE,WAAW,UAAU,MAAO,EAAC,EAAE;AAEvE,MAAM,gBAAgB,kBAAkB,KAAK,EAClD,WACA,kBACA,MAAO,EAAC,EACV;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,UAAU,kBAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,SAAS,OAAO;AAAA,IACvB,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,IACf;AAAA,EACF;AACF;AAEO,MAAM,UAAU,kBAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,KAAK,OAAO;AAAA,IACb,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,UAAU,kBAAkB,KAAK;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,KAAK,OAAO;AAAA,IACb,SAAS;AAAA,IACT,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,SAAS,OAAO,CAAC,EAAE;AAErE,MAAM,iBAAiB,kBAAkB,KAAK;AAAA,EACnD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,iBAAiB,kBAAkB,KAAK;AAAA,EACnD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,gBAAgB,kBAAkB,KAAK;AAAA,EAClD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;AACO,MAAM,SAAS,kBAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AACvE,MAAM,SAAS,kBAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AAEvE,MAAM,gBAAgB,kBAAkB,KAAK;AAAA,EAClD;AAAA,EACA;AAAA,EACA,OAAO,CAAC;AACV;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "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": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;AACxB,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;",
+  "names": ["default"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal-slide",
-  "version": "3.4.3-rc.0",
+  "version": "3.4.4-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal Slide",
   "files": [
@@ -51,13 +51,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.4.3-rc.0",
-    "@elliemae/ds-classnames": "3.4.3-rc.0",
-    "@elliemae/ds-grid": "3.4.3-rc.0",
-    "@elliemae/ds-icons": "3.4.3-rc.0",
-    "@elliemae/ds-separator": "3.4.3-rc.0",
-    "@elliemae/ds-system": "3.4.3-rc.0",
-    "@elliemae/ds-utilities": "3.4.3-rc.0"
+    "@elliemae/ds-button": "3.4.4-next.0",
+    "@elliemae/ds-classnames": "3.4.4-next.0",
+    "@elliemae/ds-grid": "3.4.4-next.0",
+    "@elliemae/ds-icons": "3.4.4-next.0",
+    "@elliemae/ds-separator": "3.4.4-next.0",
+    "@elliemae/ds-system": "3.4.4-next.0",
+    "@elliemae/ds-utilities": "3.4.4-next.0"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",