@elliemae/ds-dialog 2.3.0-alpha.1 → 2.3.0-alpha.6

package/{cjs → dist/cjs}/DSDialog.js

@@ -33,7 +33,6 @@ __export(DSDialog_exports, {
 var React = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_styles = require("./styles");
 var import_propTypes = require("./propTypes");
@@ -69,12 +68,14 @@ const DSDialog = (props) => {
     if (isOpen && !removeAutoFocus)
       containerRef?.current?.focus();
   }, [isOpen, removeAutoFocus]);
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault, { onClick: handleOutsideClick });
   if (isOpen) {
     return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogBackground, {
       onClick: handleOutsideClick,
       "data-portalbg": true,
       "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.BACKGROUND,
-      zIndex
+      zIndex,
+      ...globalAttributes
     }, /* @__PURE__ */ import_react.default.createElement(import_styles.FixedBody, {
       bodyInfo
     }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogContainer, {
@@ -92,7 +93,7 @@ const DSDialog = (props) => {
   return null;
 };
 DSDialog.propTypes = import_propTypes.propTypes;
-const DSDialogWithSchema = (0, import_react_desc.describe)(DSDialog);
+const DSDialogWithSchema = (0, import_ds_props_helpers.describe)(DSDialog);
 DSDialogWithSchema.propTypes = import_propTypes.propTypes;
 module.exports = __toCommonJS(DSDialog_exports);
 //# sourceMappingURL=DSDialog.js.map

package/dist/cjs/DSDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDialog.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect, useState } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  describe,\n} from '@elliemae/ds-props-helpers';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\nimport { DSDialogDatatestid } from './DSDialogDatatestid';\nimport type { BodyInfoT, DSDialogPropsWithDefaultT } from './DSDialogInternalTypes';\nimport type { DSDialogPropsT } from './DSDialogTypes';\n\nconst DSDialog: React.ComponentType<DSDialogPropsT> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n  const [bodyInfo, setBodyInfo] = useState<BodyInfoT>({ overflow: false, padding: '0px' });\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    const body = document.getElementsByTagName('body')[0];\n    const { offsetHeight, scrollHeight } = body;\n    const padding = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n    if (!isOpen) return setBodyInfo({ overflow: false, padding: '0px' });\n\n    return setBodyInfo({\n      overflow: offsetHeight < scrollHeight,\n      padding,\n    });\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, { onClick: handleOutsideClick });\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground\n        onClick={handleOutsideClick}\n        data-portalbg\n        data-testid={DSDialogDatatestid.BACKGROUND}\n        zIndex={zIndex}\n        {...globalAttributes}\n      >\n        <FixedBody bodyInfo={bodyInfo} />\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          data-testid={DSDialogDatatestid.CONTAINER}\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AACrB,mBAAgE;AAChE,8BAKO;AACP,oBAAyE;AACzE,uBAA0B;AAC1B,0BAA6B;AAC7B,mBAA8B;AAC9B,gCAAmC;AAInC,MAAM,WAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,QAAM,CAAC,UAAU,eAAe,2BAAoB,EAAE,UAAU,OAAO,SAAS;AAEhF,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,UAAU,QAAQ,gBAAgB,UAAU,MAAM,iBAAiB,WAAW,SAAS;AAE/F,QAAM,eAAe,yBAA8B;AAEnD,QAAM,qBAAqB,8BACzB,CAAC,MAAwB;AACvB,QAAK,EAAE,OAA0B,QAAQ;AAAU;AAAA,KAErD,CAAC;AAGH,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ;AAAU;AAAA,KAE1B,CAAC;AAGH,8BAAU,MAAM;AACd,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,cAAc,iBAAiB;AACvC,UAAM,UAAU,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAEtE,QAAI,CAAC;AAAQ,aAAO,YAAY,EAAE,UAAU,OAAO,SAAS;AAE5D,WAAO,YAAY;AAAA,MACjB,UAAU,eAAe;AAAA,MACzB;AAAA;AAAA,KAED,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,UAAU,CAAC;AAAiB,oBAAc,SAAS;AAAA,KACtD,CAAC,QAAQ;AAEZ,QAAM,mBAAmB,oDAAuB,kBAAkB,EAAE,SAAS;AAE7E,MAAI,QAAQ;AACV,WAAO,yBAAS,aACd,mDAAC,sCAAD;AAAA,MACE,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,6CAAmB;AAAA,MAChC;AAAA,SACI;AAAA,OAEJ,mDAAC,yBAAD;AAAA,MAAW;AAAA,QACX,mDAAC,qCAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC,kBAAkB,IAAI;AAAA,MACjC,WAAW;AAAA,SACP,gCAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,eAAa,6CAAmB;AAAA,OAE/B,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,SAAS,YAAY;AAErB,MAAM,qBAAqB,sCAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}

