@elliemae/ds-dialog 1.61.5 → 2.0.0-alpha.14

package/esm/propTypes.js

@@ -1,13 +1,14 @@
 import { PropTypes } from 'react-desc';
+import { DSDialogSizesArrayValues, DSDialogSizes } from './utils.js';
 
 /* eslint-disable max-len */
-var propTypes = {
+const propTypes = {
   isOpen: PropTypes.bool.description('Wether the Dialog is open or not.').defaultValue(false),
   children: PropTypes.node.description('Nested components.').isRequired,
   centered: PropTypes.bool.description('Centers the Dialog.').defaultValue(false),
+  size: PropTypes.oneOf(DSDialogSizesArrayValues).description("Dialog's width size.").defaultValue(DSDialogSizes.DEFAULT),
   removeAutoFocus: PropTypes.bool.description('Removes focus in the Dialog container when is open. If you want to focus an specific element in the Dialog, it should be set to true.').defaultValue(false),
-  onClickOutside: PropTypes.func.description('Callback that should be used to close the modal when the user clicks outside. Cb also triggers when the user press ESC key for accessibility purposes.').defaultValue(function () {})
+  onClickOutside: PropTypes.func.description('Callback that should be used to close the modal when the user clicks outside. Cb also triggers when the user press ESC key for accessibility purposes.').defaultValue(() => {})
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/styles.js

@@ -2,96 +2,119 @@ import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLit
 import styled from 'styled-components';
 import { createGlobalStyle } from '@elliemae/ds-system';
 import { space, layout, flexbox } from 'styled-system';
+import { allSizes } from './utils.js';
 
 var _templateObject;
-var allSizes = {
-  default: '576px',
-  small: '320px',
-  medium: '656px',
-  large: '848px',
-  'x-large': '1042px',
-  'xx-large': '1440px'
-};
-var FixedBody = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    overflow: hidden;\n  }\n"])));
-var StyledDialogBackground = /*#__PURE__*/styled.div.withConfig({
+const FixedBody = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    overflow: hidden;\n  }\n"])));
+const StyledDialogBackground = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-0"
-})(["position:fixed;top:0;bottom:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;"]);
-var StyledDialogContainer = /*#__PURE__*/styled.div.withConfig({
+})(["position:fixed;top:0;bottom:0;width:100%;height:100%;background:rgba(37,41,47,50%);overflow-y:auto;z-index:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
+  return zIndex;
+});
+const StyledDialogContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-1"
-})(["height:fit-content;position:absolute;top:0;bottom:0;left:0;right:0;margin:", ";width:", ";min-width:300px;box-shadow:0 10px 20px 0 ", ";background:", ";overflow-y:scroll;", " &:focus{outline:none;}"], function (_ref) {
-  var centered = _ref.centered;
+})(["height:fit-content;position:absolute;top:0;bottom:0;left:0;right:0;margin:", ";width:", ";min-width:300px;box-shadow:0 10px 20px 0 ", ";background:", ";overflow-y:auto;", " &:focus{outline:none;}"], _ref2 => {
+  let {
+    centered
+  } = _ref2;
   return centered ? 'auto' : '20vh auto auto auto';
-}, function (_ref2) {
-  var size = _ref2.size;
+}, _ref3 => {
+  let {
+    size
+  } = _ref3;
   return allSizes[size];
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.colors.neutral[500];
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.colors.neutral['000'];
 }, space);
