@elliemae/ds-dialog 3.0.0-next.5 → 3.0.0-next.53

package/dist/cjs/DSDialog.js

@@ -1,157 +1,42 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, 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);
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSDialog_exports = {};
 __export(DSDialog_exports, {
   DSDialog: () => DSDialog,
   DSDialogWithSchema: () => DSDialogWithSchema
 });
+module.exports = __toCommonJS(DSDialog_exports);
 var React = __toESM(require("react"));
-var import_react_dom = __toESM(require("react-dom"));
 var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styles = require("./styles");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_propTypes = require("./propTypes");
-var import_defaultProps = require("./defaultProps");
-var import_utils = require("./utils");
-var import_DSDialogDatatestid = require("./DSDialogDatatestid");
+var import_useDialog = require("./config/useDialog");
+var import_DSDialogPortal = require("./parts/DSDialogPortal");
+var import_DSDialogCTX = require("./DSDialogCTX");
 const DSDialog = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
-  const [bodyInfo, setBodyInfo] = (0, import_react.useState)({
-    overflow: false,
-    paddingRight: "0px",
-    scrollbarWidth: "0px"
-  });
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_propTypes.propTypes);
-  const _a = propsWithDefault, { children, isOpen, onClickOutside, onClose, centered, size, removeAutoFocus, zIndex } = _a, rest = __objRest(_a, ["children", "isOpen", "onClickOutside", "onClose", "centered", "size", "removeAutoFocus", "zIndex"]);
-  const containerRef = (0, import_react.useRef)(null);
-  const focusContainer = (0, import_react.useCallback)(() => {
-    const isContainerOrChildFocused = containerRef.current?.contains(document.activeElement);
-    if (!isContainerOrChildFocused)
-      containerRef.current?.focus?.();
-  }, []);
-  (0, import_react.useEffect)(() => {
-    document.addEventListener("focusin", focusContainer);
-    return () => document.removeEventListener("focusin", focusContainer);
-  }, [focusContainer]);
-  const handleOutsideClick = (0, import_react.useCallback)((e) => {
-    if (e.target.dataset.portalbg)
-      onClickOutside();
-  }, [onClickOutside]);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "Escape")
-      onClose();
-  }, [onClose]);
-  const _b = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault, {
-    onClick: handleOutsideClick,
-    onKeyDown: handleOnKeyDown
-  }), { className } = _b, restOfGlobalAttributes = __objRest(_b, ["className"]);
-  const calculateScrollbar = (0, import_react.useCallback)(() => {
-    const body = document.getElementsByTagName("body")[0];
-    const { clientWidth } = body;
-    setBodyInfo((prev) => __spreadProps(__spreadValues({}, prev), { scrollbarWidth: `${window.innerWidth - clientWidth}px` }));
-  }, []);
-  const debouncedCalculateScrollbar = (0, import_react.useMemo)(() => (0, import_lodash.debounce)(calculateScrollbar, 300), [calculateScrollbar]);
-  (0, import_react.useEffect)(() => {
-    calculateScrollbar();
-  }, [calculateScrollbar]);
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("resize", debouncedCalculateScrollbar);
-    return () => {
-      window.removeEventListener("resize", debouncedCalculateScrollbar);
-    };
-  }, [calculateScrollbar, debouncedCalculateScrollbar]);
-  (0, import_react.useEffect)(() => {
-    if (isOpen) {
-      const body = document.getElementsByTagName("body")[0];
-      const { clientHeight, scrollHeight } = body;
-      const paddingRight = window.getComputedStyle(body, null)?.getPropertyValue("padding-right");
-      setBodyInfo((prev) => __spreadProps(__spreadValues({}, prev), { overflow: scrollHeight > clientHeight, paddingRight }));
-    } else
-      setBodyInfo((prev) => __spreadProps(__spreadValues({}, prev), { overflow: false, paddingRight: "0px" }));
-  }, [isOpen]);
-  (0, import_react.useEffect)(() => {
-    if (isOpen && !removeAutoFocus)
-      containerRef?.current?.focus();
-  }, [isOpen, removeAutoFocus]);
-  if (isOpen) {
-    return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogBackground, {
-      className,
-      onClick: handleOutsideClick,
-      "data-portalbg": true,
-      "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.BACKGROUND,
-      zIndex
-    }, /* @__PURE__ */ import_react.default.createElement(import_styles.FixedBody, {
-      bodyInfo
-    }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogContainer, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-      role: "dialog",
-      "aria-modal": true,
-      ref: containerRef,
-      tabIndex: !removeAutoFocus ? 0 : void 0
-    }, (0, import_utils.getSpaceProps)(rest)), {
-      centered,
-      "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.CONTAINER
-    }), restOfGlobalAttributes), {
-      size
-    }), children)), document.getElementsByTagName("body")[0]);
-  }
-  return null;
+  const ctx = (0, import_useDialog.useDialog)(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_DSDialogCTX.DSDialogContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ import_react.default.createElement(import_DSDialogPortal.DSDialogPortal, null));
 };
