@elliemae/ds-modal-slide 2.3.0-alpha.6 → 2.3.0-next.0

package/esm/components/Header.js

@@ -0,0 +1,57 @@
+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",
+    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 = {
+  /** 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')
+};
+const DSModalSlideHeaderWithSchema = describe(ModalHeader);
+DSModalSlideHeaderWithSchema.propTypes = props;
+
+export { DSModalSlideHeaderWithSchema, ModalHeader as default };

package/esm/components/blocks.js

@@ -0,0 +1,41 @@
+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

@@ -0,0 +1,3 @@
+export { DSModalSlide, DSModalSlideWithSchema, DSModalSlide as default } from './DSModalSlide.js';
+export { DSModalSlideHeaderWithSchema, default as ModalHeader } from './components/Header.js';
+export { DSModalSlideFooterWithSchema, default as ModalFooter } from './components/Footer.js';

package/package.json

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

package/types/DSModalSlide.d.ts

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

package/types/components/Footer.d.ts

@@ -0,0 +1,79 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const ModalFooter: {
+    ({ confirmLabel, rejectLabel, onConfirm, onReject, confirmProps, rejectProps, }: {
+        confirmLabel?: string | undefined;
+        rejectLabel?: string | undefined;
+        onConfirm: any;
+        onReject: any;
+        confirmProps?: {
+            disabled: boolean;
+        } | undefined;
+        rejectProps?: {
+            disabled: boolean;
+        } | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /**
+         * Confirm Label
+         */
+        confirmLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Reject Label
+         */
+        rejectLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Callback
+         */
+        onConfirm: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Callback
+         */
+        onReject: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Extra DSButton props for confirm btn.
+         */
+        confirmProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Extra DSButton props for reject btn.
+         */
+        rejectProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSModalSlideFooterWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSModalSlideFooterWithSchema };
+export default ModalFooter;

package/types/components/Header.d.ts

@@ -0,0 +1,39 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const ModalHeader: {
+    ({ title: headerTitle, onClose, toolbar }: {
+        title?: string | undefined;
+        onClose?: (() => null) | undefined;
+        toolbar?: null | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /** on modal close callback */
+        onClose: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** modal toolbar component */
+        toolbar: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** modal title */
+        title: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSModalSlideHeaderWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSModalSlideHeaderWithSchema };
+export default ModalHeader;

package/types/components/blocks.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Wrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Overlay: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Content: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Title: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const BreadcrumTitle: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const HeaderLeftSide: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const ActualContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Header: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const Footer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export declare const FooterWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

package/types/index.d.ts

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

package/types/tests/DSModalSlide.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/DSModalSlide.js

@@ -1,152 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSModalSlide_exports = {};
-__export(DSModalSlide_exports, {
-  DSModalSlide: () => DSModalSlide,
-  DSModalSlideWithSchema: () => DSModalSlideWithSchema,
-  ModalFooter: () => import_Footer.default,
-  ModalHeader: () => import_Header.default,
-  default: () => DSModalSlide_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_react_dom = __toESM(require("react-dom"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_separator = __toESM(require("@elliemae/ds-separator"));
-var import_blocks = require("./components/blocks");
-var import_Header = __toESM(require("./components/Header"));
-var import_Footer = __toESM(require("./components/Footer"));
-const DSModalSlide = ({
-  isOpen = false,
-  children,
-  getContainer,
-  centered = false,
-  fullWidth = false,
-  header = null,
-  footer = null,
-  fadeOut = 1500,
-  fadeIn = 1500,
-  overrideHeight = false
-}) => {
-  const [isMoving, setMoving] = (0, import_react.useState)(false);
-  const [show, setShow] = (0, import_react.useState)(isOpen);
-  const [width, setWidth] = (0, import_react.useState)(50);
-  const theme = (0, import_ds_system.useTheme)();
-  const contentRows = [...header ? [theme.space.m] : [], "0px", "auto", "0px", ...footer ? [theme.space.m] : []];
-  const updateShow = (0, import_react.useCallback)(() => {
-    if (fullWidth)
-      setWidth(100);
-    else
-      setWidth(50);
-    if (isOpen !== show) {
-      setMoving(true);
-      if (isOpen) {
-        setShow(isOpen);
-      }
-    }
-  }, [isOpen, fullWidth, isMoving]);
-  (0, import_react.useEffect)(updateShow, [isOpen, fullWidth]);
-  if (!show)
-    return null;
-  const container = getContainer();
-  if (!container)
-    return null;
-  const handleAnimationEnd = () => {
-    setMoving(false);
-    if (!isOpen)
-      setShow(isOpen);
-  };
-  let { height } = container.getBoundingClientRect();
-  if (overrideHeight && container.scrollHeight > height) {
-    height = container.scrollHeight;
-  }
-  if (!container.style.position) {
-    container.style.position = "relative";
-  }
-  return 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);
-};
-const props = {
-  centered: import_react_desc.PropTypes.bool.description("If the modal slide is centered or not"),
-  isOpen: import_react_desc.PropTypes.bool.description("If the modal slide is visible or not"),
-  children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.element, import_react_desc.PropTypes.string, import_react_desc.PropTypes.any]).isRequired.description("Main content of the modal"),
-  fullWidth: import_react_desc.PropTypes.bool.description("If the modal slide takes the full width or not"),
-  header: import_react_desc.PropTypes.element.description("If the modal slide has a header, only available for full width option"),
-  fadeOut: import_react_desc.PropTypes.number.description("Ratio of fade out"),
-  fadeIn: import_react_desc.PropTypes.number.description("Ratio of fade in"),
-  overrideHeight: import_react_desc.PropTypes.bool.description("Override the panel height to scroll height of the container")
-};
-DSModalSlide.propTypes = props;
-const DSModalSlideWithSchema = (0, import_react_desc.describe)(DSModalSlide);
-DSModalSlideWithSchema.propTypes = props;
-var DSModalSlide_default = DSModalSlide;
-module.exports = __toCommonJS(DSModalSlide_exports);
-//# sourceMappingURL=DSModalSlide.js.map

package/dist/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": []
-}