@elliemae/ds-dialog 2.3.0-next.6 → 2.3.0-next.7

package/cjs/DSDialog.js

@@ -28,7 +28,8 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-const _excluded = ["children", "isOpen", "onClickOutside", "onClose", "centered", "size", "removeAutoFocus", "zIndex"];
+const _excluded = ["children", "isOpen", "onClickOutside", "onClose", "centered", "size", "removeAutoFocus", "zIndex"],
+      _excluded2 = ["className"];
 
 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; }
 
@@ -60,13 +61,19 @@ const DSDialog = props => {
   const handleOutsideClick = react.useCallback(e => {
     if (e.target.dataset.portalbg) onClickOutside();
   }, [onClickOutside]);
-  const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefault, {
-    onClick: handleOutsideClick
-  });
   const handleOnKeyDown = react.useCallback(e => {
     if (e.key === 'Escape') onClose();
-    if (globalAttributes.onKeyDown) globalAttributes.onKeyDown(e);
-  }, [globalAttributes, onClose]);
+  }, [onClose]);
+
+  const _useGetGlobalAttribut = dsPropsHelpers.useGetGlobalAttributes(propsWithDefault, {
+    onClick: handleOutsideClick,
+    onKeyDown: handleOnKeyDown
+  }),
+        {
+    className
+  } = _useGetGlobalAttribut,
+        restOfGlobalAttributes = _objectWithoutProperties__default["default"](_useGetGlobalAttribut, _excluded2);
+
   react.useEffect(() => {
     var _window$getComputedSt;
 
@@ -93,6 +100,7 @@ const DSDialog = props => {
 
   if (isOpen) {
     return /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/_jsx__default["default"](styles.StyledDialogBackground, {
+      className: className,
       onClick: handleOutsideClick,
       "data-portalbg": true,
       "data-testid": DSDialogDatatestid.DSDialogDatatestid.BACKGROUND,
@@ -108,8 +116,7 @@ const DSDialog = props => {
       size: size,
       centered: centered,
       "data-testid": DSDialogDatatestid.DSDialogDatatestid.CONTAINER
-    }, globalAttributes), {}, {
-      onKeyDown: handleOnKeyDown,
+    }, restOfGlobalAttributes), {}, {
       children: children
     }))), document.getElementsByTagName('body')[0]);
   }

package/esm/DSDialog.js

@@ -17,7 +17,8 @@ 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"];
+const _excluded = ["children", "isOpen", "onClickOutside", "onClose", "centered", "size", "removeAutoFocus", "zIndex"],
+      _excluded2 = ["className"];
 
 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; }
 
@@ -49,13 +50,19 @@ const DSDialog = props => {
   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]);
+  }, [onClose]);
+
+  const _useGetGlobalAttribut = useGetGlobalAttributes(propsWithDefault, {
+    onClick: handleOutsideClick,
+    onKeyDown: handleOnKeyDown
+  }),
+        {
+    className
+  } = _useGetGlobalAttribut,
+        restOfGlobalAttributes = _objectWithoutProperties(_useGetGlobalAttribut, _excluded2);
+
   useEffect(() => {
     var _window$getComputedSt;
 
@@ -82,6 +89,7 @@ const DSDialog = props => {
 
   if (isOpen) {
     return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/_jsx(StyledDialogBackground, {
+      className: className,
       onClick: handleOutsideClick,
       "data-portalbg": true,
       "data-testid": DSDialogDatatestid.BACKGROUND,
@@ -97,8 +105,7 @@ const DSDialog = props => {
       size: size,
       centered: centered,
       "data-testid": DSDialogDatatestid.CONTAINER
-    }, globalAttributes), {}, {
-      onKeyDown: handleOnKeyDown,
+    }, restOfGlobalAttributes), {}, {
       children: children
     }))), document.getElementsByTagName('body')[0]);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "2.3.0-next.6",
+  "version": "2.3.0-next.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
   "module": "./esm/index.js",
@@ -60,8 +60,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "2.3.0-next.6",
-    "@elliemae/ds-system": "2.3.0-next.6",
+    "@elliemae/ds-props-helpers": "2.3.0-next.7",
+    "@elliemae/ds-system": "2.3.0-next.7",
     "@xstyled/styled-components": "~3.1.1",
     "react-desc": "~4.1.3"
   },