-const DSDialogWithSchema = (0, import_ds_props_helpers.describe)(DSDialog);
+const DSDialogWithSchema = (0, import_ds_utilities.describe)(DSDialog);
 DSDialogWithSchema.propTypes = import_propTypes.propTypes;
-module.exports = __toCommonJS(DSDialog_exports);
 //# sourceMappingURL=DSDialog.js.map

package/dist/cjs/DSDialog.js.map

@@ -1,7 +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, WeakValidationMap, useMemo } from 'react';\nimport { debounce } from 'lodash';\nimport {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\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 { DSDialogT } from './propTypes';\nimport type { DSDialogInternalsT } from './sharedTypes';\n\nconst DSDialog = (props: DSDialogT.Props): JSX.Element | null => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDialogT.Props>(props, defaultProps);\n  const [bodyInfo, setBodyInfo] = useState<DSDialogInternalsT.BodyInfoT>({\n    overflow: false,\n    paddingRight: '0px',\n    scrollbarWidth: '0px',\n  });\n\n  useValidateTypescriptPropTypes<DSDialogT.Props>(propsWithDefault, propTypes);\n\n  const { children, isOpen, onClickOutside, onClose, centered, size, removeAutoFocus, zIndex, ...rest } =\n    propsWithDefault;\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const focusContainer = useCallback(() => {\n    const isContainerOrChildFocused = containerRef.current?.contains(document.activeElement);\n    if (!isContainerOrChildFocused) containerRef.current?.focus?.();\n  }, []);\n\n  useEffect(() => {\n    document.addEventListener('focusin', focusContainer);\n    return () => document.removeEventListener('focusin', focusContainer);\n  }, [focusContainer]);\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') onClose();\n    },\n    [onClose],\n  );\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(propsWithDefault, {\n    onClick: handleOutsideClick,\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const calculateScrollbar = useCallback(() => {\n    const body = document.getElementsByTagName('body')[0];\n    const { clientWidth } = body;\n    setBodyInfo((prev) => ({ ...prev, scrollbarWidth: `${window.innerWidth - clientWidth}px` }));\n  }, []);\n\n  const debouncedCalculateScrollbar = useMemo(() => debounce(calculateScrollbar, 300), [calculateScrollbar]);\n\n  useEffect(() => {\n    calculateScrollbar();\n  }, [calculateScrollbar]);\n\n  useEffect(() => {\n    window.addEventListener('resize', debouncedCalculateScrollbar);\n    return () => {\n      window.removeEventListener('resize', debouncedCalculateScrollbar);\n    };\n  }, [calculateScrollbar, debouncedCalculateScrollbar]);\n\n  useEffect(() => {\n    if (isOpen) {\n      const body = document.getElementsByTagName('body')[0];\n      const { clientHeight, scrollHeight } = body;\n      const paddingRight = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n      setBodyInfo((prev) => ({ ...prev, overflow: scrollHeight > clientHeight, paddingRight }));\n    } else setBodyInfo((prev) => ({ ...prev, overflow: false, paddingRight: '0px' }));\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        className={className}\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          {...getSpaceProps(rest as Record<string, string | number>)}\n          centered={centered}\n          data-testid={DSDialogDatatestid.CONTAINER}\n          {...restOfGlobalAttributes}\n          size={size}\n        >\n          {children}\n        </StyledDialogContainer>\n      </StyledDialogBackground>,\n      document.getElementsByTagName('body')[0],\n    );\n  }\n\n  return null;\n};\n\nconst DSDialogWithSchema = describe<DSDialogT.Props>(DSDialog);\nDSDialogWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSDialog, DSDialogWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AACrB,mBAA4F;AAC5F,oBAAyB;AACzB,8BAKO;AACP,oBAAyE;AACzE,uBAA0B;AAC1B,0BAA6B;AAC7B,mBAA8B;AAC9B,gCAAmC;AAInC,MAAM,WAAW,CAAC,UAA+C;AAC/D,QAAM,mBAAmB,0DAA8C,OAAO;AAC9E,QAAM,CAAC,UAAU,eAAe,2BAAuC;AAAA,IACrE,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA;AAGlB,8DAAgD,kBAAkB;AAElE,QACE,uBADM,YAAU,QAAQ,gBAAgB,SAAS,UAAU,MAAM,iBAAiB,WAClF,IAD6F,iBAC7F,IAD6F,CAAvF,YAAU,UAAQ,kBAAgB,WAAS,YAAU,QAAM,mBAAiB;AAGpF,QAAM,eAAe,yBAA8B;AAEnD,QAAM,iBAAiB,8BAAY,MAAM;AACvC,UAAM,4BAA4B,aAAa,SAAS,SAAS,SAAS;AAC1E,QAAI,CAAC;AAA2B,mBAAa,SAAS;AAAA,KACrD;AAEH,8BAAU,MAAM;AACd,aAAS,iBAAiB,WAAW;AACrC,WAAO,MAAM,SAAS,oBAAoB,WAAW;AAAA,KACpD,CAAC;AAEJ,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,QAAiD,yDAAuB,kBAAkB;AAAA,IACxF,SAAS;AAAA,IACT,WAAW;AAAA,MAFL,gBAAyC,IAA3B,mCAA2B,IAA3B,CAAd;AAKR,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,gBAAgB;AACxB,gBAAY,CAAC,SAAU,iCAAK,OAAL,EAAW,gBAAgB,GAAG,OAAO,aAAa;AAAA,KACxE;AAEH,QAAM,8BAA8B,0BAAQ,MAAM,4BAAS,oBAAoB,MAAM,CAAC;AAEtF,8BAAU,MAAM;AACd;AAAA,KACC,CAAC;AAEJ,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU;AAClC,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU;AAAA;AAAA,KAEtC,CAAC,oBAAoB;AAExB,8BAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,YAAM,EAAE,cAAc,iBAAiB;AACvC,YAAM,eAAe,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAE3E,kBAAY,CAAC,SAAU,iCAAK,OAAL,EAAW,UAAU,eAAe,cAAc;AAAA;AACpE,kBAAY,CAAC,SAAU,iCAAK,OAAL,EAAW,UAAU,OAAO,cAAc;AAAA,KACvE,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;AAAA,MACA,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,OAC7B,gCAAc,QALpB;AAAA,MAME;AAAA,MACA,eAAa,6CAAmB;AAAA,QAC5B,yBARN;AAAA,MASE;AAAA,QAEC,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,MAAM,qBAAqB,sCAA0B;AACrD,mBAAmB,YAAY;",
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { propTypes } from './propTypes';\nimport { useDialog } from './config/useDialog';\nimport { DSDialogPortal } from './parts/DSDialogPortal';\nimport { DSDialogContext } from './DSDialogCTX';\nimport type { DSDialogT } from './propTypes';\n\nconst DSDialog = (props: DSDialogT.Props): JSX.Element => {\n  const ctx = useDialog(props);\n\n  return (\n    <DSDialogContext.Provider value={ctx}>\n      <DSDialogPortal />\n    </DSDialogContext.Provider>\n  );\n};\n\nconst DSDialogWithSchema = describe(DSDialog);\nDSDialogWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSDialog, DSDialogWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,0BAAyB;AACzB,uBAA0B;AAC1B,uBAA0B;AAC1B,4BAA+B;AAC/B,yBAAgC;AAGhC,MAAM,WAAW,CAAC,UAAwC;AACxD,QAAM,MAAM,gCAAU,KAAK;AAE3B,SACE,mDAAC,mCAAgB,UAAhB;AAAA,IAAyB,OAAO;AAAA,KAC/B,mDAAC,0CAAe,CAClB;AAEJ;AAEA,MAAM,qBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;",
   "names": []
 }

