@elliemae/ds-dialog 2.3.0-alpha.8 → 2.3.0-next.2

package/types/index.d.ts

@@ -0,0 +1,52 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage } from './styles';
+declare const DSDialogBodyWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogHeaderWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogFooterWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogSeparatorWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogTitleWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogAddonWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogDefaultLayoutWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogPrimaryMessageWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+declare const DSDialogSecondaryMessageWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export * from './DSDialog';
+export * from './DSDialogDatatestid';
+export { DSDialogSizes } from './utils';
+export { DSDialogBody, DSDialogHeader, DSDialogFooter, DSDialogSeparator, DSDialogTitle, DSDialogAddon, DSDialogDefaultLayout, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogBodyWithSchema, DSDialogHeaderWithSchema, DSDialogFooterWithSchema, DSDialogSeparatorWithSchema, DSDialogTitleWithSchema, DSDialogAddonWithSchema, DSDialogDefaultLayoutWithSchema, DSDialogPrimaryMessageWithSchema, DSDialogSecondaryMessageWithSchema, };

package/types/propTypes.d.ts

@@ -0,0 +1,387 @@
+/// <reference types="react" />
+export declare namespace DSDialogT {
+    type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    interface DefaultProps {
+        isOpen: boolean;
+        centered: boolean;
+        size: Sizes;
+        removeAutoFocus: boolean;
+        zIndex: number;
+        onClickOutside: () => void;
+        onClose: () => void;
+    }
+    interface PropsRequired {
+        children: React.ReactNode;
+    }
+    interface Props extends DefaultProps, PropsRequired {
+    }
+}
+export declare const propTypes: {
+    size: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'aria-*': any;
+    'on-*': any;
+    'data-*': any;
+    'all HTML attributes': any;
+    about: any;
+    accept: any;
+    acceptCharset: any;
+    accessKey: any;
+    action: any;
+    allowFullScreen: any;
+    allowTransparency: any;
+    alt: any;
+    'aria-activedescendant': any;
+    'aria-atomic': any;
+    'aria-autocomplete': any;
+    'aria-busy': any;
+    'aria-checked': any;
+    'aria-colcount': any;
+    'aria-colindex': any;
+    'aria-colspan': any;
+    'aria-controls': any;
+    'aria-current': any;
+    'aria-describedby': any;
+    'aria-details': any;
+    'aria-disabled': any;
+    'aria-dropeffect': any;
+    'aria-errormessage': any;
+    'aria-expanded': any;
+    'aria-flowto': any;
+    'aria-grabbed': any;
+    'aria-haspopup': any;
+    'aria-hidden': any;
+    'aria-invalid': any;
+    'aria-keyshortcuts': any;
+    'aria-label': any;
+    'aria-labelledby': any;
+    'aria-level': any;
+    'aria-live': any;
+    'aria-modal': any;
+    'aria-multiline': any;
+    'aria-multiselectable': any;
+    'aria-orientation': any;
+    'aria-owns': any;
+    'aria-placeholder': any;
+    'aria-posinset': any;
+    'aria-pressed': any;
+    'aria-readonly': any;
+    'aria-relevant': any;
+    'aria-required': any;
+    'aria-roledescription': any;
+    'aria-rowcount': any;
+    'aria-rowindex': any;
+    'aria-rowspan': any;
+    'aria-selected': any;
+    'aria-setsize': any;
+    'aria-sort': any;
+    'aria-valuemax': any;
+    'aria-valuemin': any;
+    'aria-valuenow': any;
+    'aria-valuetext': any;
+    as: any;
+    async: any;
+    autoCapitalize: any;
+    autoComplete: any;
+    autoCorrect: any;
+    autoFocus: any;
+    autoPlay: any;
+    autoSave: any;
+    capture: any;
+    cellPadding: any;
+    cellSpacing: any;
+    challenge: any;
+    charSet: any;
+    checked: any;
+    cite: any;
+    classID: any;
+    className: any;
+    color: any;
+    cols: any;
+    colSpan: any;
+    content: any;
+    contentEditable: any;
+    contextMenu: any;
+    controls: any;
+    coords: any;
+    crossOrigin: any;
+    data: any;
+    datatype: any;
+    dateTime: any;
+    default: any;
+    defaultChecked: any;
+    defaultValue: any;
+    defer: any;
+    dir: any;
+    disabled: any;
+    download: any;
+    draggable: any;
+    encType: any;
+    form: any;
+    formAction: any;
+    formEncType: any;
+    formMethod: any;
+    formNoValidate: any;
+    formTarget: any;
+    frameBorder: any;
+    headers: any;
+    height: any;
+    hidden: any;
+    high: any;
+    href: any;
+    hrefLang: any;
+    htmlFor: any;
+    httpEquiv: any;
+    id: any;
+    inlist: any;
+    inputMode: any;
+    integrity: any;
+    is: any;
+    itemID: any;
+    itemProp: any;
+    itemRef: any;
+    itemScope: any;
+    itemType: any;
+    keyParams: any;
+    keyType: any;
+    kind: any;
+    label: any;
+    lang: any;
+    list: any;
+    loop: any;
+    low: any;
+    manifest: any;
+    marginHeight: any;
+    marginWidth: any;
+    max: any;
+    maxLength: any;
+    media: any;
+    mediaGroup: any;
+    method: any;
+    min: any;
+    minLength: any;
+    multiple: any;
+    muted: any;
+    name: any;
+    nonce: any;
+    noValidate: any;
+    onAbort: any;
+    onAbortCapture: any;
+    onAnimationEnd: any;
+    onAnimationEndCapture: any;
+    onAnimationIteration: any;
+    onAnimationIterationCapture: any;
+    onAnimationStart: any;
+    onAnimationStartCapture: any;
+    onAuxClick: any;
+    onAuxClickCapture: any;
+    onBeforeInput: any;
+    onBeforeInputCapture: any;
+    onBlur: any;
+    onBlurCapture: any;
+    onCanPlay: any;
+    onCanPlayCapture: any;
+    onCanPlayThrough: any;
+    onCanPlayThroughCapture: any;
+    onChange: any;
+    onChangeCapture: any;
+    onClick: any;
+    onClickCapture: any;
+    onCompositionEnd: any;
+    onCompositionEndCapture: any;
+    onCompositionStart: any;
+    onCompositionStartCapture: any;
+    onCompositionUpdate: any;
+    onCompositionUpdateCapture: any;
+    onContextMenu: any;
+    onContextMenuCapture: any;
+    onCopy: any;
+    onCopyCapture: any;
+    onCut: any;
+    onCutCapture: any;
+    onDoubleClick: any;
+    onDoubleClickCapture: any;
+    onDrag: any;
+    onDragCapture: any;
+    onDragEnd: any;
+    onDragEndCapture: any;
+    onDragEnter: any;
+    onDragEnterCapture: any;
+    onDragExit: any;
+    onDragExitCapture: any;
+    onDragLeave: any;
+    onDragLeaveCapture: any;
+    onDragOver: any;
+    onDragOverCapture: any;
+    onDragStart: any;
+    onDragStartCapture: any;
+    onDrop: any;
+    onDropCapture: any;
+    onDurationChange: any;
+    onDurationChangeCapture: any;
+    onEmptied: any;
+    onEmptiedCapture: any;
+    onEncrypted: any;
+    onEncryptedCapture: any;
+    onEnded: any;
+    onEndedCapture: any;
+    onError: any;
+    onErrorCapture: any;
+    onFocus: any;
+    onFocusCapture: any;
+    onGotPointerCapture: any;
+    onGotPointerCaptureCapture: any;
+    onInput: any;
+    onInputCapture: any;
+    onInvalid: any;
+    onInvalidCapture: any;
+    onKeyDown: any;
+    onKeyDownCapture: any;
+    onKeyPress: any;
+    onKeyPressCapture: any;
+    onKeyUp: any;
+    onKeyUpCapture: any;
+    onLoad: any;
+    onLoadCapture: any;
+    onLoadedData: any;
+    onLoadedDataCapture: any;
+    onLoadedMetadata: any;
+    onLoadedMetadataCapture: any;
+    onLoadStart: any;
+    onLoadStartCapture: any;
+    onLostPointerCapture: any;
+    onLostPointerCaptureCapture: any;
+    onMouseDown: any;
+    onMouseDownCapture: any;
+    onMouseEnter: any;
+    onMouseLeave: any;
+    onMouseMove: any;
+    onMouseMoveCapture: any;
+    onMouseOut: any;
+    onMouseOutCapture: any;
+    onMouseOver: any;
+    onMouseOverCapture: any;
+    onMouseUp: any;
+    onMouseUpCapture: any;
+    onPaste: any;
+    onPasteCapture: any;
+    onPause: any;
+    onPauseCapture: any;
+    onPlay: any;
+    onPlayCapture: any;
+    onPlaying: any;
+    onPlayingCapture: any;
+    onPointerCancel: any;
+    onPointerCancelCapture: any;
+    onPointerDown: any;
+    onPointerDownCapture: any;
+    onPointerEnter: any;
+    onPointerEnterCapture: any;
+    onPointerLeave: any;
+    onPointerLeaveCapture: any;
+    onPointerMove: any;
+    onPointerMoveCapture: any;
+    onPointerOut: any;
+    onPointerOutCapture: any;
+    onPointerOver: any;
+    onPointerOverCapture: any;
+    onPointerUp: any;
+    onPointerUpCapture: any;
+    onProgress: any;
+    onProgressCapture: any;
+    onRateChange: any;
+    onRateChangeCapture: any;
+    onReset: any;
+    onResetCapture: any;
+    onScroll: any;
+    onScrollCapture: any;
+    onSeeked: any;
+    onSeekedCapture: any;
+    onSeeking: any;
+    onSeekingCapture: any;
+    onSelect: any;
+    onSelectCapture: any;
+    onStalled: any;
+    onStalledCapture: any;
+    onSubmit: any;
+    onSubmitCapture: any;
+    onSuspend: any;
+    onSuspendCapture: any;
+    onTimeUpdate: any;
+    onTimeUpdateCapture: any;
+    onTouchCancel: any;
+    onTouchCancelCapture: any;
+    onTouchEnd: any;
+    onTouchEndCapture: any;
+    onTouchMove: any;
+    onTouchMoveCapture: any;
+    onTouchStart: any;
+    onTouchStartCapture: any;
+    onTransitionEnd: any;
+    onTransitionEndCapture: any;
+    onVolumeChange: any;
+    onVolumeChangeCapture: any;
+    onWaiting: any;
+    onWaitingCapture: any;
+    onWheel: any;
+    onWheelCapture: any;
+    open: any;
+    optimum: any;
+    pattern: any;
+    placeholder: any;
+    playsInline: any;
+    poster: any;
+    prefix: any;
+    preload: any;
+    property: any;
+    radioGroup: any;
+    readOnly: any;
+    rel: any;
+    required: any;
+    resource: any;
+    results: any;
+    reversed: any;
+    role: any;
+    rows: any;
+    rowSpan: any;
+    sandbox: any;
+    scope: any;
+    scoped: any;
+    scrolling: any;
+    seamless: any;
+    security: any;
+    selected: any;
+    shape: any;
+    sizes: any;
+    slot: any;
+    span: any;
+    spellCheck: any;
+    src: any;
+    srcDoc: any;
+    srcLang: any;
+    srcSet: any;
+    start: any;
+    step: any;
+    style: any;
+    summary: any;
+    suppressContentEditableWarning: any;
+    suppressHydrationWarning: any;
+    tabIndex: any;
+    target: any;
+    title: any;
+    translate: any;
+    type: any;
+    typeof: any;
+    unselectable: any;
+    useMap: any;
+    value: any;
+    vocab: any;
+    width: any;
+    wmode: any;
+    wrap: any;
+    isOpen: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    centered: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    removeAutoFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onClickOutside: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onClose: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/sharedTypes.d.ts

@@ -0,0 +1,6 @@
+export declare namespace DSDialogInternalsT {
+    interface BodyInfoT {
+        overflow: boolean;
+        padding: string;
+    }
+}

package/types/styles.d.ts

@@ -0,0 +1,27 @@
+import { DSDialogT } from './propTypes';
+import type { DSDialogInternalsT } from './sharedTypes';
+interface FixedBodyT {
+    bodyInfo: DSDialogInternalsT.BodyInfoT;
+}
+interface StyledDialogBackgroundT {
+    zIndex: number;
+}
+interface StyledDialogContainerT {
+    size: DSDialogT.Sizes;
+    centered: boolean;
+}
+export declare const FixedBody: import("styled-components").GlobalStyleComponent<FixedBodyT, import("styled-components").DefaultTheme>;
+export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogBackgroundT, never>;
+export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogContainerT, never>;
+export declare const DSDialogTitle: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogSeparator: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {
+    'aria-hidden': true;
+}, "aria-hidden">;
+export declare const DSDialogBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogPrimaryMessage: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogSecondaryMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogDefaultLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DSDialogFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/types/utils.d.ts

@@ -0,0 +1,20 @@
+declare type GetSpaceArgsT = Partial<Record<string, string | number>>;
+export declare const getSpaceProps: (props: GetSpaceArgsT) => GetSpaceArgsT;
+export declare const DSDialogSizes: {
+    DEFAULT: "default";
+    SMALL: "small";
+    MEDIUM: "medium";
+    LARGE: "large";
+    XLARGE: "x-large";
+    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;
+};
+export {};

package/dist/cjs/DSDialog.js

@@ -1,99 +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 DSDialog_exports = {};
-__export(DSDialog_exports, {
-  DSDialog: () => DSDialog,
-  DSDialogWithSchema: () => DSDialogWithSchema
-});
-var React = __toESM(require("react"));
-var import_react_dom = __toESM(require("react-dom"));
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styles = require("./styles");
-var import_propTypes = require("./propTypes");
-var import_defaultProps = require("./defaultProps");
-var import_utils = require("./utils");
-var import_DSDialogDatatestid = require("./DSDialogDatatestid");
-const DSDialog = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
-  const [bodyInfo, setBodyInfo] = (0, import_react.useState)({ overflow: false, padding: "0px" });
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_propTypes.propTypes);
-  const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;
-  const containerRef = (0, import_react.useRef)(null);
-  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")
-      onClickOutside();
-  }, [onClickOutside]);
-  (0, import_react.useEffect)(() => {
-    const body = document.getElementsByTagName("body")[0];
-    const { offsetHeight, scrollHeight } = body;
-    const padding = window.getComputedStyle(body, null)?.getPropertyValue("padding-right");
-    if (!isOpen)
-      return setBodyInfo({ overflow: false, padding: "0px" });
-    return setBodyInfo({
-      overflow: offsetHeight < scrollHeight,
-      padding
-    });
-  }, [isOpen]);
-  (0, import_react.useEffect)(() => {
-    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,
-      ...globalAttributes
-    }, /* @__PURE__ */ import_react.default.createElement(import_styles.FixedBody, {
-      bodyInfo
-    }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogContainer, {
-      role: "dialog",
-      "aria-modal": true,
-      ref: containerRef,
-      tabIndex: !removeAutoFocus ? 0 : void 0,
-      onKeyDown: handleOnKeyDown,
-      ...(0, import_utils.getSpaceProps)(rest),
-      size,
-      centered,
-      "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.CONTAINER
-    }, children)), document.getElementsByTagName("body")[0]);
-  }
-  return null;
-};
-DSDialog.propTypes = import_propTypes.propTypes;
-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

@@ -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 {\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/dist/cjs/DSDialogDatatestid.js

@@ -1,38 +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 DSDialogDatatestid_exports = {};
-__export(DSDialogDatatestid_exports, {
-  DSDialogDatatestid: () => DSDialogDatatestid
-});
-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

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

package/dist/cjs/DSDialogInternalTypes.js

@@ -1,27 +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 __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 DSDialogInternalTypes_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(DSDialogInternalTypes_exports);
-//# sourceMappingURL=DSDialogInternalTypes.js.map