@elliemae/ds-modal-slide 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/components/Header.js

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

package/esm/components/blocks.js

@@ -1,36 +1,41 @@
-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
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+const blockName = 'modal-slide';
+const Wrapper = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    show,
+    centered
+  } = _ref;
+  return {
+    showing: show,
+    disappearing: !show,
+    centered
+  };
+});
+const Overlay = aggregatedClasses('div')(blockName, 'overlay', _ref2 => {
+  let {
+    show
+  } = _ref2;
+  return {
+    showing: show,
+    disappearing: !show
+  };
+});
+const Content = aggregatedClasses('div')(blockName, 'content', _ref3 => {
+  let {
+    show
+  } = _ref3;
+  return {
+    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 };

package/esm/index.js

@@ -1,11 +1,3 @@
-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
+export { DSModalSlide, DSModalSlideWithSchema, DSModalSlide as default } from './DSModalSlide.js';
+export { DSModalSlideHeaderWithSchema, default as ModalHeader } from './components/Header.js';
+export { DSModalSlideFooterWithSchema, default as ModalFooter } from './components/Footer.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal-slide",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal Slide",
   "module": "./esm/index.js",
@@ -48,12 +48,12 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.4",
-    "@elliemae/ds-classnames": "2.2.0-alpha.4",
-    "@elliemae/ds-grid": "2.2.0-alpha.4",
-    "@elliemae/ds-icons": "2.2.0-alpha.4",
-    "@elliemae/ds-separator": "2.2.0-alpha.4",
-    "@elliemae/ds-system": "2.2.0-alpha.4",
+    "@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",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },

package/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DSModalSlide';
 export { default } from './DSModalSlide';
+export * from './DSModalSlide';
 export { DSModalSlideHeaderWithSchema } from './components/Header';
 export { DSModalSlideFooterWithSchema } from './components/Footer';

package/cjs/DSModalSlide.js.map

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

package/cjs/components/Footer.js.map

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

package/cjs/components/Header.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Header.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,0BAAwB;AACxB,sBAAsB;AACtB,uBAAqB;AACrB,oBAA8C;AAE9C,MAAM,cAAc,CAAC,EAAE,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,WAC9E,mDAAC,eAAD,MACE,mDAAC,8BAAD,MACE,mDAAC,sBAAD,MACE,mDAAC,qBAAD,MAAQ,gBAGX,SACA,WAAW,mDAAC,iBAAD;AAAA,EAAiB,UAAS;AAAA,EAAU,QAAO;AAAA,EAAO,aAAY;AAAA,EAAW,MAAK;AAAA,IAC1F,mDAAC,mBAAD;AAAA,EACE,eAAY;AAAA,EACZ,cAAW;AAAA,EACX,YAAW;AAAA,EACX,MAAM,mDAAC,uBAAD;AAAA,IAAO,cAAW;AAAA,IAAoB,MAAK;AAAA;AAAA,EACjD,SAAS;AAAA;AAKf,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7B,MAAM,kBAAkB,sCAAO;AAAA,aAClB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,oBAAoB,sCAAO;AAAA,YACrB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA,EAEZ,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,OAAO,4BAAU,OAAO,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,+BAA+B,gCAAS;AAC9C,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
-  "names": []
-}

package/cjs/components/blocks.js.map

@@ -1,7 +0,0 @@
-{
-  "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;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,UAAU,4CAAkB,OACvC,WACA,WACA,CAAC,EAAE,MAAM,eAAgB;AAAA,EACvB,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AAAA;AAIG,MAAM,UAAU,4CAAkB,OACvC,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AAAA;AAIZ,MAAM,UAAU,4CAAkB,OACvC,WACA,WACA,CAAC,EAAE,WAAY;AAAA,EACb,SAAS;AAAA,EACT,cAAc,CAAC;AAAA;AAIZ,MAAM,QAAQ,4CAAkB,OAAO,WAAW,SAAS,MAAO;AAElE,MAAM,iBAAiB,4CAAkB,OAC9C,WACA,mBACA,MAAO;AAGF,MAAM,iBAAiB,4CAAkB,OAC9C,WACA,oBACA,MAAO;AAGF,MAAM,gBAAgB,4CAAkB,OAC7C,WACA,kBACA,MAAO;AAEF,MAAM,SAAS,4CAAkB,OAAO,WAAW,UAAU,MAAO;AACpE,MAAM,SAAS,4CAAkB,OAAO,WAAW,UAAU,MAAO;AAEpE,MAAM,gBAAgB,4CAAkB,OAC7C,WACA,kBACA,MAAO;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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;ACAA,YAAuB;ADAvB,wBAAc;AACd,0BAAwB;AACxB,oBAA6C;AAC7C,oBAA6C;",
-  "names": []
-}

package/esm/DSModalSlide.js.map

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

package/esm/components/Footer.js.map

@@ -1,7 +0,0 @@
-{
-  "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,KACL;AAAA,IAGP,CAAC,CAAC,aACD,qCAAC,UAAD;AAAA,EACE,YAAW;AAAA,EACX,WAAU;AAAA,EACV,gBAAgB,EAAE,eAAe;AAAA,EACjC,WAAW;AAAA,EACX,SAAS;AAAA,KACL;AAAA;AAOd,MAAM,QAAQ;AAAA,EAIZ,cAAc,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/esm/components/Header.js.map

@@ -1,7 +0,0 @@
-{
-  "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/esm/components/blocks.js.map

@@ -1,7 +0,0 @@
-{
-  "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/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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": []
-}