package/dist/cjs/DSDialogCTX.js

@@ -0,0 +1,30 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSDialogCTX_exports = {};
+__export(DSDialogCTX_exports, {
+  DSDialogContext: () => DSDialogContext
+});
+module.exports = __toCommonJS(DSDialogCTX_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const defaultContext = {};
+const DSDialogContext = (0, import_react.createContext)(defaultContext);
+//# sourceMappingURL=DSDialogCTX.js.map

package/dist/cjs/DSDialogCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSDialogCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { DSDialogInternalsT } from './sharedTypes';\n\nconst defaultContext = {} as DSDialogInternalsT.DSDialogContext;\n\nexport const DSDialogContext = createContext<DSDialogInternalsT.DSDialogContext>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,kBAAkB,gCAAkD,cAAc;",
+  "names": []
+}

package/dist/cjs/DSDialogDatatestid.js

@@ -4,35 +4,28 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSDialogDatatestid_exports = {};
 __export(DSDialogDatatestid_exports, {
   DSDialogDatatestid: () => DSDialogDatatestid
 });
+module.exports = __toCommonJS(DSDialogDatatestid_exports);
 var React = __toESM(require("react"));
 const DSDialogDatatestid = {
   CONTAINER: "ds-dialog-container",
   BACKGROUND: "ds-dialog-background"
 };
