@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/spacer/save.js

@@ -1,8 +1,8 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function save({
   attributes
 }) {
@@ -18,7 +18,7 @@ export default function save({
   } = style || {};
   // If selfStretch is set to 'fill' or 'fit', don't set default height.
   const finalHeight = selfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...useBlockProps.save({
       style: {
         height: getSpacingPresetCssVar(finalHeight),

package/build-module/spacer/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","style","layout","selfStretch","finalHeight","undefined","createElement"],"sources":["@wordpress/block-library/src/spacer/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { height, width, style } = attributes;\n\tconst { layout: { selfStretch } = {} } = style || {};\n\t// If selfStretch is set to 'fill' or 'fit', don't set default height.\n\tconst finalHeight =\n\t\tselfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( finalHeight ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,sBAAsB,QAAQ,yBAAyB;AAE/E,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC3C,MAAM;IAAEI,MAAM,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EACpD;EACA,MAAMG,WAAW,GAChBD,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,GAAGE,SAAS,GAAGN,MAAM;EACrE,OACCO,aAAA;IAAA,GACMX,aAAa,CAACE,IAAI,CAAE;MACxBI,KAAK,EAAE;QACNF,MAAM,EAAEH,sBAAsB,CAAEQ,WAAY,CAAC;QAC7CJ,KAAK,EAAEJ,sBAAsB,CAAEI,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["useBlockProps","getSpacingPresetCssVar","jsx","_jsx","save","attributes","height","width","style","layout","selfStretch","finalHeight","undefined"],"sources":["@wordpress/block-library/src/spacer/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { height, width, style } = attributes;\n\tconst { layout: { selfStretch } = {} } = style || {};\n\t// If selfStretch is set to 'fill' or 'fit', don't set default height.\n\tconst finalHeight =\n\t\tselfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( finalHeight ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,sBAAsB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhF,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAC3C,MAAM;IAAEI,MAAM,EAAE;MAAEC;IAAY,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK,IAAI,CAAC,CAAC;EACpD;EACA,MAAMG,WAAW,GAChBD,WAAW,KAAK,MAAM,IAAIA,WAAW,KAAK,KAAK,GAAGE,SAAS,GAAGN,MAAM;EACrE,oBACCH,IAAA;IAAA,GACMH,aAAa,CAACI,IAAI,CAAE;MACxBI,KAAK,EAAE;QACNF,MAAM,EAAEL,sBAAsB,CAAEU,WAAY,CAAC;QAC7CJ,KAAK,EAAEN,sBAAsB,CAAEM,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/spacer/save.native.js

@@ -1,15 +1,15 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function save({
   attributes: {
     height,
     width
   }
 }) {
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...useBlockProps.save({
       style: {
         height: getSpacingPresetCssVar(height),

package/build-module/spacer/save.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useBlockProps","getSpacingPresetCssVar","save","attributes","height","width","createElement","style"],"sources":["@wordpress/block-library/src/spacer/save.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,sBAAsB,QAAQ,yBAAyB;AAE/E,eAAe,SAASC,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAM;AAAE,CAAC,EAAG;EACjE,OACCC,aAAA;IAAA,GACMN,aAAa,CAACE,IAAI,CAAE;MACxBK,KAAK,EAAE;QACNH,MAAM,EAAEH,sBAAsB,CAAEG,MAAO,CAAC;QACxCC,KAAK,EAAEJ,sBAAsB,CAAEI,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["useBlockProps","getSpacingPresetCssVar","jsx","_jsx","save","attributes","height","width","style"],"sources":["@wordpress/block-library/src/spacer/save.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps, getSpacingPresetCssVar } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { height, width } } ) {\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tstyle: {\n\t\t\t\t\theight: getSpacingPresetCssVar( height ),\n\t\t\t\t\twidth: getSpacingPresetCssVar( width ),\n\t\t\t\t},\n\t\t\t\t'aria-hidden': true,\n\t\t\t} ) }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,sBAAsB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhF,eAAe,SAASC,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAM;AAAE,CAAC,EAAG;EACjE,oBACCJ,IAAA;IAAA,GACMH,aAAa,CAACI,IAAI,CAAE;MACxBI,KAAK,EAAE;QACNF,MAAM,EAAEL,sBAAsB,CAAEK,MAAO,CAAC;QACxCC,KAAK,EAAEN,sBAAsB,CAAEM,KAAM;MACtC,CAAC;MACD,aAAa,EAAE;IAChB,CAAE;EAAC,CACH,CAAC;AAEJ","ignoreList":[]}

package/build-module/table/deprecated.js

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -12,6 +11,8 @@ import { RichText, getColorClassName, useBlockProps, __experimentalGetBorderClas
 // As the previous arbitrary colors won't match theme color palettes, the hex
 // value will be mapped to the style.color.background attribute as if it was
 // a custom color selection.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const oldColors = {
   'subtle-light-gray': '#f3f4f5',
   'subtle-pale-green': '#e9fbe5',
@@ -172,7 +173,7 @@ const v4 = {
     }
     const colorProps = getColorClassesAndStyles(attributes);
     const borderProps = getBorderClassesAndStyles(attributes);
-    const classes = classnames(colorProps.className, borderProps.className, {
+    const classes = clsx(colorProps.className, borderProps.className, {
       'has-fixed-layout': hasFixedLayout
     });
     const hasCaption = !RichText.isEmpty(caption);
@@ -184,55 +185,58 @@ const v4 = {
         return null;
       }
       const Tag = `t${type}`;
-      return createElement(Tag, null, rows.map(({
-        cells
-      }, rowIndex) => createElement("tr", {
-        key: rowIndex
-      }, cells.map(({
-        content,
-        tag,
-        scope,
-        align,
-        colspan,
-        rowspan
-      }, cellIndex) => {
-        const cellClasses = classnames({
-          [`has-text-align-${align}`]: align
-        });
-        return createElement(RichText.Content, {
-          className: cellClasses ? cellClasses : undefined,
-          "data-align": align,
-          tagName: tag,
-          value: content,
-          key: cellIndex,
-          scope: tag === 'th' ? scope : undefined,
-          colSpan: colspan,
-          rowSpan: rowspan
-        });
-      }))));
+      return /*#__PURE__*/_jsx(Tag, {
+        children: rows.map(({
+          cells
+        }, rowIndex) => /*#__PURE__*/_jsx("tr", {
+          children: cells.map(({
+            content,
+            tag,
+            scope,
+            align,
+            colspan,
+            rowspan
+          }, cellIndex) => {
+            const cellClasses = clsx({
+              [`has-text-align-${align}`]: align
+            });
+            return /*#__PURE__*/_jsx(RichText.Content, {
+              className: cellClasses ? cellClasses : undefined,
+              "data-align": align,
+              tagName: tag,
+              value: content,
+              scope: tag === 'th' ? scope : undefined,
+              colSpan: colspan,
+              rowSpan: rowspan
+            }, cellIndex);
+          })
+        }, rowIndex))
+      });
     };
-    return createElement("figure", {
-      ...useBlockProps.save()
-    }, createElement("table", {
-      className: classes === '' ? undefined : classes,
-      style: {
-        ...colorProps.style,
-        ...borderProps.style
-      }
-    }, createElement(Section, {
-      type: "head",
-      rows: head
-    }), createElement(Section, {
-      type: "body",
-      rows: body
-    }), createElement(Section, {
-      type: "foot",
-      rows: foot
-    })), hasCaption && createElement(RichText.Content, {
-      tagName: "figcaption",
-      value: caption,
-      className: __experimentalGetElementClassName('caption')
-    }));
+    return /*#__PURE__*/_jsxs("figure", {
+      ...useBlockProps.save(),
+      children: [/*#__PURE__*/_jsxs("table", {
+        className: classes === '' ? undefined : classes,
+        style: {
+          ...colorProps.style,
+          ...borderProps.style
+        },
+        children: [/*#__PURE__*/_jsx(Section, {
+          type: "head",
+          rows: head
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "body",
+          rows: body
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "foot",
+          rows: foot
+        })]
+      }), hasCaption && /*#__PURE__*/_jsx(RichText.Content, {
+        tagName: "figcaption",
+        value: caption,
+        className: __experimentalGetElementClassName('caption')
+      })]
+    });
   }
 };
 
@@ -374,7 +378,7 @@ const v3 = {
     }
     const colorProps = getColorClassesAndStyles(attributes);
     const borderProps = getBorderClassesAndStyles(attributes);
-    const classes = classnames(colorProps.className, borderProps.className, {
+    const classes = clsx(colorProps.className, borderProps.className, {
       'has-fixed-layout': hasFixedLayout
     });
     const hasCaption = !RichText.isEmpty(caption);
@@ -386,50 +390,53 @@ const v3 = {
         return null;
       }
       const Tag = `t${type}`;
-      return createElement(Tag, null, rows.map(({
-        cells
-      }, rowIndex) => createElement("tr", {
-        key: rowIndex
-      }, cells.map(({
-        content,
-        tag,
-        scope,
-        align
-      }, cellIndex) => {
-        const cellClasses = classnames({
-          [`has-text-align-${align}`]: align
-        });
-        return createElement(RichText.Content, {
-          className: cellClasses ? cellClasses : undefined,
-          "data-align": align,
-          tagName: tag,
-          value: content,
-          key: cellIndex,
-          scope: tag === 'th' ? scope : undefined
-        });
-      }))));
+      return /*#__PURE__*/_jsx(Tag, {
+        children: rows.map(({
+          cells
+        }, rowIndex) => /*#__PURE__*/_jsx("tr", {
+          children: cells.map(({
+            content,
+            tag,
+            scope,
+            align
+          }, cellIndex) => {
+            const cellClasses = clsx({
+              [`has-text-align-${align}`]: align
+            });
+            return /*#__PURE__*/_jsx(RichText.Content, {
+              className: cellClasses ? cellClasses : undefined,
+              "data-align": align,
+              tagName: tag,
+              value: content,
+              scope: tag === 'th' ? scope : undefined
+            }, cellIndex);
+          })
+        }, rowIndex))
+      });
     };
-    return createElement("figure", {
-      ...useBlockProps.save()
-    }, createElement("table", {
-      className: classes === '' ? undefined : classes,
-      style: {
-        ...colorProps.style,
-        ...borderProps.style
-      }
-    }, createElement(Section, {
-      type: "head",
-      rows: head
-    }), createElement(Section, {
-      type: "body",
-      rows: body
-    }), createElement(Section, {
-      type: "foot",
-      rows: foot
-    })), hasCaption && createElement(RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    return /*#__PURE__*/_jsxs("figure", {
+      ...useBlockProps.save(),
+      children: [/*#__PURE__*/_jsxs("table", {
+        className: classes === '' ? undefined : classes,
+        style: {
+          ...colorProps.style,
+          ...borderProps.style
+        },
+        children: [/*#__PURE__*/_jsx(Section, {
+          type: "head",
+          rows: head
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "body",
+          rows: body
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "foot",
+          rows: foot
+        })]
+      }), hasCaption && /*#__PURE__*/_jsx(RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   }
 };
 
@@ -537,7 +544,7 @@ const v2 = {
       return null;
     }
     const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const classes = classnames(backgroundClass, {
+    const classes = clsx(backgroundClass, {
       'has-fixed-layout': hasFixedLayout,
       'has-background': !!backgroundClass
     });
@@ -550,46 +557,49 @@ const v2 = {
         return null;
       }
       const Tag = `t${type}`;
-      return createElement(Tag, null, rows.map(({
-        cells
-      }, rowIndex) => createElement("tr", {
-        key: rowIndex
-      }, cells.map(({
-        content,
-        tag,
-        scope,
-        align
-      }, cellIndex) => {
-        const cellClasses = classnames({
-          [`has-text-align-${align}`]: align
-        });
-        return createElement(RichText.Content, {
-          className: cellClasses ? cellClasses : undefined,
-          "data-align": align,
-          tagName: tag,
-          value: content,
-          key: cellIndex,
-          scope: tag === 'th' ? scope : undefined
-        });
-      }))));
+      return /*#__PURE__*/_jsx(Tag, {
+        children: rows.map(({
+          cells
+        }, rowIndex) => /*#__PURE__*/_jsx("tr", {
+          children: cells.map(({
+            content,
+            tag,
+            scope,
+            align
+          }, cellIndex) => {
+            const cellClasses = clsx({
+              [`has-text-align-${align}`]: align
+            });
+            return /*#__PURE__*/_jsx(RichText.Content, {
+              className: cellClasses ? cellClasses : undefined,
+              "data-align": align,
+              tagName: tag,
+              value: content,
+              scope: tag === 'th' ? scope : undefined
+            }, cellIndex);
+          })
+        }, rowIndex))
+      });
     };
-    return createElement("figure", {
-      ...useBlockProps.save()
-    }, createElement("table", {
-      className: classes === '' ? undefined : classes
-    }, createElement(Section, {
-      type: "head",
-      rows: head
-    }), createElement(Section, {
-      type: "body",
-      rows: body
-    }), createElement(Section, {
-      type: "foot",
-      rows: foot
-    })), hasCaption && createElement(RichText.Content, {
-      tagName: "figcaption",
-      value: caption
-    }));
+    return /*#__PURE__*/_jsxs("figure", {
+      ...useBlockProps.save(),
+      children: [/*#__PURE__*/_jsxs("table", {
+        className: classes === '' ? undefined : classes,
+        children: [/*#__PURE__*/_jsx(Section, {
+          type: "head",
+          rows: head
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "body",
+          rows: body
+        }), /*#__PURE__*/_jsx(Section, {
+          type: "foot",
+          rows: foot
+        })]
+      }), hasCaption && /*#__PURE__*/_jsx(RichText.Content, {
+        tagName: "figcaption",
+        value: caption
+      })]
+    });
   },
   isEligible: attributes => {
     return attributes.backgroundColor && attributes.backgroundColor in oldColors && !attributes.style;
@@ -697,7 +707,7 @@ const v1 = {
       return null;
     }
     const backgroundClass = getColorClassName('background-color', backgroundColor);
-    const classes = classnames(backgroundClass, {
+    const classes = clsx(backgroundClass, {
       'has-fixed-layout': hasFixedLayout,
       'has-background': !!backgroundClass
     });
@@ -709,33 +719,35 @@ const v1 = {
         return null;
       }
       const Tag = `t${type}`;
-      return createElement(Tag, null, rows.map(({
-        cells
-      }, rowIndex) => createElement("tr", {
-        key: rowIndex
-      }, cells.map(({
-        content,
-        tag,
-        scope
-      }, cellIndex) => createElement(RichText.Content, {
-        tagName: tag,
-        value: content,
-        key: cellIndex,
-        scope: tag === 'th' ? scope : undefined
-      })))));
+      return /*#__PURE__*/_jsx(Tag, {
+        children: rows.map(({
+          cells
+        }, rowIndex) => /*#__PURE__*/_jsx("tr", {
+          children: cells.map(({
+            content,
+            tag,
+            scope
+          }, cellIndex) => /*#__PURE__*/_jsx(RichText.Content, {
+            tagName: tag,
+            value: content,
+            scope: tag === 'th' ? scope : undefined
+          }, cellIndex))
+        }, rowIndex))
+      });
     };
-    return createElement("table", {
-      className: classes
-    }, createElement(Section, {
-      type: "head",
-      rows: head
-    }), createElement(Section, {
-      type: "body",
-      rows: body
-    }), createElement(Section, {
-      type: "foot",
-      rows: foot
-    }));
+    return /*#__PURE__*/_jsxs("table", {
+      className: classes,
+      children: [/*#__PURE__*/_jsx(Section, {
+        type: "head",
+        rows: head
+      }), /*#__PURE__*/_jsx(Section, {
+        type: "body",
+        rows: body
+      }), /*#__PURE__*/_jsx(Section, {
+        type: "foot",
+        rows: foot
+      })]
+    });
   }
 };