package/{cjs → dist/cjs}/DSDialogInternalTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSDialogInternalTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSDialogPropsT, Sizes } from './DSDialogTypes';\n\nexport interface BodyInfoT {\n  overflow: boolean;\n  padding: string;\n}\n\nexport interface DSDialogDefaultPropsT {\n  isOpen: boolean;\n  centered: boolean;\n  size: Sizes;\n  removeAutoFocus: boolean;\n  onClickOutside: () => void;\n  zIndex: number;\n}\n\nexport interface StyledDialogContainerPropsT {\n  size: Sizes;\n  centered: boolean;\n}\n\nexport interface StyledDialogFixedBodyPropsT {\n  bodyInfo: BodyInfoT;\n}\n\nexport interface StyledDialogBackgroundPropsT {\n  zIndex: number;\n}\n\nexport type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;\n\nexport type GetSpaceArgsT = Partial<Record<string, string | number>>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type { DSDialogPropsT, Sizes } from './DSDialogTypes';\n\nexport interface BodyInfoT {\n  overflow: boolean;\n  padding: string;\n}\n\nexport interface DSDialogDefaultPropsT {\n  isOpen: boolean;\n  centered: boolean;\n  size: Sizes;\n  removeAutoFocus: boolean;\n  onClickOutside: () => void;\n  zIndex: number;\n}\n\nexport interface StyledDialogContainerPropsT {\n  size: Sizes;\n  centered: boolean;\n}\n\nexport interface StyledDialogBackgroundT {\n  zIndex: number;\n}\n\nexport interface FixedBodyT {\n  isBodyOverflow: boolean;\n}\n\nexport type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;\n\nexport type GetSpaceArgsT = Partial<Record<string, string | number>>;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -0,0 +1,94 @@
+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 src_exports = {};
+__export(src_exports, {
+  DSDialogAddon: () => import_styles.DSDialogAddon,
+  DSDialogAddonWithSchema: () => DSDialogAddonWithSchema,
+  DSDialogBody: () => import_styles.DSDialogBody,
+  DSDialogBodyWithSchema: () => DSDialogBodyWithSchema,
+  DSDialogDefaultLayout: () => import_styles.DSDialogDefaultLayout,
+  DSDialogDefaultLayoutWithSchema: () => DSDialogDefaultLayoutWithSchema,
+  DSDialogFooter: () => import_styles.DSDialogFooter,
+  DSDialogFooterWithSchema: () => DSDialogFooterWithSchema,
+  DSDialogHeader: () => import_styles.DSDialogHeader,
+  DSDialogHeaderWithSchema: () => DSDialogHeaderWithSchema,
+  DSDialogPrimaryMessage: () => import_styles.DSDialogPrimaryMessage,
+  DSDialogPrimaryMessageWithSchema: () => DSDialogPrimaryMessageWithSchema,
+  DSDialogSecondaryMessage: () => import_styles.DSDialogSecondaryMessage,
+  DSDialogSecondaryMessageWithSchema: () => DSDialogSecondaryMessageWithSchema,
+  DSDialogSeparator: () => import_styles.DSDialogSeparator,
+  DSDialogSeparatorWithSchema: () => DSDialogSeparatorWithSchema,
+  DSDialogSizes: () => import_utils.DSDialogSizes,
+  DSDialogTitle: () => import_styles.DSDialogTitle,
+  DSDialogTitleWithSchema: () => DSDialogTitleWithSchema
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_styles = require("./styles");
+__reExport(src_exports, require("./DSDialog"));
+__reExport(src_exports, require("./DSDialogDatatestid"));
+var import_utils = require("./utils");
+import_styles.DSDialogBody.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogHeader.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogFooter.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogSeparator.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogTitle.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogAddon.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogDefaultLayout.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogPrimaryMessage.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogSecondaryMessage.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+import_styles.DSDialogBody.displayName = "DSDialogBody";
+import_styles.DSDialogHeader.displayName = "DSDialogHeader";
+import_styles.DSDialogFooter.displayName = "DSDialogFooter";
+import_styles.DSDialogSeparator.displayName = "DSDialogSeparator";
+import_styles.DSDialogTitle.displayName = "DSDialogTitle";
+import_styles.DSDialogAddon.displayName = "DSDialogAddon";
+import_styles.DSDialogDefaultLayout.displayName = "DSDialogDefaultLayout";
+import_styles.DSDialogPrimaryMessage.displayName = "DSDialogPrimaryMessage";
+import_styles.DSDialogSecondaryMessage.displayName = "DSDialogSecondaryMessage";
+const DSDialogBodyWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogBody);
+const DSDialogHeaderWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogHeader);
+const DSDialogFooterWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogFooter);
+const DSDialogSeparatorWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogSeparator);
+const DSDialogTitleWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogTitle);
+const DSDialogAddonWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogAddon);
+const DSDialogDefaultLayoutWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogDefaultLayout);
+const DSDialogPrimaryMessageWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogPrimaryMessage);
+const DSDialogSecondaryMessageWithSchema = (0, import_react_desc.describe)(import_styles.DSDialogSecondaryMessage);
+DSDialogBodyWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogHeaderWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogFooterWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogSeparatorWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogTitleWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogAddonWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogDefaultLayoutWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogPrimaryMessageWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+DSDialogSecondaryMessageWithSchema.propTypes = import_ds_props_helpers.globalAttributesPropTypes;
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { describe } from 'react-desc';\nimport { globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n} from './styles';\n\nDSDialogBody.propTypes = globalAttributesPropTypes;\nDSDialogHeader.propTypes = globalAttributesPropTypes;\nDSDialogFooter.propTypes = globalAttributesPropTypes;\nDSDialogSeparator.propTypes = globalAttributesPropTypes;\nDSDialogTitle.propTypes = globalAttributesPropTypes;\nDSDialogAddon.propTypes = globalAttributesPropTypes;\nDSDialogDefaultLayout.propTypes = globalAttributesPropTypes;\nDSDialogPrimaryMessage.propTypes = globalAttributesPropTypes;\nDSDialogSecondaryMessage.propTypes = globalAttributesPropTypes;\nDSDialogBody.displayName = 'DSDialogBody';\nDSDialogHeader.displayName = 'DSDialogHeader';\nDSDialogFooter.displayName = 'DSDialogFooter';\nDSDialogSeparator.displayName = 'DSDialogSeparator';\nDSDialogTitle.displayName = 'DSDialogTitle';\nDSDialogAddon.displayName = 'DSDialogAddon';\nDSDialogDefaultLayout.displayName = 'DSDialogDefaultLayout';\nDSDialogPrimaryMessage.displayName = 'DSDialogPrimaryMessage';\nDSDialogSecondaryMessage.displayName = 'DSDialogSecondaryMessage';\n\nconst DSDialogBodyWithSchema = describe(DSDialogBody);\nconst DSDialogHeaderWithSchema = describe(DSDialogHeader);\nconst DSDialogFooterWithSchema = describe(DSDialogFooter);\nconst DSDialogSeparatorWithSchema = describe(DSDialogSeparator);\nconst DSDialogTitleWithSchema = describe(DSDialogTitle);\nconst DSDialogAddonWithSchema = describe(DSDialogAddon);\nconst DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);\nconst DSDialogPrimaryMessageWithSchema = describe(DSDialogPrimaryMessage);\nconst DSDialogSecondaryMessageWithSchema = describe(DSDialogSecondaryMessage);\n\nDSDialogBodyWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogHeaderWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogFooterWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogSeparatorWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogTitleWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogAddonWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogDefaultLayoutWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogPrimaryMessageWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogSecondaryMessageWithSchema.propTypes = globalAttributesPropTypes;\n\nexport * from './DSDialog';\nexport * from './DSDialogDatatestid';\nexport { DSDialogSizes } from './utils';\nexport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n  DSDialogBodyWithSchema,\n  DSDialogHeaderWithSchema,\n  DSDialogFooterWithSchema,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitleWithSchema,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessageWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAyB;AACzB,8BAA0C;AAC1C,oBAUO;AAyCP,wBAAc;AACd,wBAAc;AACd,mBAA8B;AAzC9B,2BAAa,YAAY;AACzB,6BAAe,YAAY;AAC3B,6BAAe,YAAY;AAC3B,gCAAkB,YAAY;AAC9B,4BAAc,YAAY;AAC1B,4BAAc,YAAY;AAC1B,oCAAsB,YAAY;AAClC,qCAAuB,YAAY;AACnC,uCAAyB,YAAY;AACrC,2BAAa,cAAc;AAC3B,6BAAe,cAAc;AAC7B,6BAAe,cAAc;AAC7B,gCAAkB,cAAc;AAChC,4BAAc,cAAc;AAC5B,4BAAc,cAAc;AAC5B,oCAAsB,cAAc;AACpC,qCAAuB,cAAc;AACrC,uCAAyB,cAAc;AAEvC,MAAM,yBAAyB,gCAAS;AACxC,MAAM,2BAA2B,gCAAS;AAC1C,MAAM,2BAA2B,gCAAS;AAC1C,MAAM,8BAA8B,gCAAS;AAC7C,MAAM,0BAA0B,gCAAS;AACzC,MAAM,0BAA0B,gCAAS;AACzC,MAAM,kCAAkC,gCAAS;AACjD,MAAM,mCAAmC,gCAAS;AAClD,MAAM,qCAAqC,gCAAS;AAEpD,uBAAuB,YAAY;AACnC,yBAAyB,YAAY;AACrC,yBAAyB,YAAY;AACrC,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;AACpC,wBAAwB,YAAY;AACpC,gCAAgC,YAAY;AAC5C,iCAAiC,YAAY;AAC7C,mCAAmC,YAAY;",
+  "names": []
+}

