chore(packages)!: support pretty-dom esm modules build

Author: MatanBobi

package.json

@@ -46,7 +46,7 @@
     "chalk": "^4.1.0",
     "dom-accessibility-api": "^0.5.4",
     "lz-string": "^1.4.4",
-    "pretty-format": "^26.6.2"
+    "pretty-format": "^27.0.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.6",

src/pretty-dom.js

@@ -1,4 +1,4 @@
-import prettyFormat from 'pretty-format'
+import {format as prettyFormat, plugins} from 'pretty-format'
 import {getUserCodeFrame} from './get-user-code-frame'
 import {getDocument} from './helpers'
 
@@ -21,7 +21,7 @@ const getMaxLength = dom =>
     ? 0
     : (typeof process !== 'undefined' && process.env.DEBUG_PRINT_LIMIT) || 7000
 
-const {DOMElement, DOMCollection} = prettyFormat.plugins
+const {DOMElement, DOMCollection} = plugins
 
 function prettyDOM(dom, maxLength, options) {
   if (!dom) {