-module.exports = __toCommonJS(DSDialogDatatestid_exports);
 //# sourceMappingURL=DSDialogDatatestid.js.map

package/dist/cjs/DSDialogDatatestid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSDialogDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSDialogDatatestid = {\n  CONTAINER: 'ds-dialog-container',\n  BACKGROUND: 'ds-dialog-background',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/config/useDialog.js

@@ -0,0 +1,110 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDialog_exports = {};
+__export(useDialog_exports, {
+  useDialog: () => useDialog
+});
+module.exports = __toCommonJS(useDialog_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_lodash = require("lodash");
+var import_uid = require("uid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_defaultProps = require("../defaultProps");
+var import_propTypes = require("../propTypes");
+var import_utils = require("../utils");
+const useDialog = (props) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_propTypes.propTypes);
+  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
+  const { portalRef, isOpen } = propsWithDefault;
+  const actualPortalRef = (0, import_react.useRef)(null);
+  const containerRef = (0, import_react.useRef)(null);
+  const [portalInfo, setPortalInfo] = (0, import_react.useState)({
+    paddingRight: "0px",
+    scrollbarWidth: "0px"
+  });
+  const portalClassName = (0, import_react.useMemo)(() => `ds-dialog-${(0, import_uid.uid)(8)}`, []);
+  (0, import_react.useEffect)(() => {
+    if (portalRef)
+      actualPortalRef.current = portalRef.current;
+    else
+      actualPortalRef.current = document.getElementsByTagName("body")["0"];
+  }, [portalRef]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (actualPortalRef.current) {
+      if (isOpen) {
+        actualPortalRef.current.classList.add(portalClassName);
+      } else {
+        actualPortalRef.current.classList.remove(portalClassName);
+      }
+    }
+  }, [actualPortalRef, isOpen, portalClassName]);
+  (0, import_react.useEffect)(() => {
+    if (actualPortalRef.current) {
+      setPortalInfo((prev) => __spreadProps(__spreadValues({}, prev), {
+        paddingRight: (0, import_utils.getCurrentRightPadding)(actualPortalRef.current)
+      }));
+    }
+  }, []);
+  const calculateScrollbar = (0, import_react.useCallback)(() => {
+    if (actualPortalRef.current && !isOpen) {
+      setPortalInfo((prev) => __spreadProps(__spreadValues({}, prev), {
+        scrollbarWidth: (0, import_utils.getScrollbarWidth)(actualPortalRef.current)
+      }));
+    }
+  }, [isOpen]);
+  const debouncedCalculateScrollbar = (0, import_react.useMemo)(() => (0, import_lodash.debounce)(calculateScrollbar, 300), [calculateScrollbar]);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", debouncedCalculateScrollbar);
+    return () => {
+      window.removeEventListener("resize", debouncedCalculateScrollbar);
+    };
+  }, [calculateScrollbar, debouncedCalculateScrollbar]);
+  (0, import_react.useEffect)(() => {
+    calculateScrollbar();
+  }, [calculateScrollbar, isOpen]);
+  const ctx = (0, import_react.useMemo)(() => ({
+    props: propsWithDefault,
+    actualPortalRef,
+    containerRef,
+    portalInfo,
+    portalClassName
+  }), [portalClassName, portalInfo, propsWithDefault]);
+  return ctx;
+};
+//# sourceMappingURL=useDialog.js.map