package/{cjs → dist/cjs}/propTypes.js

@@ -30,16 +30,17 @@ __export(propTypes_exports, {
   propTypes: () => propTypes
 });
 var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_utils = require("./utils");
 const propTypes = {
-  isOpen: import_react_desc.PropTypes.bool.description("Wether the Dialog is open or not.").defaultValue(false),
-  children: import_react_desc.PropTypes.node.description("Nested components.").isRequired,
-  centered: import_react_desc.PropTypes.bool.description("Centers the Dialog.").defaultValue(false),
-  size: import_react_desc.PropTypes.oneOf(import_utils.DSDialogSizesArrayValues).description(`Dialog's width size.`).defaultValue(import_utils.DSDialogSizes.DEFAULT),
-  removeAutoFocus: import_react_desc.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: import_react_desc.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(() => {
-  })
+  isOpen: import_ds_props_helpers.PropTypes.bool.description("Whether the Dialog is open or not.").defaultValue(false),
+  children: import_ds_props_helpers.PropTypes.node.description("Nested components.").isRequired,
+  centered: import_ds_props_helpers.PropTypes.bool.description("Centers the Dialog.").defaultValue(false),
+  removeAutoFocus: import_ds_props_helpers.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: import_ds_props_helpers.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(() => {
+  }),
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  size: import_ds_props_helpers.PropTypes.oneOf(import_utils.DSDialogSizesArrayValues).description(`Dialog's width size.`).defaultValue(import_utils.DSDialogSizes.DEFAULT)
 };
 module.exports = __toCommonJS(propTypes_exports);
 //# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-len */\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport { WeakValidationMap } from 'react';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils';\n\nexport const propTypes = {\n  isOpen: PropTypes.bool.description('Whether 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  ...globalAttributesPropTypes,\n  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAqD;AAErD,mBAAwD;AAEjD,MAAM,YAAY;AAAA,EACvB,QAAQ,kCAAU,KAAK,YAAY,sCAAsC,aAAa;AAAA,EACtF,UAAU,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,UAAU,kCAAU,KAAK,YAAY,uBAAuB,aAAa;AAAA,EACzE,iBAAiB,kCAAU,KACxB,YACC,yIAED,aAAa;AAAA,EAChB,gBAAgB,kCAAU,KACvB,YACC,0JAED,aAAa,MAAM;AAAA;AAAA,KACnB;AAAA,EACH,MAAM,kCAAU,MAAM,uCACnB,YAAY,wBACZ,aAAa,2BAAc;AAAA;",
+  "names": []
+}

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexboxes, layout, sizing } from '@xstyled/styled-components';\nimport { allSizes } from './utils';\nimport type { StyledDialogContainerT, StyledDialogBackgroundT, FixedBodyT } from './DSDialogInternalTypes';\n\nexport const FixedBody = createGlobalStyle<FixedBodyT>`\n  body {\n    overflow: hidden;\n    \n    ${({ bodyInfo }) => (bodyInfo.overflow ? `padding-right: calc( ${bodyInfo.padding} + 15px ) !important;` : ``)}\n  }\n`;\n\nexport const StyledDialogBackground = styled.div<StyledDialogBackgroundT>`\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  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerPropsT>`\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: auto;\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\n  ${layout}\n  ${space}\n  ${flexboxes}\n  ${sizing}\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  ${flexboxes}\n  ${sizing}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,uBAAkC;AAClC,gCAAiD;AACjD,mBAAyB;AAGlB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,MAInB,CAAC,EAAE,eAAgB,SAAS,WAAW,wBAAwB,SAAS,iCAAiC;AAAA;AAAA;AAIxG,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQhC,CAAC,EAAE,aAAa;AAAA;AAGtB,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,eAAgB,WAAW,SAAS;AAAA,WACxC,CAAC,EAAE,WAAW,sBAAS;AAAA;AAAA,8BAEJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,gBAClD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,IAEhD;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,gBAAgB,iCAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ7C,MAAM,gBAAgB,iCAAO;AAE7B,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,MACvC,mBAAmB;AAAA;AAAA;AAAA;AAAA,MAInB;AAAA;AAAA;AAAA,IAGF;AAAA;AAGG,MAAM,oBAAoB,iCAAO,GAAG,MAAM,MAAO,GAAE,eAAe;AAAA;AAAA,0BAE/C,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvD,MAAM,eAAe,iCAAO;AAAA,aACtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,IAGpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,iCAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAK9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,IAErC;AAAA;AAAA;AAAA;AAKG,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKvB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA;",
+  "names": []
+}

package/{cjs → dist/cjs}/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { GetSpaceArgsT } from './DSDialogInternalTypes';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n\nexport const DSDialogSizes = {\n  DEFAULT: 'default',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'x-large',\n  XXLARGE: 'xx-large',\n} as const;\n\nexport const DSDialogSizesArrayValues = Object.values(DSDialogSizes);\n\nexport const allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import type { GetSpaceArgsT } from './DSDialogInternalTypes';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n\nexport const DSDialogSizes = {\n  DEFAULT: 'default' as const,\n  SMALL: 'small' as const,\n  MEDIUM: 'medium' as const,\n  LARGE: 'large' as const,\n  XLARGE: 'x-large' as const,\n  XXLARGE: 'xx-large' as const,\n};\n\nexport const DSDialogSizesArrayValues = Object.values(DSDialogSizes);\n\nexport const allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,gBAAgB,CAAC,UAC5B,OAAO,YAAY,OAAO,QAAQ,OAAO,OAAO,CAAC,CAAC,SAAS,kBAAkB,KAAK;AAE7E,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA;AAGJ,MAAM,2BAA2B,OAAO,OAAO;AAE/C,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA;",
   "names": []
 }

package/{esm → dist/esm}/DSDialog.js

@@ -1,8 +1,12 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
 import React2, { useCallback, useRef, useEffect, useState } from "react";
-import { describe } from "react-desc";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  useMemoMergePropsWithDefault,
+  useValidateTypescriptPropTypes,
+  useGetGlobalAttributes,
+  describe
+} from "@elliemae/ds-props-helpers";
 import { FixedBody, StyledDialogBackground, StyledDialogContainer } from "./styles";
 import { propTypes } from "./propTypes";
 import { defaultProps } from "./defaultProps";