-var DSDialogTitle = /*#__PURE__*/styled.h3.withConfig({
+const DSDialogTitle = /*#__PURE__*/styled.h3.withConfig({
   componentId: "sc-106vqwv-2"
-})(["font-size:", ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;"], function (_ref5) {
-  var theme = _ref5.theme;
+})(["font-size:", ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;"], _ref6 => {
+  let {
+    theme
+  } = _ref6;
   return theme.fontSizes.title[700];
 });
-var DSDialogAddon = /*#__PURE__*/styled.div.withConfig({
+const DSDialogAddon = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-3"
 })([""]);
-var DSDialogHeader = /*#__PURE__*/styled.div.withConfig({
+const DSDialogHeader = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-4"
-})(["display:grid;align-items:center;grid-auto-flow:column;min-height:", ";padding:10px ", ";& ", " + ", "{align-self:flex-start;justify-self:flex-end;}& ", ":only-child{justify-self:flex-end;}", ""], function (_ref6) {
-  var theme = _ref6.theme;
+})(["display:grid;align-items:center;grid-auto-flow:column;min-height:", ";padding:10px ", ";& ", " + ", "{align-self:flex-start;justify-self:flex-end;}& ", ":only-child{justify-self:flex-end;}", ""], _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.space.m;
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
   return theme.space.xs;
 }, DSDialogTitle, DSDialogAddon, DSDialogAddon, space);
-var DSDialogSeparator = /*#__PURE__*/styled.hr.attrs(function () {
-  return {
-    'aria-hidden': true
-  };
-}).withConfig({
+const DSDialogSeparator = /*#__PURE__*/styled.hr.attrs(() => ({
+  'aria-hidden': true
+})).withConfig({
   componentId: "sc-106vqwv-5"
-})(["margin:0;border-top:1px solid ", ";"], function (_ref8) {
-  var theme = _ref8.theme;
+})(["margin:0;border-top:1px solid ", ";"], _ref9 => {
+  let {
+    theme
+  } = _ref9;
   return theme.colors.neutral['080'];
 });
-var DSDialogBody = /*#__PURE__*/styled.div.withConfig({
+const DSDialogBody = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-6"
-})(["padding:", ";overflow-y:auto;", " ", " ", ""], function (_ref9) {
-  var theme = _ref9.theme;
+})(["padding:", ";overflow-y:auto;", " ", " ", ""], _ref10 => {
+  let {
+    theme
+  } = _ref10;
   return theme.space.xs;
 }, layout, space, flexbox);
-var DSDialogPrimaryMessage = /*#__PURE__*/styled.h3.withConfig({
+const DSDialogPrimaryMessage = /*#__PURE__*/styled.h3.withConfig({
   componentId: "sc-106vqwv-7"
 })(["margin:0;"]);
-var DSDialogSecondaryMessage = /*#__PURE__*/styled.p.withConfig({
+const DSDialogSecondaryMessage = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-106vqwv-8"
-})(["margin:0;color:", ";"], function (_ref10) {
-  var theme = _ref10.theme;
+})(["margin:0;color:", ";"], _ref11 => {
+  let {
+    theme
+  } = _ref11;
   return theme.colors.neutral[500];
 });
-var DSDialogDefaultLayout = /*#__PURE__*/styled.div.withConfig({
+const DSDialogDefaultLayout = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-9"
-})(["display:grid;grid-auto-flow:row;justify-items:center;align-items:center;grid-gap:", ";", "{text-align:center;}"], function (_ref11) {
-  var theme = _ref11.theme;
+})(["display:grid;grid-auto-flow:row;justify-items:center;align-items:center;grid-gap:", ";", "{text-align:center;}"], _ref12 => {
+  let {
+    theme
+  } = _ref12;
   return theme.space.xxs;
 }, DSDialogSecondaryMessage);
-var DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
+const DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-10"
-})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], function (_ref12) {
-  var theme = _ref12.theme;
+})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], _ref13 => {
+  let {
+    theme
+  } = _ref13;
   return theme.space.xxs;
-}, function (_ref13) {
-  var theme = _ref13.theme;
+}, _ref14 => {
+  let {
+    theme
+  } = _ref14;
   return theme.space.m;
-}, function (_ref14) {
-  var theme = _ref14.theme;
+}, _ref15 => {
+  let {
+    theme
+  } = _ref15;
   return theme.space.xs;
 }, space, flexbox);
 
 export { DSDialogAddon, DSDialogBody, DSDialogDefaultLayout, DSDialogFooter, DSDialogHeader, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogSeparator, DSDialogTitle, FixedBody, StyledDialogBackground, StyledDialogContainer };
-//# sourceMappingURL=styles.js.map

package/esm/utils.js

@@ -1,13 +1,28 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var getSpaceProps = function getSpaceProps(props) {
-  return Object.fromEntries(Object.entries(props).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-        key = _ref2[0];
-
-    return /^[pm][xytblr]?$/.exec(key);
-  }));
+const getSpaceProps = props => Object.fromEntries(Object.entries(props).filter(_ref => {
+  let [key] = _ref;
+  return /^[pm][xytblr]?$/.exec(key);
+}));
+const DSDialogSizes = {
+  DEFAULT: 'default',
+  SMALL: 'small',
+  MEDIUM: 'medium',
+  LARGE: 'large',
+  XLARGE: 'x-large',
+  XXLARGE: 'xx-large'
+};
+const DSDialogSizesArrayValues = Object.values(DSDialogSizes);
+const allSizes = {
+  default: '576px',
+  small: '320px',
+  medium: '656px',
+  large: '848px',
+  'x-large': '1042px',
+  'xx-large': '1440px'
 };
 
-export { getSpaceProps };
-//# sourceMappingURL=utils.js.map
+export { DSDialogSizes, DSDialogSizesArrayValues, allSizes, getSpaceProps };

package/package.json

