@wordpress/element 4.0.2 → 4.1.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## Unreleased
 
+## 4.1.0 (2022-01-27)
+
+### Bug Fix
+
+-   Ensure that the package uses the latest version of React types ([#37365](https://github.com/WordPress/gutenberg/pull/37365)).
+
+## 4.0.3 (2021-10-22)
+
+### Bug Fix
+
+-   Update `rawHtml` to correctly concatenate multiple strings passed as children (see [35532](https://github.com/WordPress/gutenberg/pull/35532))
+
 ## 4.0.0 (2021-07-29)
 
 ### Breaking Change

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2021 by the contributors
+    Copyright 2016-2022 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/README.md

@@ -294,7 +294,7 @@ aside from `children` are passed.
 
 _Parameters_
 
--   _props_ `RawHTMLProps`: Children should be a string of HTML. Other props will be passed through to div wrapper.
+-   _props_ `RawHTMLProps`: Children should be a string of HTML or an array of strings. Other props will be passed through to the div wrapper.
 
 _Returns_
 

package/build/index.js

@@ -11,28 +11,28 @@ var _exportNames = {
   renderToString: true,
   RawHTML: true
 };
-Object.defineProperty(exports, "createInterpolateElement", {
+Object.defineProperty(exports, "Platform", {
   enumerable: true,
   get: function () {
-    return _createInterpolateElement.default;
+    return _platform.default;
   }
 });
-Object.defineProperty(exports, "Platform", {
+Object.defineProperty(exports, "RawHTML", {
   enumerable: true,
   get: function () {
-    return _platform.default;
+    return _rawHtml.default;
   }
 });
-Object.defineProperty(exports, "renderToString", {
+Object.defineProperty(exports, "createInterpolateElement", {
   enumerable: true,
   get: function () {
-    return _serialize.default;
+    return _createInterpolateElement.default;
   }
 });
-Object.defineProperty(exports, "RawHTML", {
+Object.defineProperty(exports, "renderToString", {
   enumerable: true,
   get: function () {
-    return _rawHtml.default;
+    return _serialize.default;
   }
 });
 

package/build/raw-html.js

@@ -20,20 +20,30 @@ var _react = require("./react");
  * To preserve additional props, a `div` wrapper _will_ be created if any props
  * aside from `children` are passed.
  *
- * @param {RawHTMLProps} props Children should be a string of HTML. Other props
- *                             will be passed through to div wrapper.
+ * @param {RawHTMLProps} props Children should be a string of HTML or an array
+ *                             of strings. Other props will be passed through
+ *                             to the div wrapper.
  *
  * @return {JSX.Element} Dangerously-rendering component.
  */
-function RawHTML({
-  children,
-  ...props
-}) {
-  // The DIV wrapper will be stripped by serializer, unless there are
-  // non-children props present.
+function RawHTML(_ref) {
+  let {
+    children,
+    ...props
+  } = _ref;
+  let rawHtml = ''; // Cast children as an array, and concatenate each element if it is a string.
+
+  _react.Children.toArray(children).forEach(child => {
+    if (typeof child === 'string' && child.trim() !== '') {
+      rawHtml += child;
+    }
+  }); // The `div` wrapper will be stripped by the `renderElement` serializer in
+  // `./serialize.js` unless there are non-children props present.
+
+
   return (0, _react.createElement)('div', {
     dangerouslySetInnerHTML: {
-      __html: children
+      __html: rawHtml
     },
     ...props
   });

package/build/raw-html.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/element/src/raw-html.js"],"names":["RawHTML","children","props","dangerouslySetInnerHTML","__html"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,OAAT,CAAkB;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAlB,EAA2C;AACzD;AACA;AACA,SAAO,0BAAe,KAAf,EAAsB;AAC5BC,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEH;AAAV,KADG;AAE5B,OAAGC;AAFyB,GAAtB,CAAP;AAIA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { createElement } from './react';\n\n// Disable reason: JSDoc linter doesn't seem to parse the union (`&`) correctly.\n/** @typedef {{children: string} & import('react').ComponentPropsWithoutRef<'div'>} RawHTMLProps */\n\n/**\n * Component used as equivalent of Fragment with unescaped HTML, in cases where\n * it is desirable to render dangerous HTML without needing a wrapper element.\n * To preserve additional props, a `div` wrapper _will_ be created if any props\n * aside from `children` are passed.\n *\n * @param {RawHTMLProps} props Children should be a string of HTML. Other props\n *                             will be passed through to div wrapper.\n *\n * @return {JSX.Element} Dangerously-rendering component.\n */\nexport default function RawHTML( { children, ...props } ) {\n\t// The DIV wrapper will be stripped by serializer, unless there are\n\t// non-children props present.\n\treturn createElement( 'div', {\n\t\tdangerouslySetInnerHTML: { __html: children },\n\t\t...props,\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/element/src/raw-html.js"],"names":["RawHTML","children","props","rawHtml","Children","toArray","forEach","child","trim","dangerouslySetInnerHTML","__html"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,OAAT,OAA2C;AAAA,MAAzB;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAAyB;AACzD,MAAIC,OAAO,GAAG,EAAd,CADyD,CAGzD;;AACAC,kBAASC,OAAT,CAAkBJ,QAAlB,EAA6BK,OAA7B,CAAwCC,KAAF,IAAa;AAClD,QAAK,OAAOA,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,CAACC,IAAN,OAAiB,EAAnD,EAAwD;AACvDL,MAAAA,OAAO,IAAII,KAAX;AACA;AACD,GAJD,EAJyD,CAUzD;AACA;;;AACA,SAAO,0BAAe,KAAf,EAAsB;AAC5BE,IAAAA,uBAAuB,EAAE;AAAEC,MAAAA,MAAM,EAAEP;AAAV,KADG;AAE5B,OAAGD;AAFyB,GAAtB,CAAP;AAIA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { Children, createElement } from './react';\n\n// Disable reason: JSDoc linter doesn't seem to parse the union (`&`) correctly.\n/** @typedef {{children: string} & import('react').ComponentPropsWithoutRef<'div'>} RawHTMLProps */\n\n/**\n * Component used as equivalent of Fragment with unescaped HTML, in cases where\n * it is desirable to render dangerous HTML without needing a wrapper element.\n * To preserve additional props, a `div` wrapper _will_ be created if any props\n * aside from `children` are passed.\n *\n * @param {RawHTMLProps} props Children should be a string of HTML or an array\n *                             of strings. Other props will be passed through\n *                             to the div wrapper.\n *\n * @return {JSX.Element} Dangerously-rendering component.\n */\nexport default function RawHTML( { children, ...props } ) {\n\tlet rawHtml = '';\n\n\t// Cast children as an array, and concatenate each element if it is a string.\n\tChildren.toArray( children ).forEach( ( child ) => {\n\t\tif ( typeof child === 'string' && child.trim() !== '' ) {\n\t\t\trawHtml += child;\n\t\t}\n\t} );\n\n\t// The `div` wrapper will be stripped by the `renderElement` serializer in\n\t// `./serialize.js` unless there are non-children props present.\n\treturn createElement( 'div', {\n\t\tdangerouslySetInnerHTML: { __html: rawHtml },\n\t\t...props,\n\t} );\n}\n"]}

package/build/react-platform.native.js

@@ -3,55 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.render = void 0;
+exports.registerComponent = void 0;
 
 var _reactNative = require("react-native");
 
-var _lodash = require("lodash");
-
-var _hooks = require("@wordpress/hooks");
-
-var _react = require("./react");
-
 /**
  * External dependencies
  */
 
 /**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const render = (element, id) => {
-  class App extends _react.Component {
-    constructor() {
-      super(...arguments);
-      const parentProps = (0, _lodash.omit)(this.props || {}, ['rootTag']);
-      (0, _hooks.doAction)('native.pre-render', parentProps);
-      this.filteredProps = (0, _hooks.applyFilters)('native.block_editor_props', parentProps);
-    }
-
-    componentDidMount() {
-      (0, _hooks.doAction)('native.render', this.filteredProps);
-    }
-
-    render() {
-      return (0, _react.cloneElement)(element, this.filteredProps);
-    }
-
-  }
-
-  _reactNative.AppRegistry.registerComponent(id, () => App);
-};
-/**
- * Render a given element on Native.
- * This actually returns a componentProvider that can be registered with `AppRegistry.registerComponent`
+ * Registers an app root component allowing the native system to run the app.
  *
- * @param {WPElement} element Element to render.
+ * @param {string}   appKey            Unique app name identifier.
+ * @param {Function} componentProvider Function returning the app root React component.
  */
+const registerComponent = (appKey, componentProvider) => {
+  _reactNative.AppRegistry.registerComponent(appKey, componentProvider);
+};
 
-
-exports.render = render;
+exports.registerComponent = registerComponent;
 //# sourceMappingURL=react-platform.native.js.map

package/build/react-platform.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/element/src/react-platform.native.js"],"names":["render","element","id","App","Component","constructor","arguments","parentProps","props","filteredProps","componentDidMount","AppRegistry","registerComponent"],"mappings":";;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,MAAM,GAAG,CAAEC,OAAF,EAAWC,EAAX,KAAmB;AACjC,QAAMC,GAAN,SAAkBC,gBAAlB,CAA4B;AAC3BC,IAAAA,WAAW,GAAG;AACb,YAAO,GAAGC,SAAV;AAEA,YAAMC,WAAW,GAAG,kBAAM,KAAKC,KAAL,IAAc,EAApB,EAAwB,CAAE,SAAF,CAAxB,CAApB;AAEA,2BAAU,mBAAV,EAA+BD,WAA/B;AAEA,WAAKE,aAAL,GAAqB,yBACpB,2BADoB,EAEpBF,WAFoB,CAArB;AAIA;;AAEDG,IAAAA,iBAAiB,GAAG;AACnB,2BAAU,eAAV,EAA2B,KAAKD,aAAhC;AACA;;AAEDT,IAAAA,MAAM,GAAG;AACR,aAAO,yBAAcC,OAAd,EAAuB,KAAKQ,aAA5B,CAAP;AACA;;AApB0B;;AAuB5BE,2BAAYC,iBAAZ,CAA+BV,EAA/B,EAAmC,MAAMC,GAAzC;AACA,CAzBD;AA2BA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { AppRegistry } from 'react-native';\nimport { omit } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { applyFilters, doAction } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { Component, cloneElement } from './react';\n\nconst render = ( element, id ) => {\n\tclass App extends Component {\n\t\tconstructor() {\n\t\t\tsuper( ...arguments );\n\n\t\t\tconst parentProps = omit( this.props || {}, [ 'rootTag' ] );\n\n\t\t\tdoAction( 'native.pre-render', parentProps );\n\n\t\t\tthis.filteredProps = applyFilters(\n\t\t\t\t'native.block_editor_props',\n\t\t\t\tparentProps\n\t\t\t);\n\t\t}\n\n\t\tcomponentDidMount() {\n\t\t\tdoAction( 'native.render', this.filteredProps );\n\t\t}\n\n\t\trender() {\n\t\t\treturn cloneElement( element, this.filteredProps );\n\t\t}\n\t}\n\n\tAppRegistry.registerComponent( id, () => App );\n};\n\n/**\n * Render a given element on Native.\n * This actually returns a componentProvider that can be registered with `AppRegistry.registerComponent`\n *\n * @param {WPElement} element Element to render.\n */\nexport { render };\n"]}
+{"version":3,"sources":["@wordpress/element/src/react-platform.native.js"],"names":["registerComponent","appKey","componentProvider","AppRegistry"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,iBAAiB,GAAG,CAAEC,MAAF,EAAUC,iBAAV,KAAiC;AACjEC,2BAAYH,iBAAZ,CAA+BC,MAA/B,EAAuCC,iBAAvC;AACA,CAFM","sourcesContent":["/**\n * External dependencies\n */\nimport { AppRegistry } from 'react-native';\n\n/**\n * Registers an app root component allowing the native system to run the app.\n *\n * @param {string}   appKey            Unique app name identifier.\n * @param {Function} componentProvider Function returning the app root React component.\n */\nexport const registerComponent = ( appKey, componentProvider ) => {\n\tAppRegistry.registerComponent( appKey, componentProvider );\n};\n"]}

package/build/react.js

@@ -3,114 +3,108 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.concatChildren = concatChildren;
-exports.switchChildrenNodeName = switchChildrenNodeName;
 Object.defineProperty(exports, "Children", {
   enumerable: true,
   get: function () {
     return _react.Children;
   }
 });
-Object.defineProperty(exports, "cloneElement", {
-  enumerable: true,
-  get: function () {
-    return _react.cloneElement;
-  }
-});
 Object.defineProperty(exports, "Component", {
   enumerable: true,
   get: function () {
     return _react.Component;
   }
 });
-Object.defineProperty(exports, "createContext", {
+Object.defineProperty(exports, "Fragment", {
   enumerable: true,
   get: function () {
-    return _react.createContext;
+    return _react.Fragment;
   }
 });
-Object.defineProperty(exports, "createElement", {
+Object.defineProperty(exports, "StrictMode", {
   enumerable: true,
   get: function () {
-    return _react.createElement;
+    return _react.StrictMode;
   }
 });
-Object.defineProperty(exports, "createRef", {
+Object.defineProperty(exports, "Suspense", {
   enumerable: true,
   get: function () {
-    return _react.createRef;
+    return _react.Suspense;
   }
 });
-Object.defineProperty(exports, "forwardRef", {
+Object.defineProperty(exports, "cloneElement", {
   enumerable: true,
   get: function () {
-    return _react.forwardRef;
+    return _react.cloneElement;
   }
 });
-Object.defineProperty(exports, "Fragment", {
+exports.concatChildren = concatChildren;
+Object.defineProperty(exports, "createContext", {
   enumerable: true,
   get: function () {
-    return _react.Fragment;
+    return _react.createContext;
   }
 });
-Object.defineProperty(exports, "isValidElement", {
+Object.defineProperty(exports, "createElement", {
   enumerable: true,
   get: function () {
-    return _react.isValidElement;
+    return _react.createElement;
   }
 });
-Object.defineProperty(exports, "memo", {
+Object.defineProperty(exports, "createRef", {
   enumerable: true,
   get: function () {
-    return _react.memo;
+    return _react.createRef;
   }
 });
-Object.defineProperty(exports, "StrictMode", {
+Object.defineProperty(exports, "forwardRef", {
   enumerable: true,
   get: function () {
-    return _react.StrictMode;
+    return _react.forwardRef;
   }
 });
-Object.defineProperty(exports, "useState", {
+Object.defineProperty(exports, "isValidElement", {
   enumerable: true,
   get: function () {
-    return _react.useState;
+    return _react.isValidElement;
   }
 });
-Object.defineProperty(exports, "useEffect", {
+Object.defineProperty(exports, "lazy", {
   enumerable: true,
   get: function () {
-    return _react.useEffect;
+    return _react.lazy;
   }
 });
-Object.defineProperty(exports, "useContext", {
+Object.defineProperty(exports, "memo", {
   enumerable: true,
   get: function () {
-    return _react.useContext;
+    return _react.memo;
   }
 });
-Object.defineProperty(exports, "useReducer", {
+exports.switchChildrenNodeName = switchChildrenNodeName;
+Object.defineProperty(exports, "useCallback", {
   enumerable: true,
   get: function () {
-    return _react.useReducer;
+    return _react.useCallback;
   }
 });
-Object.defineProperty(exports, "useCallback", {
+Object.defineProperty(exports, "useContext", {
   enumerable: true,
   get: function () {
-    return _react.useCallback;
+    return _react.useContext;
   }
 });
-Object.defineProperty(exports, "useMemo", {
+Object.defineProperty(exports, "useDebugValue", {
   enumerable: true,
   get: function () {
-    return _react.useMemo;
+    return _react.useDebugValue;
   }
 });
-Object.defineProperty(exports, "useRef", {
+Object.defineProperty(exports, "useEffect", {
   enumerable: true,
   get: function () {
-    return _react.useRef;
+    return _react.useEffect;
   }
 });
 Object.defineProperty(exports, "useImperativeHandle", {
@@ -125,22 +119,28 @@ Object.defineProperty(exports, "useLayoutEffect", {
     return _react.useLayoutEffect;
   }
 });
-Object.defineProperty(exports, "useDebugValue", {
+Object.defineProperty(exports, "useMemo", {
   enumerable: true,
   get: function () {
-    return _react.useDebugValue;
+    return _react.useMemo;
   }
 });
-Object.defineProperty(exports, "lazy", {
+Object.defineProperty(exports, "useReducer", {
   enumerable: true,
   get: function () {
-    return _react.lazy;
+    return _react.useReducer;
   }
 });
-Object.defineProperty(exports, "Suspense", {
+Object.defineProperty(exports, "useRef", {
   enumerable: true,
   get: function () {
-    return _react.Suspense;
+    return _react.useRef;
+  }
+});
+Object.defineProperty(exports, "useState", {
+  enumerable: true,
+  get: function () {
+    return _react.useState;
   }
 });
 
@@ -151,7 +151,7 @@ var _lodash = require("lodash");
 /**
  * External dependencies
  */
-// eslint-disable-next-line no-restricted-imports
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
 
 /**
  * Object containing a React element.
@@ -304,7 +304,11 @@ var _lodash = require("lodash");
  *
  * @return {Array} The concatenated value.
  */
-function concatChildren(...childrenArguments) {
+function concatChildren() {
+  for (var _len = arguments.length, childrenArguments = new Array(_len), _key = 0; _key < _len; _key++) {
+    childrenArguments[_key] = arguments[_key];
+  }
+
   return childrenArguments.reduce((accumulator, children, i) => {
     _react.Children.forEach(children, (child, j) => {
       if (child && 'string' !== typeof child) {

package/build/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/element/src/react.js"],"names":["concatChildren","childrenArguments","reduce","accumulator","children","i","Children","forEach","child","j","key","join","push","switchChildrenNodeName","nodeName","map","elt","index","childrenProp","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAyBA;;AA7BA;AACA;AACA;AACA;;AA4BA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,CAAyB,GAAGC,iBAA5B,EAAgD;AACtD,SAAOA,iBAAiB,CAACC,MAAlB,CAA0B,CAAEC,WAAF,EAAeC,QAAf,EAAyBC,CAAzB,KAAgC;AAChEC,oBAASC,OAAT,CAAkBH,QAAlB,EAA4B,CAAEI,KAAF,EAASC,CAAT,KAAgB;AAC3C,UAAKD,KAAK,IAAI,aAAa,OAAOA,KAAlC,EAA0C;AACzCA,QAAAA,KAAK,GAAG,yBAAcA,KAAd,EAAqB;AAC5BE,UAAAA,GAAG,EAAE,CAAEL,CAAF,EAAKI,CAAL,EAASE,IAAT;AADuB,SAArB,CAAR;AAGA;;AAEDR,MAAAA,WAAW,CAACS,IAAZ,CAAkBJ,KAAlB;AACA,KARD;;AAUA,WAAOL,WAAP;AACA,GAZM,EAYJ,EAZI,CAAP;AAaA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASU,sBAAT,CAAiCT,QAAjC,EAA2CU,QAA3C,EAAsD;AAC5D,SACCV,QAAQ,IACRE,gBAASS,GAAT,CAAcX,QAAd,EAAwB,CAAEY,GAAF,EAAOC,KAAP,KAAkB;AACzC,QAAK,sBAAUD,GAAV,CAAL,EAAuB;AACtB,aAAO,0BAAeF,QAAf,EAAyB;AAAEJ,QAAAA,GAAG,EAAEO;AAAP,OAAzB,EAAyCD,GAAzC,CAAP;AACA;;AACD,UAAM;AAAEZ,MAAAA,QAAQ,EAAEc,YAAZ;AAA0B,SAAGC;AAA7B,QAAuCH,GAAG,CAACG,KAAjD;AACA,WAAO,0BACNL,QADM,EAEN;AAAEJ,MAAAA,GAAG,EAAEO,KAAP;AAAc,SAAGE;AAAjB,KAFM,EAGND,YAHM,CAAP;AAKA,GAVD,CAFD;AAcA","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport {\n\tChildren,\n\tcloneElement,\n\tComponent,\n\tcreateContext,\n\tcreateElement,\n\tcreateRef,\n\tforwardRef,\n\tFragment,\n\tisValidElement,\n\tmemo,\n\tStrictMode,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseReducer,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseImperativeHandle,\n\tuseLayoutEffect,\n\tuseDebugValue,\n\tlazy,\n\tSuspense,\n} from 'react';\nimport { isString } from 'lodash';\n\n/**\n * Object containing a React element.\n *\n * @typedef {import('react').ReactElement} WPElement\n */\n\n/**\n * Object containing a React component.\n *\n * @typedef {import('react').ComponentType} WPComponent\n */\n\n/**\n * Object containing a React synthetic event.\n *\n * @typedef {import('react').SyntheticEvent} WPSyntheticEvent\n */\n\n/**\n * Object that provides utilities for dealing with React children.\n */\nexport { Children };\n\n/**\n * Creates a copy of an element with extended props.\n *\n * @param {WPElement} element Element\n * @param {?Object}   props   Props to apply to cloned element\n *\n * @return {WPElement} Cloned element.\n */\nexport { cloneElement };\n\n/**\n * A base class to create WordPress Components (Refs, state and lifecycle hooks)\n */\nexport { Component };\n\n/**\n * Creates a context object containing two components: a provider and consumer.\n *\n * @param {Object} defaultValue A default data stored in the context.\n *\n * @return {Object} Context object.\n */\nexport { createContext };\n\n/**\n * Returns a new element of given type. Type can be either a string tag name or\n * another function which itself returns an element.\n *\n * @param {?(string|Function)} type     Tag name or element creator\n * @param {Object}             props    Element properties, either attribute\n *                                      set to apply to DOM node or values to\n *                                      pass through to element creator\n * @param {...WPElement}       children Descendant elements\n *\n * @return {WPElement} Element.\n */\nexport { createElement };\n\n/**\n * Returns an object tracking a reference to a rendered element via its\n * `current` property as either a DOMElement or Element, dependent upon the\n * type of element rendered with the ref attribute.\n *\n * @return {Object} Ref object.\n */\nexport { createRef };\n\n/**\n * Component enhancer used to enable passing a ref to its wrapped component.\n * Pass a function argument which receives `props` and `ref` as its arguments,\n * returning an element using the forwarded ref. The return value is a new\n * component which forwards its ref.\n *\n * @param {Function} forwarder Function passed `props` and `ref`, expected to\n *                             return an element.\n *\n * @return {WPComponent} Enhanced component.\n */\nexport { forwardRef };\n\n/**\n * A component which renders its children without any wrapping element.\n */\nexport { Fragment };\n\n/**\n * Checks if an object is a valid WPElement.\n *\n * @param {Object} objectToCheck The object to be checked.\n *\n * @return {boolean} true if objectToTest is a valid WPElement and false otherwise.\n */\nexport { isValidElement };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactmemo\n */\nexport { memo };\n\n/**\n * Component that activates additional checks and warnings for its descendants.\n */\nexport { StrictMode };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usecallback\n */\nexport { useCallback };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usecontext\n */\nexport { useContext };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usedebugvalue\n */\nexport { useDebugValue };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useeffect\n */\nexport { useEffect };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useimperativehandle\n */\nexport { useImperativeHandle };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect\n */\nexport { useLayoutEffect };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usememo\n */\nexport { useMemo };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usereducer\n */\nexport { useReducer };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useref\n */\nexport { useRef };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usestate\n */\nexport { useState };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactlazy\n */\nexport { lazy };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactsuspense\n */\nexport { Suspense };\n\n/**\n * Concatenate two or more React children objects.\n *\n * @param {...?Object} childrenArguments Array of children arguments (array of arrays/strings/objects) to concatenate.\n *\n * @return {Array} The concatenated value.\n */\nexport function concatChildren( ...childrenArguments ) {\n\treturn childrenArguments.reduce( ( accumulator, children, i ) => {\n\t\tChildren.forEach( children, ( child, j ) => {\n\t\t\tif ( child && 'string' !== typeof child ) {\n\t\t\t\tchild = cloneElement( child, {\n\t\t\t\t\tkey: [ i, j ].join(),\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\taccumulator.push( child );\n\t\t} );\n\n\t\treturn accumulator;\n\t}, [] );\n}\n\n/**\n * Switches the nodeName of all the elements in the children object.\n *\n * @param {?Object} children Children object.\n * @param {string}  nodeName Node name.\n *\n * @return {?Object} The updated children object.\n */\nexport function switchChildrenNodeName( children, nodeName ) {\n\treturn (\n\t\tchildren &&\n\t\tChildren.map( children, ( elt, index ) => {\n\t\t\tif ( isString( elt ) ) {\n\t\t\t\treturn createElement( nodeName, { key: index }, elt );\n\t\t\t}\n\t\t\tconst { children: childrenProp, ...props } = elt.props;\n\t\t\treturn createElement(\n\t\t\t\tnodeName,\n\t\t\t\t{ key: index, ...props },\n\t\t\t\tchildrenProp\n\t\t\t);\n\t\t} )\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/element/src/react.js"],"names":["concatChildren","childrenArguments","reduce","accumulator","children","i","Children","forEach","child","j","key","join","push","switchChildrenNodeName","nodeName","map","elt","index","childrenProp","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA;;AAyBA;;AA7BA;AACA;AACA;AACA;;AA4BA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,GAAgD;AAAA,oCAApBC,iBAAoB;AAApBA,IAAAA,iBAAoB;AAAA;;AACtD,SAAOA,iBAAiB,CAACC,MAAlB,CAA0B,CAAEC,WAAF,EAAeC,QAAf,EAAyBC,CAAzB,KAAgC;AAChEC,oBAASC,OAAT,CAAkBH,QAAlB,EAA4B,CAAEI,KAAF,EAASC,CAAT,KAAgB;AAC3C,UAAKD,KAAK,IAAI,aAAa,OAAOA,KAAlC,EAA0C;AACzCA,QAAAA,KAAK,GAAG,yBAAcA,KAAd,EAAqB;AAC5BE,UAAAA,GAAG,EAAE,CAAEL,CAAF,EAAKI,CAAL,EAASE,IAAT;AADuB,SAArB,CAAR;AAGA;;AAEDR,MAAAA,WAAW,CAACS,IAAZ,CAAkBJ,KAAlB;AACA,KARD;;AAUA,WAAOL,WAAP;AACA,GAZM,EAYJ,EAZI,CAAP;AAaA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASU,sBAAT,CAAiCT,QAAjC,EAA2CU,QAA3C,EAAsD;AAC5D,SACCV,QAAQ,IACRE,gBAASS,GAAT,CAAcX,QAAd,EAAwB,CAAEY,GAAF,EAAOC,KAAP,KAAkB;AACzC,QAAK,sBAAUD,GAAV,CAAL,EAAuB;AACtB,aAAO,0BAAeF,QAAf,EAAyB;AAAEJ,QAAAA,GAAG,EAAEO;AAAP,OAAzB,EAAyCD,GAAzC,CAAP;AACA;;AACD,UAAM;AAAEZ,MAAAA,QAAQ,EAAEc,YAAZ;AAA0B,SAAGC;AAA7B,QAAuCH,GAAG,CAACG,KAAjD;AACA,WAAO,0BACNL,QADM,EAEN;AAAEJ,MAAAA,GAAG,EAAEO,KAAP;AAAc,SAAGE;AAAjB,KAFM,EAGND,YAHM,CAAP;AAKA,GAVD,CAFD;AAcA","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line @typescript-eslint/no-restricted-imports\nimport {\n\tChildren,\n\tcloneElement,\n\tComponent,\n\tcreateContext,\n\tcreateElement,\n\tcreateRef,\n\tforwardRef,\n\tFragment,\n\tisValidElement,\n\tmemo,\n\tStrictMode,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseReducer,\n\tuseCallback,\n\tuseMemo,\n\tuseRef,\n\tuseImperativeHandle,\n\tuseLayoutEffect,\n\tuseDebugValue,\n\tlazy,\n\tSuspense,\n} from 'react';\nimport { isString } from 'lodash';\n\n/**\n * Object containing a React element.\n *\n * @typedef {import('react').ReactElement} WPElement\n */\n\n/**\n * Object containing a React component.\n *\n * @typedef {import('react').ComponentType} WPComponent\n */\n\n/**\n * Object containing a React synthetic event.\n *\n * @typedef {import('react').SyntheticEvent} WPSyntheticEvent\n */\n\n/**\n * Object that provides utilities for dealing with React children.\n */\nexport { Children };\n\n/**\n * Creates a copy of an element with extended props.\n *\n * @param {WPElement} element Element\n * @param {?Object}   props   Props to apply to cloned element\n *\n * @return {WPElement} Cloned element.\n */\nexport { cloneElement };\n\n/**\n * A base class to create WordPress Components (Refs, state and lifecycle hooks)\n */\nexport { Component };\n\n/**\n * Creates a context object containing two components: a provider and consumer.\n *\n * @param {Object} defaultValue A default data stored in the context.\n *\n * @return {Object} Context object.\n */\nexport { createContext };\n\n/**\n * Returns a new element of given type. Type can be either a string tag name or\n * another function which itself returns an element.\n *\n * @param {?(string|Function)} type     Tag name or element creator\n * @param {Object}             props    Element properties, either attribute\n *                                      set to apply to DOM node or values to\n *                                      pass through to element creator\n * @param {...WPElement}       children Descendant elements\n *\n * @return {WPElement} Element.\n */\nexport { createElement };\n\n/**\n * Returns an object tracking a reference to a rendered element via its\n * `current` property as either a DOMElement or Element, dependent upon the\n * type of element rendered with the ref attribute.\n *\n * @return {Object} Ref object.\n */\nexport { createRef };\n\n/**\n * Component enhancer used to enable passing a ref to its wrapped component.\n * Pass a function argument which receives `props` and `ref` as its arguments,\n * returning an element using the forwarded ref. The return value is a new\n * component which forwards its ref.\n *\n * @param {Function} forwarder Function passed `props` and `ref`, expected to\n *                             return an element.\n *\n * @return {WPComponent} Enhanced component.\n */\nexport { forwardRef };\n\n/**\n * A component which renders its children without any wrapping element.\n */\nexport { Fragment };\n\n/**\n * Checks if an object is a valid WPElement.\n *\n * @param {Object} objectToCheck The object to be checked.\n *\n * @return {boolean} true if objectToTest is a valid WPElement and false otherwise.\n */\nexport { isValidElement };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactmemo\n */\nexport { memo };\n\n/**\n * Component that activates additional checks and warnings for its descendants.\n */\nexport { StrictMode };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usecallback\n */\nexport { useCallback };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usecontext\n */\nexport { useContext };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usedebugvalue\n */\nexport { useDebugValue };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useeffect\n */\nexport { useEffect };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useimperativehandle\n */\nexport { useImperativeHandle };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect\n */\nexport { useLayoutEffect };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usememo\n */\nexport { useMemo };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usereducer\n */\nexport { useReducer };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#useref\n */\nexport { useRef };\n\n/**\n * @see https://reactjs.org/docs/hooks-reference.html#usestate\n */\nexport { useState };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactlazy\n */\nexport { lazy };\n\n/**\n * @see https://reactjs.org/docs/react-api.html#reactsuspense\n */\nexport { Suspense };\n\n/**\n * Concatenate two or more React children objects.\n *\n * @param {...?Object} childrenArguments Array of children arguments (array of arrays/strings/objects) to concatenate.\n *\n * @return {Array} The concatenated value.\n */\nexport function concatChildren( ...childrenArguments ) {\n\treturn childrenArguments.reduce( ( accumulator, children, i ) => {\n\t\tChildren.forEach( children, ( child, j ) => {\n\t\t\tif ( child && 'string' !== typeof child ) {\n\t\t\t\tchild = cloneElement( child, {\n\t\t\t\t\tkey: [ i, j ].join(),\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\taccumulator.push( child );\n\t\t} );\n\n\t\treturn accumulator;\n\t}, [] );\n}\n\n/**\n * Switches the nodeName of all the elements in the children object.\n *\n * @param {?Object} children Children object.\n * @param {string}  nodeName Node name.\n *\n * @return {?Object} The updated children object.\n */\nexport function switchChildrenNodeName( children, nodeName ) {\n\treturn (\n\t\tchildren &&\n\t\tChildren.map( children, ( elt, index ) => {\n\t\t\tif ( isString( elt ) ) {\n\t\t\t\treturn createElement( nodeName, { key: index }, elt );\n\t\t\t}\n\t\t\tconst { children: childrenProp, ...props } = elt.props;\n\t\t\treturn createElement(\n\t\t\t\tnodeName,\n\t\t\t\t{ key: index, ...props },\n\t\t\t\tchildrenProp\n\t\t\t);\n\t\t} )\n\t);\n}\n"]}

package/build/serialize.js

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 exports.hasPrefix = hasPrefix;
+exports.renderAttributes = renderAttributes;
+exports.renderComponent = renderComponent;
 exports.renderElement = renderElement;
 exports.renderNativeComponent = renderNativeComponent;
-exports.renderComponent = renderComponent;
-exports.renderAttributes = renderAttributes;
 exports.renderStyle = renderStyle;
-exports.default = void 0;
 
 var _lodash = require("lodash");
 
@@ -258,7 +258,9 @@ function getNormalStylePropertyValue(property, value) {
  */
 
 
-function renderElement(element, context, legacyContext = {}) {
+function renderElement(element, context) {
+  let legacyContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
   if (null === element || undefined === element || false === element) {
     return '';
   }
@@ -337,7 +339,8 @@ function renderElement(element, context, legacyContext = {}) {
  */
 
 
-function renderNativeComponent(type, props, context, legacyContext = {}) {
+function renderNativeComponent(type, props, context) {
+  let legacyContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   let content = '';
 
   if (type === 'textarea' && props.hasOwnProperty('value')) {
@@ -379,7 +382,8 @@ function renderNativeComponent(type, props, context, legacyContext = {}) {
  */
 
 
-function renderComponent(Component, props, context, legacyContext = {}) {
+function renderComponent(Component, props, context) {
+  let legacyContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const instance = new
   /** @type {import('react').ComponentClass} */
   Component(props, legacyContext);
@@ -408,7 +412,8 @@ function renderComponent(Component, props, context, legacyContext = {}) {
  */
 
 
-function renderChildren(children, context, legacyContext = {}) {
+function renderChildren(children, context) {
+  let legacyContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let result = '';
   children = (0, _lodash.castArray)(children);