@@ -37,12 +41,14 @@ const DSDialog = (props) => {
     if (isOpen && !removeAutoFocus)
       containerRef?.current?.focus();
   }, [isOpen, removeAutoFocus]);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault, { onClick: handleOutsideClick });
   if (isOpen) {
     return ReactDOM.createPortal(/* @__PURE__ */ React2.createElement(StyledDialogBackground, {
       onClick: handleOutsideClick,
       "data-portalbg": true,
       "data-testid": DSDialogDatatestid.BACKGROUND,
-      zIndex
+      zIndex,
+      ...globalAttributes
     }, /* @__PURE__ */ React2.createElement(FixedBody, {
       bodyInfo
     }), /* @__PURE__ */ React2.createElement(StyledDialogContainer, {

package/dist/esm/DSDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDialog.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect, useState } from 'react';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  describe,\n} from '@elliemae/ds-props-helpers';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\nimport { DSDialogDatatestid } from './DSDialogDatatestid';\nimport type { BodyInfoT, DSDialogPropsWithDefaultT } from './DSDialogInternalTypes';\nimport type { DSDialogPropsT } from './DSDialogTypes';\n\nconst DSDialog: React.ComponentType<DSDialogPropsT> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n  const [bodyInfo, setBodyInfo] = useState<BodyInfoT>({ overflow: false, padding: '0px' });\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    const body = document.getElementsByTagName('body')[0];\n    const { offsetHeight, scrollHeight } = body;\n    const padding = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n    if (!isOpen) return setBodyInfo({ overflow: false, padding: '0px' });\n\n    return setBodyInfo({\n      overflow: offsetHeight < scrollHeight,\n      padding,\n    });\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault, { onClick: handleOutsideClick });\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground\n        onClick={handleOutsideClick}\n        data-portalbg\n        data-testid={DSDialogDatatestid.BACKGROUND}\n        zIndex={zIndex}\n        {...globalAttributes}\n      >\n        <FixedBody bodyInfo={bodyInfo} />\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          data-testid={DSDialogDatatestid.CONTAINER}\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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AAIA,MAAM,WAAgD,CAAC,UAAU;AAC/D,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,QAAM,CAAC,UAAU,eAAe,SAAoB,EAAE,UAAU,OAAO,SAAS;AAEhF,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,UAAU,QAAQ,gBAAgB,UAAU,MAAM,iBAAiB,WAAW,SAAS;AAE/F,QAAM,eAAe,OAA8B;AAEnD,QAAM,qBAAqB,YACzB,CAAC,MAAwB;AACvB,QAAK,EAAE,OAA0B,QAAQ;AAAU;AAAA,KAErD,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ;AAAU;AAAA,KAE1B,CAAC;AAGH,YAAU,MAAM;AACd,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,cAAc,iBAAiB;AACvC,UAAM,UAAU,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAEtE,QAAI,CAAC;AAAQ,aAAO,YAAY,EAAE,UAAU,OAAO,SAAS;AAE5D,WAAO,YAAY;AAAA,MACjB,UAAU,eAAe;AAAA,MACzB;AAAA;AAAA,KAED,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,UAAU,CAAC;AAAiB,oBAAc,SAAS;AAAA,KACtD,CAAC,QAAQ;AAEZ,QAAM,mBAAmB,uBAAuB,kBAAkB,EAAE,SAAS;AAE7E,MAAI,QAAQ;AACV,WAAO,SAAS,aACd,qCAAC,wBAAD;AAAA,MACE,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,SACI;AAAA,OAEJ,qCAAC,WAAD;AAAA,MAAW;AAAA,QACX,qCAAC,uBAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC,kBAAkB,IAAI;AAAA,MACjC,WAAW;AAAA,SACP,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,eAAa,mBAAmB;AAAA,OAE/B,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { describe } from "react-desc";
+import { globalAttributesPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  DSDialogBody,
+  DSDialogHeader,
+  DSDialogFooter,
+  DSDialogSeparator,
+  DSDialogTitle,
+  DSDialogAddon,
+  DSDialogDefaultLayout,
+  DSDialogPrimaryMessage,
+  DSDialogSecondaryMessage
+} from "./styles";
+DSDialogBody.propTypes = globalAttributesPropTypes;
+DSDialogHeader.propTypes = globalAttributesPropTypes;
+DSDialogFooter.propTypes = globalAttributesPropTypes;
+DSDialogSeparator.propTypes = globalAttributesPropTypes;
+DSDialogTitle.propTypes = globalAttributesPropTypes;
+DSDialogAddon.propTypes = globalAttributesPropTypes;
+DSDialogDefaultLayout.propTypes = globalAttributesPropTypes;
+DSDialogPrimaryMessage.propTypes = globalAttributesPropTypes;
+DSDialogSecondaryMessage.propTypes = globalAttributesPropTypes;
+DSDialogBody.displayName = "DSDialogBody";
+DSDialogHeader.displayName = "DSDialogHeader";
+DSDialogFooter.displayName = "DSDialogFooter";
+DSDialogSeparator.displayName = "DSDialogSeparator";
+DSDialogTitle.displayName = "DSDialogTitle";
+DSDialogAddon.displayName = "DSDialogAddon";
+DSDialogDefaultLayout.displayName = "DSDialogDefaultLayout";
+DSDialogPrimaryMessage.displayName = "DSDialogPrimaryMessage";
+DSDialogSecondaryMessage.displayName = "DSDialogSecondaryMessage";
+const DSDialogBodyWithSchema = describe(DSDialogBody);
+const DSDialogHeaderWithSchema = describe(DSDialogHeader);
+const DSDialogFooterWithSchema = describe(DSDialogFooter);
+const DSDialogSeparatorWithSchema = describe(DSDialogSeparator);
+const DSDialogTitleWithSchema = describe(DSDialogTitle);
+const DSDialogAddonWithSchema = describe(DSDialogAddon);
+const DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);
+const DSDialogPrimaryMessageWithSchema = describe(DSDialogPrimaryMessage);
+const DSDialogSecondaryMessageWithSchema = describe(DSDialogSecondaryMessage);
+DSDialogBodyWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogHeaderWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogFooterWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogSeparatorWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogTitleWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogAddonWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogDefaultLayoutWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogPrimaryMessageWithSchema.propTypes = globalAttributesPropTypes;
+DSDialogSecondaryMessageWithSchema.propTypes = globalAttributesPropTypes;
+export * from "./DSDialog";
+export * from "./DSDialogDatatestid";
+import { DSDialogSizes } from "./utils";
+export {
+  DSDialogAddon,
+  DSDialogAddonWithSchema,
+  DSDialogBody,
+  DSDialogBodyWithSchema,
+  DSDialogDefaultLayout,
+  DSDialogDefaultLayoutWithSchema,
+  DSDialogFooter,
+  DSDialogFooterWithSchema,
+  DSDialogHeader,
+  DSDialogHeaderWithSchema,
+  DSDialogPrimaryMessage,
+  DSDialogPrimaryMessageWithSchema,
+  DSDialogSecondaryMessage,
+  DSDialogSecondaryMessageWithSchema,
+  DSDialogSeparator,
+  DSDialogSeparatorWithSchema,
+  DSDialogSizes,
+  DSDialogTitle,
+  DSDialogTitleWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from 'react-desc';\nimport { globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n} from './styles';\n\nDSDialogBody.propTypes = globalAttributesPropTypes;\nDSDialogHeader.propTypes = globalAttributesPropTypes;\nDSDialogFooter.propTypes = globalAttributesPropTypes;\nDSDialogSeparator.propTypes = globalAttributesPropTypes;\nDSDialogTitle.propTypes = globalAttributesPropTypes;\nDSDialogAddon.propTypes = globalAttributesPropTypes;\nDSDialogDefaultLayout.propTypes = globalAttributesPropTypes;\nDSDialogPrimaryMessage.propTypes = globalAttributesPropTypes;\nDSDialogSecondaryMessage.propTypes = globalAttributesPropTypes;\nDSDialogBody.displayName = 'DSDialogBody';\nDSDialogHeader.displayName = 'DSDialogHeader';\nDSDialogFooter.displayName = 'DSDialogFooter';\nDSDialogSeparator.displayName = 'DSDialogSeparator';\nDSDialogTitle.displayName = 'DSDialogTitle';\nDSDialogAddon.displayName = 'DSDialogAddon';\nDSDialogDefaultLayout.displayName = 'DSDialogDefaultLayout';\nDSDialogPrimaryMessage.displayName = 'DSDialogPrimaryMessage';\nDSDialogSecondaryMessage.displayName = 'DSDialogSecondaryMessage';\n\nconst DSDialogBodyWithSchema = describe(DSDialogBody);\nconst DSDialogHeaderWithSchema = describe(DSDialogHeader);\nconst DSDialogFooterWithSchema = describe(DSDialogFooter);\nconst DSDialogSeparatorWithSchema = describe(DSDialogSeparator);\nconst DSDialogTitleWithSchema = describe(DSDialogTitle);\nconst DSDialogAddonWithSchema = describe(DSDialogAddon);\nconst DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);\nconst DSDialogPrimaryMessageWithSchema = describe(DSDialogPrimaryMessage);\nconst DSDialogSecondaryMessageWithSchema = describe(DSDialogSecondaryMessage);\n\nDSDialogBodyWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogHeaderWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogFooterWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogSeparatorWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogTitleWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogAddonWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogDefaultLayoutWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogPrimaryMessageWithSchema.propTypes = globalAttributesPropTypes;\nDSDialogSecondaryMessageWithSchema.propTypes = globalAttributesPropTypes;\n\nexport * from './DSDialog';\nexport * from './DSDialogDatatestid';\nexport { DSDialogSizes } from './utils';\nexport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n  DSDialogBodyWithSchema,\n  DSDialogHeaderWithSchema,\n  DSDialogFooterWithSchema,\n  DSDialogSeparatorWithSchema,\n  DSDialogTitleWithSchema,\n  DSDialogAddonWithSchema,\n  DSDialogDefaultLayoutWithSchema,\n  DSDialogPrimaryMessageWithSchema,\n  DSDialogSecondaryMessageWithSchema,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,aAAa,YAAY;AACzB,eAAe,YAAY;AAC3B,eAAe,YAAY;AAC3B,kBAAkB,YAAY;AAC9B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,sBAAsB,YAAY;AAClC,uBAAuB,YAAY;AACnC,yBAAyB,YAAY;AACrC,aAAa,cAAc;AAC3B,eAAe,cAAc;AAC7B,eAAe,cAAc;AAC7B,kBAAkB,cAAc;AAChC,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,sBAAsB,cAAc;AACpC,uBAAuB,cAAc;AACrC,yBAAyB,cAAc;AAEvC,MAAM,yBAAyB,SAAS;AACxC,MAAM,2BAA2B,SAAS;AAC1C,MAAM,2BAA2B,SAAS;AAC1C,MAAM,8BAA8B,SAAS;AAC7C,MAAM,0BAA0B,SAAS;AACzC,MAAM,0BAA0B,SAAS;AACzC,MAAM,kCAAkC,SAAS;AACjD,MAAM,mCAAmC,SAAS;AAClD,MAAM,qCAAqC,SAAS;AAEpD,uBAAuB,YAAY;AACnC,yBAAyB,YAAY;AACrC,yBAAyB,YAAY;AACrC,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;AACpC,wBAAwB,YAAY;AACpC,gCAAgC,YAAY;AAC5C,iCAAiC,YAAY;AAC7C,mCAAmC,YAAY;AAE/C;AACA;AACA;",
+  "names": []
+}