@@ -1,14 +1,62 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "1.61.5",
+  "version": "2.0.0-alpha.14",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Dialog",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Dialog",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils": {
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
+    },
+    "./styles": {
+      "import": "./esm/styles.js",
+      "require": "./cjs/styles.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./DSDialogTypes": {
+      "import": "./esm/DSDialogTypes.js",
+      "require": "./cjs/DSDialogTypes.js"
+    },
+    "./DSDialogInternalTypes.d": {
+      "import": "./esm/DSDialogInternalTypes.d.js",
+      "require": "./cjs/DSDialogInternalTypes.d.js"
+    },
+    "./DSDialogDatatestid": {
+      "import": "./esm/DSDialogDatatestid.js",
+      "require": "./cjs/DSDialogDatatestid.js"
+    },
+    "./DSDialog": {
+      "import": "./esm/DSDialog.js",
+      "require": "./cjs/DSDialog.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,20 +64,22 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.61.5",
-    "@elliemae/ds-system": "1.61.5",
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.14",
+    "@elliemae/ds-system": "2.0.0-alpha.14",
+    "react-desc": "~4.1.3",
     "styled-system": "~5.1.5"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSDialog.d.ts

@@ -0,0 +1,30 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import type { DSDialogPropsT } from './DSDialogTypes';
+declare const DSDialog: {
+    (props: DSDialogPropsT): React.ReactNode;
+    propTypes: {
+        isOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        children: import("react-desc").PropTypesDescValidator;
+        centered: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        size: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        removeAutoFocus: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onClickOutside: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSDialogWithSchema: {
+    (props?: DSDialogPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSDialog, DSDialogWithSchema };

package/types/DSDialogDatatestid.d.ts

@@ -0,0 +1,4 @@
+export declare const DSDialogDatatestid: {
+    CONTAINER: string;
+    BACKGROUND: string;
+};

package/types/DSDialogTypes.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+export interface DSDialogPropsT {
+    isOpen?: boolean;
+    children: React.ReactNode;
+    onClickOutside?: () => void;
+    size?: Sizes;
+    centered?: boolean;
+    removeAutoFocus?: boolean;
+}

package/types/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import type { DSDialogDefaultPropsT } from './DSDialogInternalTypes';
+export declare const defaultProps: DSDialogDefaultPropsT;

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DSDialog';
+export * from './DSDialogDatatestid';
+export { DSDialogSizes } from './utils';
+export { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage, } from './styles';

package/types/propTypes.d.ts

@@ -0,0 +1,19 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    isOpen: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    children: import("react-desc").PropTypesDescValidator;
+    centered: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    size: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    removeAutoFocus: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onClickOutside: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/styles.d.ts

@@ -0,0 +1,15 @@
+import type { StyledDialogContainerT } from './DSDialogInternalTypes';
+export declare const FixedBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogContainerT, never>;
+export declare const DSDialogTitle: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogSeparator: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {
+    'aria-hidden': true;
+}, "aria-hidden">;
+export declare const DSDialogBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogPrimaryMessage: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogSecondaryMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogDefaultLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/utils.d.ts

@@ -0,0 +1,19 @@
+import type { GetSpaceArgsT } from './DSDialogInternalTypes';
+export declare const getSpaceProps: (props: GetSpaceArgsT) => GetSpaceArgsT;
+export declare const DSDialogSizes: {
+    readonly DEFAULT: "default";
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+    readonly XLARGE: "x-large";
+    readonly XXLARGE: "xx-large";
+};
+export declare const DSDialogSizesArrayValues: ("default" | "small" | "medium" | "large" | "x-large" | "xx-large")[];
+export declare const allSizes: {
+    default: string;
+    small: string;
+    medium: string;
+    large: string;
+    'x-large': string;
+    'xx-large': string;
+};

package/DSDialog/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-dialog/DSDialog",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSDialog.js",
-  "module": "../esm/DSDialog.js"
-}

package/cjs/DSDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSDialog.js","sources":["../../src/DSDialog.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSDialogPropsT, DSDialogPropsWithDefaultT } from './types/index.d';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\n\nconst DSDialog = (props: DSDialogPropsT): React.ReactNode => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSDialogWithSchema.toTypescript());\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      if (e.target.dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground onClick={handleOutsideClick} data-portalbg>\n        <FixedBody />\n        <StyledDialogContainer\n          role=\"dialog\"\n          aria-modal\n          ref={containerRef}\n          tabIndex={!removeAutoFocus ? 0 : undefined}\n          onKeyDown={handleOnKeyDown}\n          {...getSpaceProps(rest)}\n          size={size}\n          centered={centered}\n        >\n          {children}\n        </StyledDialogContainer>\n      </StyledDialogBackground>,\n      document.getElementsByTagName('body')[0],\n    );\n  }\n\n  return null;\n};\n\nDSDialog.propTypes = propTypes;\n\nconst DSDialogWithSchema = describe(DSDialog);\nDSDialogWithSchema.propTypes = propTypes;\n\nexport { DSDialog, DSDialogWithSchema };\n"],"names":["DSDialog","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSDialogWithSchema","toTypescript","children","isOpen","onClickOutside","centered","size","removeAutoFocus","rest","containerRef","useRef","handleOutsideClick","useCallback","e","target","dataset","portalbg","handleOnKeyDown","key","useEffect","current","focus","ReactDOM","createPortal","React","StyledDialogBackground","FixedBody","StyledDialogContainer","undefined","getSpaceProps","document","getElementsByTagName","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAA4C;AAC3D,MAAMC,gBAAgB,GAAGC,2CAA4B,CAACF,KAAD,EAAQG,yBAAR,CAArD;AAEAC,EAAAA,6CAA8B,CAACH,gBAAD,EAAmBI,kBAAkB,CAACC,YAAnB,EAAnB,CAA9B;;AACA,MAAQC,QAAR,GAAuFN,gBAAvF,CAAQM,QAAR;AAAA,MAAkBC,MAAlB,GAAuFP,gBAAvF,CAAkBO,MAAlB;AAAA,MAA0BC,cAA1B,GAAuFR,gBAAvF,CAA0BQ,cAA1B;AAAA,MAA0CC,QAA1C,GAAuFT,gBAAvF,CAA0CS,QAA1C;AAAA,MAAoDC,IAApD,GAAuFV,gBAAvF,CAAoDU,IAApD;AAAA,MAA0DC,eAA1D,GAAuFX,gBAAvF,CAA0DW,eAA1D;AAAA,MAA8EC,IAA9E,gDAAuFZ,gBAAvF;;AAEA,MAAMa,YAAY,GAAGC,YAAM,CAAwB,IAAxB,CAA3B;AAEA,MAAMC,kBAAkB,GAAGC,iBAAW,CACpC,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACC,MAAF,CAASC,OAAT,CAAiBC,QAArB,EAA+BZ,cAAc;AAC9C,GAHmC,EAIpC,CAACA,cAAD,CAJoC,CAAtC;AAOA,MAAMa,eAAe,GAAGL,iBAAW,CACjC,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACK,GAAF,KAAU,QAAd,EAAwBd,cAAc;AACvC,GAHgC,EAIjC,CAACA,cAAD,CAJiC,CAAnC;AAOAe,EAAAA,eAAS,CAAC,YAAM;AAAA;;AACd,QAAIhB,MAAM,IAAI,CAACI,eAAf,EAAgCE,YAAY,SAAZ,IAAAA,YAAY,WAAZ,qCAAAA,YAAY,CAAEW,OAAd,gFAAuBC,KAAvB;AACjC,GAFQ,EAEN,CAAClB,MAAD,EAASI,eAAT,CAFM,CAAT;;AAIA,MAAIJ,MAAJ,EAAY;AACV,wBAAOmB,4BAAQ,CAACC,YAAT,eACLC,wCAACC,6BAAD;AAAwB,MAAA,OAAO,EAAEd,kBAAjC;AAAqD;AAArD,oBACEa,wCAACE,gBAAD,OADF,eAEEF,wCAACG,4BAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,wBAFF;AAGE,MAAA,GAAG,EAAElB,YAHP;AAIE,MAAA,QAAQ,EAAE,CAACF,eAAD,GAAmB,CAAnB,GAAuBqB,SAJnC;AAKE,MAAA,SAAS,EAAEX;AALb,OAMMY,mBAAa,CAACrB,IAAD,CANnB;AAOE,MAAA,IAAI,EAAEF,IAPR;AAQE,MAAA,QAAQ,EAAED;AARZ,QAUGH,QAVH,CAFF,CADK,EAgBL4B,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAhBK,CAAP;AAkBD;;AAED,SAAO,IAAP;AACD;;AAEDrC,QAAQ,CAACsC,SAAT,GAAqBA,mBAArB;IAEMhC,kBAAkB,GAAGiC,kBAAQ,CAACvC,QAAD;AACnCM,kBAAkB,CAACgC,SAAnB,GAA+BA,mBAA/B;;;;;"}

package/cjs/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["import type { DSDialogPropsT } from './types/index.d';\n\nexport const defaultProps: Partial<DSDialogPropsT> = {\n  isOpen: false,\n  centered: false,\n  size: 'default',\n  removeAutoFocus: false,\n  onClickOutside: () => {},\n};\n"],"names":["defaultProps","isOpen","centered","size","removeAutoFocus","onClickOutside"],"mappings":";;;;IAEaA,YAAqC,GAAG;AACnDC,EAAAA,MAAM,EAAE,KAD2C;AAEnDC,EAAAA,QAAQ,EAAE,KAFyC;AAGnDC,EAAAA,IAAI,EAAE,SAH6C;AAInDC,EAAAA,eAAe,EAAE,KAJkC;AAKnDC,EAAAA,cAAc,EAAE,0BAAM;AAL6B;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/propTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["/* eslint-disable max-len */\nimport { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  isOpen: PropTypes.bool.description('Wether the Dialog is open or not.').defaultValue(false),\n  children: PropTypes.node.description('Nested components.').isRequired,\n  centered: PropTypes.bool.description('Centers the Dialog.').defaultValue(false),\n  removeAutoFocus: PropTypes.bool\n    .description(\n      'Removes focus in the Dialog container when is open. If you want to focus an specific element in the Dialog, it should be set to true.',\n    )\n    .defaultValue(false),\n  onClickOutside: PropTypes.func\n    .description(\n      'Callback that should be used to close the modal when the user clicks outside. Cb also triggers when the user press ESC key for accessibility purposes.',\n    )\n    .defaultValue(() => {}),\n};\n"],"names":["propTypes","isOpen","PropTypes","bool","description","defaultValue","children","node","isRequired","centered","removeAutoFocus","onClickOutside","func"],"mappings":";;;;;;AAAA;IAGaA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAEC,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,mCAA3B,EAAgEC,YAAhE,CAA6E,KAA7E,CADe;AAEvBC,EAAAA,QAAQ,EAAEJ,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,oBAA3B,EAAiDI,UAFpC;AAGvBC,EAAAA,QAAQ,EAAEP,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,qBAA3B,EAAkDC,YAAlD,CAA+D,KAA/D,CAHa;AAIvBK,EAAAA,eAAe,EAAER,mBAAS,CAACC,IAAV,CACdC,WADc,CAEb,uIAFa,EAIdC,YAJc,CAID,KAJC,CAJM;AASvBM,EAAAA,cAAc,EAAET,mBAAS,CAACU,IAAV,CACbR,WADa,CAEZ,wJAFY,EAIbC,YAJa,CAIA,YAAM,EAJN;AATO;;;;"}

package/cjs/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexbox, layout } from 'styled-system';\nimport type { StyledDialogContainerT } from './types/index.d';\n\nconst allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n\nexport const FixedBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n  }\n`;\n\nexport const StyledDialogBackground = styled.div`\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(37, 41, 47, 50%);\n  overflow-y: auto;\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerT>`\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: ${({ centered }) => (centered ? 'auto' : '20vh auto auto auto')};\n  width: ${({ size }) => allSizes[size]};\n  min-width: 300px;\n  box-shadow: 0 10px 20px 0 ${({ theme }) => theme.colors.neutral[500]};\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  overflow-y: scroll;\n  ${space}\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const DSDialogTitle = styled.h3`\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  margin: 0;\n`;\n\nexport const DSDialogAddon = styled.div``;\n\nexport const DSDialogHeader = styled.div`\n  display: grid;\n  align-items: center;\n  grid-auto-flow: column;\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 10px ${({ theme }) => theme.space.xs};\n  & ${DSDialogTitle} + ${DSDialogAddon} {\n    align-self: flex-start;\n    justify-self: flex-end;\n  }\n  & ${DSDialogAddon}:only-child {\n    justify-self: flex-end;\n  }\n  ${space}\n`;\n\nexport const DSDialogSeparator = styled.hr.attrs(() => ({ 'aria-hidden': true }))`\n  margin: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral['080']};\n`;\n\nexport const DSDialogBody = styled.div`\n  padding: ${({ theme }) => theme.space.xs};\n  overflow-y: auto;\n  ${layout}\n  ${space}\n  ${flexbox}\n`;\n\nexport const DSDialogPrimaryMessage = styled.h3`\n  margin: 0;\n`;\n\nexport const DSDialogSecondaryMessage = styled.p`\n  margin: 0;\n  color: ${({ theme }) => theme.colors.neutral[500]};\n`;\n\nexport const DSDialogDefaultLayout = styled.div`\n  display: grid;\n  grid-auto-flow: row;\n  justify-items: center;\n  align-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n\n  ${DSDialogSecondaryMessage} {\n    text-align: center;\n  }\n`;\n\nexport const DSDialogFooter = styled.div`\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: flex-end;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 0 ${({ theme }) => theme.space.xs};\n  ${space}\n  ${flexbox}\n`;\n"],"names":["allSizes","default","small","medium","large","FixedBody","createGlobalStyle","StyledDialogBackground","styled","div","StyledDialogContainer","centered","size","theme","colors","neutral","space","DSDialogTitle","h3","fontSizes","title","DSDialogAddon","DSDialogHeader","m","xs","DSDialogSeparator","hr","attrs","DSDialogBody","layout","flexbox","DSDialogPrimaryMessage","DSDialogSecondaryMessage","p","DSDialogDefaultLayout","xxs","DSDialogFooter"],"mappings":";;;;;;;;;;;;;;;AAKA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,OAAO,EAAE,OADM;AAEfC,EAAAA,KAAK,EAAE,OAFQ;AAGfC,EAAAA,MAAM,EAAE,OAHO;AAIfC,EAAAA,KAAK,EAAE,OAJQ;AAKf,aAAW,QALI;AAMf,cAAY;AANG,CAAjB;IASaC,SAAS,GAAGC,0BAAH;IAMTC,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAUtBC,qBAAqB,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA,8MAOtB;AAAA,MAAGE,QAAH,QAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,MAAH,GAAY,qBAAvC;AAAA,CAPsB,EAQvB;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,SAAcZ,QAAQ,CAACY,IAAD,CAAtB;AAAA,CARuB,EAUJ;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVI,EAWlB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAXkB,EAa9BC,kBAb8B;IAmBrBC,aAAa,gBAAGT,0BAAM,CAACU,EAAV;AAAA;AAAA,sHACX;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACM,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAf;AAAA,CADW;IASbC,aAAa,gBAAGb,0BAAM,CAACC,GAAV;AAAA;AAAA;IAEba,cAAc,gBAAGd,0BAAM,CAACC,GAAV;AAAA;AAAA,yMAIX;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYO,CAA3B;AAAA,CAJW,EAKT;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CALS,EAMrBP,aANqB,EAMFI,aANE,EAUrBA,aAVqB,EAavBL,kBAbuB;IAgBdS,iBAAiB,gBAAGjB,0BAAM,CAACkB,EAAP,CAAUC,KAAV,CAAgB;AAAA,SAAO;AAAE,mBAAe;AAAjB,GAAP;AAAA,CAAhB,CAAH;AAAA;AAAA,4CAEJ;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAFI;IAKjBa,YAAY,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,oDACZ;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CADY,EAGrBK,mBAHqB,EAIrBb,kBAJqB,EAKrBc,oBALqB;IAQZC,sBAAsB,gBAAGvB,0BAAM,CAACU,EAAV;AAAA;AAAA;IAItBc,wBAAwB,gBAAGxB,0BAAM,CAACyB,CAAV;AAAA;AAAA,6BAE1B;AAAA,MAAGpB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAF0B;IAKxBmB,qBAAqB,gBAAG1B,0BAAM,CAACC,GAAV;AAAA;AAAA,uHAKpB;AAAA,MAAGI,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYmB,GAA3B;AAAA,CALoB,EAO9BH,wBAP8B;IAYrBI,cAAc,gBAAG5B,0BAAM,CAACC,GAAV;AAAA;AAAA,8IAKb;AAAA,MAAGI,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYmB,GAA3B;AAAA,CALa,EAMX;AAAA,MAAGtB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYO,CAA3B;AAAA,CANW,EAOZ;AAAA,MAAGV,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CAPY,EAQvBR,kBARuB,EASvBc,oBATuB;;;;;;;;;;;;;;;"}

package/cjs/types/index.d.js

@@ -1,3 +0,0 @@
-'use strict';
-
-//# sourceMappingURL=index.d.js.map

package/cjs/types/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["import type { GetSpaceArgsT } from './types/index.d';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n"],"names":["getSpaceProps","props","Object","fromEntries","entries","filter","key","exec"],"mappings":";;;;;;;;;;IAEaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,SAC3BC,MAAM,CAACC,WAAP,CAAmBD,MAAM,CAACE,OAAP,CAAeH,KAAf,EAAsBI,MAAtB,CAA6B;AAAA;AAAA,QAAEC,GAAF;;AAAA,WAAW,kBAAkBC,IAAlB,CAAuBD,GAAvB,CAAX;AAAA,GAA7B,CAAnB,CAD2B;AAAA;;;;"}

package/defaultProps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-dialog/defaultProps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/defaultProps.js",
-  "module": "../esm/defaultProps.js"
-}

package/esm/DSDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSDialog.js","sources":["../../src/DSDialog.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSDialogPropsT, DSDialogPropsWithDefaultT } from './types/index.d';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\n\nconst DSDialog = (props: DSDialogPropsT): React.ReactNode => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSDialogWithSchema.toTypescript());\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e) => {\n      if (e.target.dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground onClick={handleOutsideClick} data-portalbg>\n        <FixedBody />\n        <StyledDialogContainer\n          role=\"dialog\"\n          aria-modal\n          ref={containerRef}\n          tabIndex={!removeAutoFocus ? 0 : undefined}\n          onKeyDown={handleOnKeyDown}\n          {...getSpaceProps(rest)}\n          size={size}\n          centered={centered}\n        >\n          {children}\n        </StyledDialogContainer>\n      </StyledDialogBackground>,\n      document.getElementsByTagName('body')[0],\n    );\n  }\n\n  return null;\n};\n\nDSDialog.propTypes = propTypes;\n\nconst DSDialogWithSchema = describe(DSDialog);\nDSDialogWithSchema.propTypes = propTypes;\n\nexport { DSDialog, DSDialogWithSchema };\n"],"names":["DSDialog","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSDialogWithSchema","toTypescript","children","isOpen","onClickOutside","centered","size","removeAutoFocus","rest","containerRef","useRef","handleOutsideClick","useCallback","e","target","dataset","portalbg","handleOnKeyDown","key","useEffect","current","focus","ReactDOM","createPortal","undefined","getSpaceProps","document","getElementsByTagName","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAUMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAA4C;AAC3D,MAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;AAEAC,EAAAA,8BAA8B,CAACH,gBAAD,EAAmBI,kBAAkB,CAACC,YAAnB,EAAnB,CAA9B;;AACA,MAAQC,QAAR,GAAuFN,gBAAvF,CAAQM,QAAR;AAAA,MAAkBC,MAAlB,GAAuFP,gBAAvF,CAAkBO,MAAlB;AAAA,MAA0BC,cAA1B,GAAuFR,gBAAvF,CAA0BQ,cAA1B;AAAA,MAA0CC,QAA1C,GAAuFT,gBAAvF,CAA0CS,QAA1C;AAAA,MAAoDC,IAApD,GAAuFV,gBAAvF,CAAoDU,IAApD;AAAA,MAA0DC,eAA1D,GAAuFX,gBAAvF,CAA0DW,eAA1D;AAAA,MAA8EC,IAA9E,4BAAuFZ,gBAAvF;;AAEA,MAAMa,YAAY,GAAGC,MAAM,CAAwB,IAAxB,CAA3B;AAEA,MAAMC,kBAAkB,GAAGC,WAAW,CACpC,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACC,MAAF,CAASC,OAAT,CAAiBC,QAArB,EAA+BZ,cAAc;AAC9C,GAHmC,EAIpC,CAACA,cAAD,CAJoC,CAAtC;AAOA,MAAMa,eAAe,GAAGL,WAAW,CACjC,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACK,GAAF,KAAU,QAAd,EAAwBd,cAAc;AACvC,GAHgC,EAIjC,CAACA,cAAD,CAJiC,CAAnC;AAOAe,EAAAA,SAAS,CAAC,YAAM;AAAA;;AACd,QAAIhB,MAAM,IAAI,CAACI,eAAf,EAAgCE,YAAY,SAAZ,IAAAA,YAAY,WAAZ,qCAAAA,YAAY,CAAEW,OAAd,gFAAuBC,KAAvB;AACjC,GAFQ,EAEN,CAAClB,MAAD,EAASI,eAAT,CAFM,CAAT;;AAIA,MAAIJ,MAAJ,EAAY;AACV,wBAAOmB,QAAQ,CAACC,YAAT,eACL,oBAAC,sBAAD;AAAwB,MAAA,OAAO,EAAEZ,kBAAjC;AAAqD;AAArD,oBACE,oBAAC,SAAD,OADF,eAEE,oBAAC,qBAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,wBAFF;AAGE,MAAA,GAAG,EAAEF,YAHP;AAIE,MAAA,QAAQ,EAAE,CAACF,eAAD,GAAmB,CAAnB,GAAuBiB,SAJnC;AAKE,MAAA,SAAS,EAAEP;AALb,OAMMQ,aAAa,CAACjB,IAAD,CANnB;AAOE,MAAA,IAAI,EAAEF,IAPR;AAQE,MAAA,QAAQ,EAAED;AARZ,QAUGH,QAVH,CAFF,CADK,EAgBLwB,QAAQ,CAACC,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAhBK,CAAP;AAkBD;;AAED,SAAO,IAAP;AACD;;AAEDjC,QAAQ,CAACkC,SAAT,GAAqBA,SAArB;IAEM5B,kBAAkB,GAAG6B,QAAQ,CAACnC,QAAD;AACnCM,kBAAkB,CAAC4B,SAAnB,GAA+BA,SAA/B;;;;"}

package/esm/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["import type { DSDialogPropsT } from './types/index.d';\n\nexport const defaultProps: Partial<DSDialogPropsT> = {\n  isOpen: false,\n  centered: false,\n  size: 'default',\n  removeAutoFocus: false,\n  onClickOutside: () => {},\n};\n"],"names":["defaultProps","isOpen","centered","size","removeAutoFocus","onClickOutside"],"mappings":"IAEaA,YAAqC,GAAG;AACnDC,EAAAA,MAAM,EAAE,KAD2C;AAEnDC,EAAAA,QAAQ,EAAE,KAFyC;AAGnDC,EAAAA,IAAI,EAAE,SAH6C;AAInDC,EAAAA,eAAe,EAAE,KAJkC;AAKnDC,EAAAA,cAAc,EAAE,0BAAM;AAL6B;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/propTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["/* eslint-disable max-len */\nimport { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  isOpen: PropTypes.bool.description('Wether the Dialog is open or not.').defaultValue(false),\n  children: PropTypes.node.description('Nested components.').isRequired,\n  centered: PropTypes.bool.description('Centers the Dialog.').defaultValue(false),\n  removeAutoFocus: PropTypes.bool\n    .description(\n      'Removes focus in the Dialog container when is open. If you want to focus an specific element in the Dialog, it should be set to true.',\n    )\n    .defaultValue(false),\n  onClickOutside: PropTypes.func\n    .description(\n      'Callback that should be used to close the modal when the user clicks outside. Cb also triggers when the user press ESC key for accessibility purposes.',\n    )\n    .defaultValue(() => {}),\n};\n"],"names":["propTypes","isOpen","PropTypes","bool","description","defaultValue","children","node","isRequired","centered","removeAutoFocus","onClickOutside","func"],"mappings":";;AAAA;IAGaA,SAAS,GAAG;AACvBC,EAAAA,MAAM,EAAEC,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,mCAA3B,EAAgEC,YAAhE,CAA6E,KAA7E,CADe;AAEvBC,EAAAA,QAAQ,EAAEJ,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,oBAA3B,EAAiDI,UAFpC;AAGvBC,EAAAA,QAAQ,EAAEP,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,qBAA3B,EAAkDC,YAAlD,CAA+D,KAA/D,CAHa;AAIvBK,EAAAA,eAAe,EAAER,SAAS,CAACC,IAAV,CACdC,WADc,CAEb,uIAFa,EAIdC,YAJc,CAID,KAJC,CAJM;AASvBM,EAAAA,cAAc,EAAET,SAAS,CAACU,IAAV,CACbR,WADa,CAEZ,wJAFY,EAIbC,YAJa,CAIA,YAAM,EAJN;AATO;;;;"}

package/esm/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexbox, layout } from 'styled-system';\nimport type { StyledDialogContainerT } from './types/index.d';\n\nconst allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n\nexport const FixedBody = createGlobalStyle`\n  body {\n    overflow: hidden;\n  }\n`;\n\nexport const StyledDialogBackground = styled.div`\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(37, 41, 47, 50%);\n  overflow-y: auto;\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerT>`\n  height: fit-content;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  margin: ${({ centered }) => (centered ? 'auto' : '20vh auto auto auto')};\n  width: ${({ size }) => allSizes[size]};\n  min-width: 300px;\n  box-shadow: 0 10px 20px 0 ${({ theme }) => theme.colors.neutral[500]};\n  background: ${({ theme }) => theme.colors.neutral['000']};\n  overflow-y: scroll;\n  ${space}\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const DSDialogTitle = styled.h3`\n  font-size: ${({ theme }) => theme.fontSizes.title[700]};\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  margin: 0;\n`;\n\nexport const DSDialogAddon = styled.div``;\n\nexport const DSDialogHeader = styled.div`\n  display: grid;\n  align-items: center;\n  grid-auto-flow: column;\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 10px ${({ theme }) => theme.space.xs};\n  & ${DSDialogTitle} + ${DSDialogAddon} {\n    align-self: flex-start;\n    justify-self: flex-end;\n  }\n  & ${DSDialogAddon}:only-child {\n    justify-self: flex-end;\n  }\n  ${space}\n`;\n\nexport const DSDialogSeparator = styled.hr.attrs(() => ({ 'aria-hidden': true }))`\n  margin: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral['080']};\n`;\n\nexport const DSDialogBody = styled.div`\n  padding: ${({ theme }) => theme.space.xs};\n  overflow-y: auto;\n  ${layout}\n  ${space}\n  ${flexbox}\n`;\n\nexport const DSDialogPrimaryMessage = styled.h3`\n  margin: 0;\n`;\n\nexport const DSDialogSecondaryMessage = styled.p`\n  margin: 0;\n  color: ${({ theme }) => theme.colors.neutral[500]};\n`;\n\nexport const DSDialogDefaultLayout = styled.div`\n  display: grid;\n  grid-auto-flow: row;\n  justify-items: center;\n  align-items: center;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n\n  ${DSDialogSecondaryMessage} {\n    text-align: center;\n  }\n`;\n\nexport const DSDialogFooter = styled.div`\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: flex-end;\n  grid-gap: ${({ theme }) => theme.space.xxs};\n  min-height: ${({ theme }) => theme.space.m};\n  padding: 0 ${({ theme }) => theme.space.xs};\n  ${space}\n  ${flexbox}\n`;\n"],"names":["allSizes","default","small","medium","large","FixedBody","createGlobalStyle","StyledDialogBackground","styled","div","StyledDialogContainer","centered","size","theme","colors","neutral","space","DSDialogTitle","h3","fontSizes","title","DSDialogAddon","DSDialogHeader","m","xs","DSDialogSeparator","hr","attrs","DSDialogBody","layout","flexbox","DSDialogPrimaryMessage","DSDialogSecondaryMessage","p","DSDialogDefaultLayout","xxs","DSDialogFooter"],"mappings":";;;;;;AAKA,IAAMA,QAAQ,GAAG;AACfC,EAAAA,OAAO,EAAE,OADM;AAEfC,EAAAA,KAAK,EAAE,OAFQ;AAGfC,EAAAA,MAAM,EAAE,OAHO;AAIfC,EAAAA,KAAK,EAAE,OAJQ;AAKf,aAAW,QALI;AAMf,cAAY;AANG,CAAjB;IASaC,SAAS,GAAGC,iBAAH;IAMTC,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAUtBC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,8MAOtB;AAAA,MAAGE,QAAH,QAAGA,QAAH;AAAA,SAAmBA,QAAQ,GAAG,MAAH,GAAY,qBAAvC;AAAA,CAPsB,EAQvB;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,SAAcZ,QAAQ,CAACY,IAAD,CAAtB;AAAA,CARuB,EAUJ;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVI,EAWlB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAXkB,EAa9BC,KAb8B;IAmBrBC,aAAa,gBAAGT,MAAM,CAACU,EAAV;AAAA;AAAA,sHACX;AAAA,MAAGL,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACM,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAf;AAAA,CADW;IASbC,aAAa,gBAAGb,MAAM,CAACC,GAAV;AAAA;AAAA;IAEba,cAAc,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA,yMAIX;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYO,CAA3B;AAAA,CAJW,EAKT;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CALS,EAMrBP,aANqB,EAMFI,aANE,EAUrBA,aAVqB,EAavBL,KAbuB;IAgBdS,iBAAiB,gBAAGjB,MAAM,CAACkB,EAAP,CAAUC,KAAV,CAAgB;AAAA,SAAO;AAAE,mBAAe;AAAjB,GAAP;AAAA,CAAhB,CAAH;AAAA;AAAA,4CAEJ;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAFI;IAKjBa,YAAY,gBAAGpB,MAAM,CAACC,GAAV;AAAA;AAAA,oDACZ;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CADY,EAGrBK,MAHqB,EAIrBb,KAJqB,EAKrBc,OALqB;IAQZC,sBAAsB,gBAAGvB,MAAM,CAACU,EAAV;AAAA;AAAA;IAItBc,wBAAwB,gBAAGxB,MAAM,CAACyB,CAAV;AAAA;AAAA,6BAE1B;AAAA,MAAGpB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAF0B;IAKxBmB,qBAAqB,gBAAG1B,MAAM,CAACC,GAAV;AAAA;AAAA,uHAKpB;AAAA,MAAGI,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYmB,GAA3B;AAAA,CALoB,EAO9BH,wBAP8B;IAYrBI,cAAc,gBAAG5B,MAAM,CAACC,GAAV;AAAA;AAAA,8IAKb;AAAA,MAAGI,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYmB,GAA3B;AAAA,CALa,EAMX;AAAA,MAAGtB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYO,CAA3B;AAAA,CANW,EAOZ;AAAA,MAAGV,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACG,KAAN,CAAYQ,EAA3B;AAAA,CAPY,EAQvBR,KARuB,EASvBc,OATuB;;;;"}

package/esm/types/index.d.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.d.js.map

package/esm/types/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["import type { GetSpaceArgsT } from './types/index.d';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n"],"names":["getSpaceProps","props","Object","fromEntries","entries","filter","key","exec"],"mappings":";;IAEaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,SAC3BC,MAAM,CAACC,WAAP,CAAmBD,MAAM,CAACE,OAAP,CAAeH,KAAf,EAAsBI,MAAtB,CAA6B;AAAA;AAAA,QAAEC,GAAF;;AAAA,WAAW,kBAAkBC,IAAlB,CAAuBD,GAAvB,CAAX;AAAA,GAA7B,CAAnB,CAD2B;AAAA;;;;"}

package/propTypes/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-dialog/propTypes",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/propTypes.js",
-  "module": "../esm/propTypes.js"
-}

package/styles/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-dialog/styles",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/styles.js",
-  "module": "../esm/styles.js"
-}

package/types/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-dialog/types",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/types/index.d.js",
-  "module": "../esm/types/index.d.js"
-}