package/dist/cjs/config/useDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useDialog.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useMemo, useState, useCallback, useRef, useLayoutEffect } from 'react';\nimport { debounce } from 'lodash';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { defaultProps } from '../defaultProps';\nimport { propTypes } from '../propTypes';\nimport { getScrollbarWidth, getCurrentRightPadding } from '../utils';\nimport type { DSDialogT } from '../propTypes';\nimport type { DSDialogInternalsT } from '../sharedTypes';\n\nexport const useDialog = (props: DSDialogT.Props): DSDialogInternalsT.DSDialogContext => {\n  useValidateTypescriptPropTypes<DSDialogT.Props>(props, propTypes);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSDialogT.InternalProps>(props, defaultProps);\n  const { portalRef, isOpen } = propsWithDefault;\n\n  const actualPortalRef = useRef<HTMLElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const [portalInfo, setPortalInfo] = useState<DSDialogInternalsT.PortalInfo>({\n    paddingRight: '0px',\n    scrollbarWidth: '0px',\n  });\n\n  const portalClassName = useMemo(() => `ds-dialog-${uid(8)}`, []);\n\n  useEffect(() => {\n    if (portalRef) actualPortalRef.current = portalRef.current;\n    else actualPortalRef.current = document.getElementsByTagName('body')['0'];\n  }, [portalRef]);\n\n  useLayoutEffect(() => {\n    if (actualPortalRef.current) {\n      if (isOpen) {\n        actualPortalRef.current.classList.add(portalClassName);\n      } else {\n        actualPortalRef.current.classList.remove(portalClassName);\n      }\n    }\n  }, [actualPortalRef, isOpen, portalClassName]);\n\n  useEffect(() => {\n    if (actualPortalRef.current) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        paddingRight: getCurrentRightPadding(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, []);\n\n  const calculateScrollbar = useCallback(() => {\n    if (actualPortalRef.current && !isOpen) {\n      setPortalInfo((prev) => ({\n        ...prev,\n        scrollbarWidth: getScrollbarWidth(actualPortalRef.current as HTMLElement),\n      }));\n    }\n  }, [isOpen]);\n\n  const debouncedCalculateScrollbar = useMemo(() => debounce(calculateScrollbar, 300), [calculateScrollbar]);\n\n  useEffect(() => {\n    window.addEventListener('resize', debouncedCalculateScrollbar);\n    return () => {\n      window.removeEventListener('resize', debouncedCalculateScrollbar);\n    };\n  }, [calculateScrollbar, debouncedCalculateScrollbar]);\n\n  useEffect(() => {\n    calculateScrollbar();\n  }, [calculateScrollbar, isOpen]);\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefault,\n      actualPortalRef,\n      containerRef,\n      portalInfo,\n      portalClassName,\n    }),\n    [portalClassName, portalInfo, propsWithDefault],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0F;AAC1F,oBAAyB;AACzB,iBAAoB;AACpB,0BAA6E;AAC7E,0BAA6B;AAC7B,uBAA0B;AAC1B,mBAA0D;AAInD,MAAM,YAAY,CAAC,UAA+D;AACvF,0DAAgD,OAAO,0BAAS;AAChE,QAAM,mBAAmB,sDAAsD,OAAO,gCAAY;AAClG,QAAM,EAAE,WAAW,WAAW;AAE9B,QAAM,kBAAkB,yBAA2B,IAAI;AACvD,QAAM,eAAe,yBAA8B,IAAI;AAEvD,QAAM,CAAC,YAAY,iBAAiB,2BAAwC;AAAA,IAC1E,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AAED,QAAM,kBAAkB,0BAAQ,MAAM,aAAa,oBAAI,CAAC,KAAK,CAAC,CAAC;AAE/D,8BAAU,MAAM;AACd,QAAI;AAAW,sBAAgB,UAAU,UAAU;AAAA;AAC9C,sBAAgB,UAAU,SAAS,qBAAqB,MAAM,EAAE;AAAA,EACvE,GAAG,CAAC,SAAS,CAAC;AAEd,oCAAgB,MAAM;AACpB,QAAI,gBAAgB,SAAS;AAC3B,UAAI,QAAQ;AACV,wBAAgB,QAAQ,UAAU,IAAI,eAAe;AAAA,MACvD,OAAO;AACL,wBAAgB,QAAQ,UAAU,OAAO,eAAe;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,QAAQ,eAAe,CAAC;AAE7C,8BAAU,MAAM;AACd,QAAI,gBAAgB,SAAS;AAC3B,oBAAc,CAAC,SAAU,iCACpB,OADoB;AAAA,QAEvB,cAAc,yCAAuB,gBAAgB,OAAsB;AAAA,MAC7E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,QAAI,gBAAgB,WAAW,CAAC,QAAQ;AACtC,oBAAc,CAAC,SAAU,iCACpB,OADoB;AAAA,QAEvB,gBAAgB,oCAAkB,gBAAgB,OAAsB;AAAA,MAC1E,EAAE;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,8BAA8B,0BAAQ,MAAM,4BAAS,oBAAoB,GAAG,GAAG,CAAC,kBAAkB,CAAC;AAEzG,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,2BAA2B;AAC7D,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,2BAA2B;AAAA,IAClE;AAAA,EACF,GAAG,CAAC,oBAAoB,2BAA2B,CAAC;AAEpD,8BAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,oBAAoB,MAAM,CAAC;AAE/B,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,iBAAiB,YAAY,gBAAgB,CAChD;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/defaultProps.js

@@ -4,31 +4,25 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var defaultProps_exports = {};
 __export(defaultProps_exports, {
   defaultProps: () => defaultProps
 });
+module.exports = __toCommonJS(defaultProps_exports);
 var React = __toESM(require("react"));
 var import_utils = require("./utils");
 const noop = () => {
@@ -40,7 +34,8 @@ const defaultProps = {
   removeAutoFocus: false,
   onClickOutside: noop,
   onClose: noop,
-  zIndex: 10
+  zIndex: 10,
+  portalRef: null,
+  children: []
 };
-module.exports = __toCommonJS(defaultProps_exports);
 //# sourceMappingURL=defaultProps.js.map

package/dist/cjs/defaultProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSDialogSizes } from './utils';\nimport type { DSDialogT } from './propTypes';\n\nconst noop = () => {};\n\nexport const defaultProps: DSDialogT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  size: DSDialogSizes.DEFAULT,\n  removeAutoFocus: false,\n  onClickOutside: noop,\n  onClose: noop,\n  zIndex: 10,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,OAAO,MAAM;AAAA;AAEZ,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,2BAAc;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,QAAQ;AAAA;",
+  "sourcesContent": ["import { DSDialogSizes } from './utils';\nimport type { DSDialogT } from './propTypes';\n\nconst noop = () => {};\n\nexport const defaultProps: DSDialogT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  size: DSDialogSizes.DEFAULT,\n  removeAutoFocus: false,\n  onClickOutside: noop,\n  onClose: noop,\n  zIndex: 10,\n  portalRef: null,\n  children: [],\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,OAAO,MAAM;AAAC;AAEb,MAAM,eAAuC;AAAA,EAClD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,2BAAc;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU,CAAC;AACb;",
   "names": []
 }

package/dist/cjs/index.js

@@ -4,27 +4,21 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
   DSDialogAddon: () => import_styles.DSDialogAddon,
@@ -47,22 +41,23 @@ __export(src_exports, {
   DSDialogTitle: () => import_styles.DSDialogTitle,
   DSDialogTitleWithSchema: () => DSDialogTitleWithSchema
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_styles = require("./styles");
-__reExport(src_exports, require("./DSDialog"));
-__reExport(src_exports, require("./DSDialogDatatestid"));
+__reExport(src_exports, require("./DSDialog"), module.exports);
+__reExport(src_exports, require("./DSDialogDatatestid"), module.exports);
 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.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogHeader.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogFooter.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogSeparator.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogTitle.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogAddon.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogDefaultLayout.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogPrimaryMessage.propTypes = import_ds_utilities.globalAttributesPropTypes;
+import_styles.DSDialogSecondaryMessage.propTypes = import_ds_utilities.globalAttributesPropTypes;
 import_styles.DSDialogBody.displayName = "DSDialogBody";
 import_styles.DSDialogHeader.displayName = "DSDialogHeader";
 import_styles.DSDialogFooter.displayName = "DSDialogFooter";
@@ -81,14 +76,13 @@ const DSDialogAddonWithSchema = (0, import_react_desc.describe)(import_styles.DS
 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);
+DSDialogBodyWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogHeaderWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogFooterWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogSeparatorWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogTitleWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogAddonWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogDefaultLayoutWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogPrimaryMessageWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
+DSDialogSecondaryMessageWithSchema.propTypes = import_ds_utilities.globalAttributesPropTypes;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;\n\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;AA0CP,wBAAc;AACd,wBAAc;AACd,mBAA8B;AA1C9B,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;AAErC,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;",
+  "sourcesContent": ["import { describe } from 'react-desc';\nimport { globalAttributesPropTypes } from '@elliemae/ds-utilities';\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;\n\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;AAAA;ACAA,YAAuB;ADAvB,wBAAyB;AACzB,0BAA0C;AAC1C,oBAUO;AA0CP,wBAAc,uBAtDd;AAuDA,wBAAc,iCAvDd;AAwDA,mBAA8B;AA1C9B,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;AAErC,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,0BAAY;AACpD,MAAM,2BAA2B,gCAAS,4BAAc;AACxD,MAAM,2BAA2B,gCAAS,4BAAc;AACxD,MAAM,8BAA8B,gCAAS,+BAAiB;AAC9D,MAAM,0BAA0B,gCAAS,2BAAa;AACtD,MAAM,0BAA0B,gCAAS,2BAAa;AACtD,MAAM,kCAAkC,gCAAS,mCAAqB;AACtE,MAAM,mCAAmC,gCAAS,oCAAsB;AACxE,MAAM,qCAAqC,gCAAS,sCAAwB;AAE5E,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": []
 }