package/{esm → dist/esm}/propTypes.js

@@ -1,14 +1,15 @@
 import * as React from "react";
-import { PropTypes } from "react-desc";
+import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
 import { DSDialogSizes, DSDialogSizesArrayValues } from "./utils";
 const propTypes = {
-  isOpen: PropTypes.bool.description("Wether the Dialog is open or not.").defaultValue(false),
+  isOpen: PropTypes.bool.description("Whether 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(() => {
-  })
+  }),
+  ...globalAttributesPropTypes,
+  size: PropTypes.oneOf(DSDialogSizesArrayValues).description(`Dialog's width size.`).defaultValue(DSDialogSizes.DEFAULT)
 };
 export {
   propTypes

package/dist/esm/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\nimport { WeakValidationMap } from 'react';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils';\n\nexport const propTypes = {\n  isOpen: PropTypes.bool.description('Whether 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  ...globalAttributesPropTypes,\n  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,YAAY;AAAA,EACvB,QAAQ,UAAU,KAAK,YAAY,sCAAsC,aAAa;AAAA,EACtF,UAAU,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,UAAU,UAAU,KAAK,YAAY,uBAAuB,aAAa;AAAA,EACzE,iBAAiB,UAAU,KACxB,YACC,yIAED,aAAa;AAAA,EAChB,gBAAgB,UAAU,KACvB,YACC,0JAED,aAAa,MAAM;AAAA;AAAA,KACnB;AAAA,EACH,MAAM,UAAU,MAAM,0BACnB,YAAY,wBACZ,aAAa,cAAc;AAAA;",
+  "names": []
+}

