@elliemae/ds-dialog 2.3.0-next.0 → 3.0.0-alpha.0

package/esm/DSDialog.js

@@ -1,112 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import ReactDOM from 'react-dom';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, useGetGlobalAttributes } from '@elliemae/ds-props-helpers';
-import { StyledDialogBackground, FixedBody, StyledDialogContainer } from './styles.js';
-import { propTypes } from './propTypes.js';
-import { defaultProps } from './defaultProps.js';
-import { getSpaceProps } from './utils.js';
-import { DSDialogDatatestid } from './DSDialogDatatestid.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["children", "isOpen", "onClickOutside", "onClose", "centered", "size", "removeAutoFocus", "zIndex"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSDialog = props => {
-  var _FixedBody;
-
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  const [bodyInfo, setBodyInfo] = useState({
-    overflow: false,
-    padding: '0px'
-  });
-  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
-
-  const {
-    children,
-    isOpen,
-    onClickOutside,
-    onClose,
-    centered,
-    size,
-    removeAutoFocus,
-    zIndex
-  } = propsWithDefault,
-        rest = _objectWithoutProperties(propsWithDefault, _excluded);
-
-  const containerRef = useRef(null);
-  const handleOutsideClick = useCallback(e => {
-    if (e.target.dataset.portalbg) onClickOutside();
-  }, [onClickOutside]);
-  const globalAttributes = useGetGlobalAttributes(propsWithDefault, {
-    onClick: handleOutsideClick
-  });
-  const handleOnKeyDown = useCallback(e => {
-    if (e.key === 'Escape') onClose();
-    if (globalAttributes.onKeyDown) globalAttributes.onKeyDown(e);
-  }, [globalAttributes, onClose]);
-  useEffect(() => {
-    var _window$getComputedSt;
-
-    const body = document.getElementsByTagName('body')[0];
-    const {
-      offsetHeight,
-      scrollHeight
-    } = body;
-    const padding = (_window$getComputedSt = window.getComputedStyle(body, null)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.getPropertyValue('padding-right');
-    if (!isOpen) return setBodyInfo({
-      overflow: false,
-      padding: '0px'
-    });
-    return setBodyInfo({
-      overflow: offsetHeight < scrollHeight,
-      padding
-    });
-  }, [isOpen]);
-  useEffect(() => {
-    var _containerRef$current;
-
-    if (isOpen && !removeAutoFocus) containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.focus();
-  }, [isOpen, removeAutoFocus]);
-
-  if (isOpen) {
-    return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsx(StyledDialogBackground, {
-      onClick: handleOutsideClick,
-      "data-portalbg": true,
-      "data-testid": DSDialogDatatestid.BACKGROUND,
-      zIndex: zIndex
-    }, void 0, _FixedBody || (_FixedBody = /*#__PURE__*/_jsx(FixedBody, {
-      bodyInfo: bodyInfo
-    })), /*#__PURE__*/jsx(StyledDialogContainer, _objectSpread(_objectSpread(_objectSpread({
-      role: "dialog",
-      "aria-modal": true,
-      ref: containerRef,
-      tabIndex: !removeAutoFocus ? 0 : undefined
-    }, getSpaceProps(rest)), {}, {
-      size: size,
-      centered: centered,
-      "data-testid": DSDialogDatatestid.CONTAINER
-    }, globalAttributes), {}, {
-      onKeyDown: handleOnKeyDown,
-      children: children
-    }))), document.getElementsByTagName('body')[0]);
-  }
-
-  return null;
-};
-
-const DSDialogWithSchema = describe(DSDialog);
-DSDialogWithSchema.propTypes = propTypes;
-
-export { DSDialog, DSDialogWithSchema };

package/esm/DSDialogDatatestid.js

@@ -1,6 +0,0 @@
-const DSDialogDatatestid = {
-  CONTAINER: 'ds-dialog-container',
-  BACKGROUND: 'ds-dialog-background'
-};
-
-export { DSDialogDatatestid };

package/esm/defaultProps.js

@@ -1,15 +0,0 @@
-import { DSDialogSizes } from './utils.js';
-
-const noop = () => {};
-
-const defaultProps = {
-  isOpen: false,
-  centered: false,
-  size: DSDialogSizes.DEFAULT,
-  removeAutoFocus: false,
-  onClickOutside: noop,
-  onClose: noop,
-  zIndex: 10
-};
-
-export { defaultProps };

package/esm/propTypes.js

@@ -1,24 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';
-import { DSDialogSizesArrayValues, DSDialogSizes } from './utils.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const propTypes = _objectSpread(_objectSpread({
-  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),
-  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.').defaultValue(() => {}),
-  onClose: PropTypes.func.description('Callback triggered with ESC key.').defaultValue(() => {})
-}, globalAttributesPropTypes), {}, {
-  size: PropTypes.oneOf(DSDialogSizesArrayValues).description("Dialog's width size.").defaultValue(DSDialogSizes.DEFAULT)
-});
-
-export { propTypes };

package/esm/sharedTypes.js

@@ -1,5 +0,0 @@
-let DSDialogInternalsT;
-
-(function (_DSDialogInternalsT) {})(DSDialogInternalsT || (DSDialogInternalsT = {}));
-
-export { DSDialogInternalsT };

package/esm/styles.js

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

package/esm/utils.js

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

package/types/DSDialog.d.ts

@@ -1,376 +0,0 @@
-import React from 'react';
-import type { DSDialogT } from './propTypes';
-declare const DSDialog: {
-    (props: DSDialogT.Props): React.ReactPortal | null;
-    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;
-    };
-};
-declare const DSDialogWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSDialogT.Props>;
-export { DSDialog, DSDialogWithSchema };