package/dist/esm/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexboxes, layout, sizing } from '@xstyled/styled-components';\nimport { allSizes } from './utils';\nimport type { StyledDialogContainerT, StyledDialogBackgroundT, FixedBodyT } from './DSDialogInternalTypes';\n\nexport const FixedBody = createGlobalStyle<FixedBodyT>`\n  body {\n    overflow: hidden;\n    \n    ${({ bodyInfo }) => (bodyInfo.overflow ? `padding-right: calc( ${bodyInfo.padding} + 15px ) !important;` : ``)}\n  }\n`;\n\nexport const StyledDialogBackground = styled.div<StyledDialogBackgroundT>`\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  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerPropsT>`\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: auto;\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\n  ${layout}\n  ${space}\n  ${flexboxes}\n  ${sizing}\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  ${flexboxes}\n  ${sizing}\n`;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,MAInB,CAAC,EAAE,eAAgB,SAAS,WAAW,wBAAwB,SAAS,iCAAiC;AAAA;AAAA;AAIxG,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQhC,CAAC,EAAE,aAAa;AAAA;AAGtB,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,eAAgB,WAAW,SAAS;AAAA,WACxC,CAAC,EAAE,WAAW,SAAS;AAAA;AAAA,8BAEJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,gBAClD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,IAEhD;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,gBAAgB,OAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ7C,MAAM,gBAAgB,OAAO;AAE7B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,MACvC,mBAAmB;AAAA;AAAA;AAAA;AAAA,MAInB;AAAA;AAAA;AAAA,IAGF;AAAA;AAGG,MAAM,oBAAoB,OAAO,GAAG,MAAM,MAAO,GAAE,eAAe;AAAA;AAAA,0BAE/C,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvD,MAAM,eAAe,OAAO;AAAA,aACtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,IAGpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,OAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAK9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,IAErC;AAAA;AAAA;AAAA;AAKG,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKvB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA;",
+  "names": []
+}

package/{esm → dist/esm}/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GetSpaceArgsT } from './DSDialogInternalTypes';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n\nexport const DSDialogSizes = {\n  DEFAULT: 'default',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n  XLARGE: 'x-large',\n  XXLARGE: 'xx-large',\n} as const;\n\nexport const DSDialogSizesArrayValues = Object.values(DSDialogSizes);\n\nexport const allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GetSpaceArgsT } from './DSDialogInternalTypes';\n\nexport const getSpaceProps = (props: GetSpaceArgsT): GetSpaceArgsT =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => /^[pm][xytblr]?$/.exec(key)));\n\nexport const DSDialogSizes = {\n  DEFAULT: 'default' as const,\n  SMALL: 'small' as const,\n  MEDIUM: 'medium' as const,\n  LARGE: 'large' as const,\n  XLARGE: 'x-large' as const,\n  XXLARGE: 'xx-large' as const,\n};\n\nexport const DSDialogSizesArrayValues = Object.values(DSDialogSizes);\n\nexport const allSizes = {\n  default: '576px',\n  small: '320px',\n  medium: '656px',\n  large: '848px',\n  'x-large': '1042px',\n  'xx-large': '1440px',\n};\n"],
   "mappings": "AAAA;ACEO,MAAM,gBAAgB,CAAC,UAC5B,OAAO,YAAY,OAAO,QAAQ,OAAO,OAAO,CAAC,CAAC,SAAS,kBAAkB,KAAK;AAE7E,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA;AAGJ,MAAM,2BAA2B,OAAO,OAAO;AAE/C,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA;",
   "names": []
 }

package/package.json

@@ -1,47 +1,50 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "2.3.0-alpha.1",
+  "version": "2.3.0-alpha.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils": {
-      "import": "./esm/utils.js",
-      "require": "./cjs/utils.js"
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
     },
     "./styles": {
-      "import": "./esm/styles.js",
-      "require": "./cjs/styles.js"
+      "import": "./dist/esm/styles.js",
+      "require": "./dist/cjs/styles.js"
     },
     "./propTypes": {
-      "import": "./esm/propTypes.js",
-      "require": "./cjs/propTypes.js"
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
     },
     "./DSDialogTypes": {
-      "import": "./esm/DSDialogTypes.js",
-      "require": "./cjs/DSDialogTypes.js"
+      "import": "./dist/esm/DSDialogTypes.js",
+      "require": "./dist/cjs/DSDialogTypes.js"
     },
     "./DSDialogInternalTypes": {
-      "import": "./esm/DSDialogInternalTypes.js",
-      "require": "./cjs/DSDialogInternalTypes.js"
+      "import": "./dist/esm/DSDialogInternalTypes.js",
+      "require": "./dist/cjs/DSDialogInternalTypes.js"
     },
     "./DSDialogDatatestid": {
-      "import": "./esm/DSDialogDatatestid.js",
-      "require": "./cjs/DSDialogDatatestid.js"
+      "import": "./dist/esm/DSDialogDatatestid.js",
+      "require": "./dist/cjs/DSDialogDatatestid.js"
     },
     "./DSDialog": {
-      "import": "./esm/DSDialog.js",
-      "require": "./cjs/DSDialog.js"
+      "import": "./dist/esm/DSDialog.js",
+      "require": "./dist/cjs/DSDialog.js"
     },
     "./defaultProps": {
-      "import": "./esm/defaultProps.js",
-      "require": "./cjs/defaultProps.js"
+      "import": "./dist/esm/defaultProps.js",
+      "require": "./dist/cjs/defaultProps.js"
     }
   },
   "sideEffects": [
@@ -53,20 +56,14 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
-  },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.1",
-    "@elliemae/ds-system": "2.3.0-alpha.1",
-    "@xstyled/styled-components": "~3.1.1",
+    "@elliemae/ds-props-helpers": "2.3.0-alpha.6",
+    "@elliemae/ds-system": "2.3.0-alpha.6",
+    "@xstyled/styled-components": "~3.1.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
@@ -79,7 +76,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "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"
   }
 }

package/cjs/DSDialog.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSDialog.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\nimport { DSDialogDatatestid } from './DSDialogDatatestid';\nimport type { BodyInfoT, DSDialogPropsWithDefaultT } from './DSDialogInternalTypes';\nimport type { DSDialogPropsT } from './DSDialogTypes';\n\nconst DSDialog = (props: DSDialogPropsT): React.ReactNode => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n  const [bodyInfo, setBodyInfo] = useState<BodyInfoT>({ overflow: false, padding: '0px' });\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    const body = document.getElementsByTagName('body')[0];\n    const { offsetHeight, scrollHeight } = body;\n    const padding = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n    if (!isOpen) return setBodyInfo({ overflow: false, padding: '0px' });\n\n    return setBodyInfo({\n      overflow: offsetHeight < scrollHeight,\n      padding,\n    });\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground\n        onClick={handleOutsideClick}\n        data-portalbg\n        data-testid={DSDialogDatatestid.BACKGROUND}\n        zIndex={zIndex}\n      >\n        <FixedBody bodyInfo={bodyInfo} />\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          data-testid={DSDialogDatatestid.CONTAINER}\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AACrB,mBAAgE;AAChE,wBAAyB;AACzB,8BAA6E;AAC7E,oBAAyE;AACzE,uBAA0B;AAC1B,0BAA6B;AAC7B,mBAA8B;AAC9B,gCAAmC;AAInC,MAAM,WAAW,CAAC,UAA2C;AAC3D,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,QAAM,CAAC,UAAU,eAAe,2BAAoB,EAAE,UAAU,OAAO,SAAS;AAEhF,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,UAAU,QAAQ,gBAAgB,UAAU,MAAM,iBAAiB,WAAW,SAAS;AAE/F,QAAM,eAAe,yBAA8B;AAEnD,QAAM,qBAAqB,8BACzB,CAAC,MAAwB;AACvB,QAAK,EAAE,OAA0B,QAAQ;AAAU;AAAA,KAErD,CAAC;AAGH,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ;AAAU;AAAA,KAE1B,CAAC;AAGH,8BAAU,MAAM;AACd,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,cAAc,iBAAiB;AACvC,UAAM,UAAU,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAEtE,QAAI,CAAC;AAAQ,aAAO,YAAY,EAAE,UAAU,OAAO,SAAS;AAE5D,WAAO,YAAY;AAAA,MACjB,UAAU,eAAe;AAAA,MACzB;AAAA;AAAA,KAED,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,UAAU,CAAC;AAAiB,oBAAc,SAAS;AAAA,KACtD,CAAC,QAAQ;AAEZ,MAAI,QAAQ;AACV,WAAO,yBAAS,aACd,mDAAC,sCAAD;AAAA,MACE,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,6CAAmB;AAAA,MAChC;AAAA,OAEA,mDAAC,yBAAD;AAAA,MAAW;AAAA,QACX,mDAAC,qCAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC,kBAAkB,IAAI;AAAA,MACjC,WAAW;AAAA,SACP,gCAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,eAAa,6CAAmB;AAAA,OAE/B,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;",
-  "names": []
-}

package/cjs/index.js

@@ -1,47 +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 src_exports = {};
-__export(src_exports, {
-  DSDialogAddon: () => import_styles.DSDialogAddon,
-  DSDialogBody: () => import_styles.DSDialogBody,
-  DSDialogDefaultLayout: () => import_styles.DSDialogDefaultLayout,
-  DSDialogFooter: () => import_styles.DSDialogFooter,
-  DSDialogHeader: () => import_styles.DSDialogHeader,
-  DSDialogPrimaryMessage: () => import_styles.DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage: () => import_styles.DSDialogSecondaryMessage,
-  DSDialogSeparator: () => import_styles.DSDialogSeparator,
-  DSDialogSizes: () => import_utils.DSDialogSizes,
-  DSDialogTitle: () => import_styles.DSDialogTitle
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSDialog"));
-__reExport(src_exports, require("./DSDialogDatatestid"));
-var import_utils = require("./utils");
-var import_styles = require("./styles");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSDialog';\nexport * from './DSDialogDatatestid';\nexport { DSDialogSizes } from './utils';\n\nexport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n} from './styles';\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,wBAAc;AACd,wBAAc;AACd,mBAA8B;AAE9B,oBAUO;",
-  "names": []
-}

package/cjs/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport { PropTypes } from 'react-desc';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils';\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  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAC1B,mBAAwD;AAEjD,MAAM,YAAY;AAAA,EACvB,QAAQ,4BAAU,KAAK,YAAY,qCAAqC,aAAa;AAAA,EACrF,UAAU,4BAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,UAAU,4BAAU,KAAK,YAAY,uBAAuB,aAAa;AAAA,EACzE,MAAM,4BAAU,MAAM,uCACnB,YAAY,wBACZ,aAAa,2BAAc;AAAA,EAC9B,iBAAiB,4BAAU,KACxB,YACC,yIAED,aAAa;AAAA,EAChB,gBAAgB,4BAAU,KACvB,YACC,0JAED,aAAa,MAAM;AAAA;AAAA;",
-  "names": []
-}

package/cjs/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexboxes, layout, sizing } from '@xstyled/styled-components';\nimport { allSizes } from './utils';\nimport type {\n  StyledDialogContainerPropsT,\n  StyledDialogFixedBodyPropsT,\n  StyledDialogBackgroundPropsT,\n} from './DSDialogInternalTypes';\n\nexport const FixedBody = createGlobalStyle<StyledDialogFixedBodyPropsT>`\n  body {\n    overflow: hidden;\n    \n    ${({ bodyInfo }) => (bodyInfo.overflow ? `padding-right: calc( ${bodyInfo.padding} + 15px ) !important;` : ``)}\n  }\n`;\n\nexport const StyledDialogBackground = styled.div<StyledDialogBackgroundPropsT>`\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  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerPropsT>`\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: auto;\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\n  ${layout}\n  ${space}\n  ${flexboxes}\n  ${sizing}\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  ${flexboxes}\n  ${sizing}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AACnB,uBAAkC;AAClC,gCAAiD;AACjD,mBAAyB;AAOlB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,MAInB,CAAC,EAAE,eAAgB,SAAS,WAAW,wBAAwB,SAAS,iCAAiC;AAAA;AAAA;AAIxG,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQhC,CAAC,EAAE,aAAa;AAAA;AAGtB,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,eAAgB,WAAW,SAAS;AAAA,WACxC,CAAC,EAAE,WAAW,sBAAS;AAAA;AAAA,8BAEJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,gBAClD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,IAEhD;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,gBAAgB,iCAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ7C,MAAM,gBAAgB,iCAAO;AAE7B,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,MACvC,mBAAmB;AAAA;AAAA;AAAA;AAAA,MAInB;AAAA;AAAA;AAAA,IAGF;AAAA;AAGG,MAAM,oBAAoB,iCAAO,GAAG,MAAM,MAAO,GAAE,eAAe;AAAA;AAAA,0BAE/C,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvD,MAAM,eAAe,iCAAO;AAAA,aACtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,IAGpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,yBAAyB,iCAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,iCAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAK9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,IAErC;AAAA;AAAA;AAAA;AAKG,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKvB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA;",
-  "names": []
-}

package/esm/DSDialog.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDialog.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\nimport { DSDialogDatatestid } from './DSDialogDatatestid';\nimport type { BodyInfoT, DSDialogPropsWithDefaultT } from './DSDialogInternalTypes';\nimport type { DSDialogPropsT } from './DSDialogTypes';\n\nconst DSDialog = (props: DSDialogPropsT): React.ReactNode => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n  const [bodyInfo, setBodyInfo] = useState<BodyInfoT>({ overflow: false, padding: '0px' });\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  useEffect(() => {\n    const body = document.getElementsByTagName('body')[0];\n    const { offsetHeight, scrollHeight } = body;\n    const padding = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n    if (!isOpen) return setBodyInfo({ overflow: false, padding: '0px' });\n\n    return setBodyInfo({\n      overflow: offsetHeight < scrollHeight,\n      padding,\n    });\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n  }, [isOpen, removeAutoFocus]);\n\n  if (isOpen) {\n    return ReactDOM.createPortal(\n      <StyledDialogBackground\n        onClick={handleOutsideClick}\n        data-portalbg\n        data-testid={DSDialogDatatestid.BACKGROUND}\n        zIndex={zIndex}\n      >\n        <FixedBody bodyInfo={bodyInfo} />\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          data-testid={DSDialogDatatestid.CONTAINER}\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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,MAAM,WAAW,CAAC,UAA2C;AAC3D,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,QAAM,CAAC,UAAU,eAAe,SAAoB,EAAE,UAAU,OAAO,SAAS;AAEhF,iCAA+B,kBAAkB;AAEjD,QAAM,EAAE,UAAU,QAAQ,gBAAgB,UAAU,MAAM,iBAAiB,WAAW,SAAS;AAE/F,QAAM,eAAe,OAA8B;AAEnD,QAAM,qBAAqB,YACzB,CAAC,MAAwB;AACvB,QAAK,EAAE,OAA0B,QAAQ;AAAU;AAAA,KAErD,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ;AAAU;AAAA,KAE1B,CAAC;AAGH,YAAU,MAAM;AACd,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,cAAc,iBAAiB;AACvC,UAAM,UAAU,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAEtE,QAAI,CAAC;AAAQ,aAAO,YAAY,EAAE,UAAU,OAAO,SAAS;AAE5D,WAAO,YAAY;AAAA,MACjB,UAAU,eAAe;AAAA,MACzB;AAAA;AAAA,KAED,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,UAAU,CAAC;AAAiB,oBAAc,SAAS;AAAA,KACtD,CAAC,QAAQ;AAEZ,MAAI,QAAQ;AACV,WAAO,SAAS,aACd,qCAAC,wBAAD;AAAA,MACE,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,OAEA,qCAAC,WAAD;AAAA,MAAW;AAAA,QACX,qCAAC,uBAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC,kBAAkB,IAAI;AAAA,MACjC,WAAW;AAAA,SACP,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,eAAa,mBAAmB;AAAA,OAE/B,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
-  "names": []
-}

package/esm/index.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-export * from "./DSDialog";
-export * from "./DSDialogDatatestid";
-import { DSDialogSizes } from "./utils";
-import {
-  DSDialogBody,
-  DSDialogHeader,
-  DSDialogFooter,
-  DSDialogSeparator,
-  DSDialogTitle,
-  DSDialogAddon,
-  DSDialogDefaultLayout,
-  DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage
-} from "./styles";
-export {
-  DSDialogAddon,
-  DSDialogBody,
-  DSDialogDefaultLayout,
-  DSDialogFooter,
-  DSDialogHeader,
-  DSDialogPrimaryMessage,
-  DSDialogSecondaryMessage,
-  DSDialogSeparator,
-  DSDialogSizes,
-  DSDialogTitle
-};
-//# sourceMappingURL=index.js.map

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 './DSDialog';\nexport * from './DSDialogDatatestid';\nexport { DSDialogSizes } from './utils';\n\nexport {\n  DSDialogBody,\n  DSDialogHeader,\n  DSDialogFooter,\n  DSDialogSeparator,\n  DSDialogTitle,\n  DSDialogAddon,\n  DSDialogDefaultLayout,\n  DSDialogPrimaryMessage,\n  DSDialogSecondaryMessage,\n} from './styles';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport { PropTypes } from 'react-desc';\nimport { DSDialogSizes, DSDialogSizesArrayValues } from './utils';\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  size: PropTypes.oneOf(DSDialogSizesArrayValues)\n    .description(`Dialog's width size.`)\n    .defaultValue(DSDialogSizes.DEFAULT),\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"],
-  "mappings": "AAAA;ACCA;AACA;AAEO,MAAM,YAAY;AAAA,EACvB,QAAQ,UAAU,KAAK,YAAY,qCAAqC,aAAa;AAAA,EACrF,UAAU,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,UAAU,UAAU,KAAK,YAAY,uBAAuB,aAAa;AAAA,EACzE,MAAM,UAAU,MAAM,0BACnB,YAAY,wBACZ,aAAa,cAAc;AAAA,EAC9B,iBAAiB,UAAU,KACxB,YACC,yIAED,aAAa;AAAA,EAChB,gBAAgB,UAAU,KACvB,YACC,0JAED,aAAa,MAAM;AAAA;AAAA;",
-  "names": []
-}

package/esm/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { createGlobalStyle } from '@elliemae/ds-system';\nimport { space, flexboxes, layout, sizing } from '@xstyled/styled-components';\nimport { allSizes } from './utils';\nimport type {\n  StyledDialogContainerPropsT,\n  StyledDialogFixedBodyPropsT,\n  StyledDialogBackgroundPropsT,\n} from './DSDialogInternalTypes';\n\nexport const FixedBody = createGlobalStyle<StyledDialogFixedBodyPropsT>`\n  body {\n    overflow: hidden;\n    \n    ${({ bodyInfo }) => (bodyInfo.overflow ? `padding-right: calc( ${bodyInfo.padding} + 15px ) !important;` : ``)}\n  }\n`;\n\nexport const StyledDialogBackground = styled.div<StyledDialogBackgroundPropsT>`\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  z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const StyledDialogContainer = styled.div<StyledDialogContainerPropsT>`\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: auto;\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\n  ${layout}\n  ${space}\n  ${flexboxes}\n  ${sizing}\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  ${flexboxes}\n  ${sizing}\n`;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAOO,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,MAInB,CAAC,EAAE,eAAgB,SAAS,WAAW,wBAAwB,SAAS,iCAAiC;AAAA;AAAA;AAIxG,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQhC,CAAC,EAAE,aAAa;AAAA;AAGtB,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOhC,CAAC,EAAE,eAAgB,WAAW,SAAS;AAAA,WACxC,CAAC,EAAE,WAAW,SAAS;AAAA;AAAA,8BAEJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,gBAClD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,IAEhD;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,gBAAgB,OAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ7C,MAAM,gBAAgB,OAAO;AAE7B,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,MACvC,mBAAmB;AAAA;AAAA;AAAA;AAAA,MAInB;AAAA;AAAA;AAAA,IAGF;AAAA;AAGG,MAAM,oBAAoB,OAAO,GAAG,MAAM,MAAO,GAAE,eAAe;AAAA;AAAA,0BAE/C,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvD,MAAM,eAAe,OAAO;AAAA,aACtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,IAGpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,2BAA2B,OAAO;AAAA;AAAA,WAEpC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAK9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,IAErC;AAAA;AAAA;AAAA;AAKG,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKvB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBACzB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA;",
-  "names": []
-}

package/types/DSDialog.d.ts

@@ -1,30 +0,0 @@
-/// <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").PropTypesDescValue;
-        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?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSDialog, DSDialogWithSchema };

package/types/DSDialogDatatestid.d.ts

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

package/types/DSDialogInternalTypes.d.ts

@@ -1,25 +0,0 @@
-import type { DSDialogPropsT, Sizes } from './DSDialogTypes';
-export interface BodyInfoT {
-    overflow: boolean;
-    padding: string;
-}
-export interface DSDialogDefaultPropsT {
-    isOpen: boolean;
-    centered: boolean;
-    size: Sizes;
-    removeAutoFocus: boolean;
-    onClickOutside: () => void;
-    zIndex: number;
-}
-export interface StyledDialogContainerPropsT {
-    size: Sizes;
-    centered: boolean;
-}
-export interface StyledDialogFixedBodyPropsT {
-    bodyInfo: BodyInfoT;
-}
-export interface StyledDialogBackgroundPropsT {
-    zIndex: number;
-}
-export declare type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;
-export declare type GetSpaceArgsT = Partial<Record<string, string | number>>;

package/types/DSDialogTypes.d.ts

@@ -1,11 +0,0 @@
-/// <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;
-    zIndex?: number;
-}

package/types/defaultProps.d.ts

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

package/types/index.d.ts

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

@@ -1,19 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const propTypes: {
-    isOpen: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    children: import("react-desc").PropTypesDescValue;
-    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

@@ -1,15 +0,0 @@
-import type { StyledDialogContainerPropsT, StyledDialogFixedBodyPropsT, StyledDialogBackgroundPropsT } from './DSDialogInternalTypes';
-export declare const FixedBody: import("styled-components").GlobalStyleComponent<StyledDialogFixedBodyPropsT, import("styled-components").DefaultTheme>;
-export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogBackgroundPropsT, never>;
-export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogContainerPropsT, 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

@@ -1,19 +0,0 @@
-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;
-};