@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/image/index.js

@@ -1,132 +1,151 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var image_exports = {};
+__export(image_exports, {
+  image: () => image
 });
-exports.image = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-const ALLOWED_MEDIA_TYPES = ['image'];
-const name = 'core/image';
-const title = (0, _i18n.__)('Inline image');
-
-/**
- * Extracts the image ID from the className attribute.
- *
- * @param {Object} activeObjectAttributes The attributes of the active object.
- * @return {number|undefined} The extracted image ID or undefined if not found.
- */
+module.exports = __toCommonJS(image_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+const ALLOWED_MEDIA_TYPES = ["image"];
+const name = "core/image";
+const title = (0, import_i18n.__)("Inline image");
 function getCurrentImageId(activeObjectAttributes) {
-  var _activeObjectAttribut;
   if (!activeObjectAttributes?.className) {
-    return undefined;
+    return void 0;
   }
-  const [, id] = (_activeObjectAttribut = activeObjectAttributes.className.match(/wp-image-(\d+)/)) !== null && _activeObjectAttribut !== void 0 ? _activeObjectAttribut : [];
-  return id ? parseInt(id, 10) : undefined;
+  const [, id] = activeObjectAttributes.className.match(/wp-image-(\d+)/) ?? [];
+  return id ? parseInt(id, 10) : void 0;
 }
-const image = exports.image = {
+const image = {
   name,
   title,
-  keywords: [(0, _i18n.__)('photo'), (0, _i18n.__)('media')],
+  keywords: [(0, import_i18n.__)("photo"), (0, import_i18n.__)("media")],
   object: true,
-  tagName: 'img',
+  tagName: "img",
   className: null,
   attributes: {
-    className: 'class',
-    style: 'style',
-    url: 'src',
-    alt: 'alt'
+    className: "class",
+    style: "style",
+    url: "src",
+    alt: "alt"
   },
   edit: Edit
 };
-function InlineUI({
-  value,
-  onChange,
-  activeObjectAttributes,
-  contentRef
-}) {
-  const {
-    style,
-    alt
-  } = activeObjectAttributes;
-  const width = style?.replace(/\D/g, '');
-  const [editedWidth, setEditedWidth] = (0, _element.useState)(width);
-  const [editedAlt, setEditedAlt] = (0, _element.useState)(alt);
+function InlineUI({ value, onChange, activeObjectAttributes, contentRef }) {
+  const { style, alt } = activeObjectAttributes;
+  const width = style?.replace(/\D/g, "");
+  const [editedWidth, setEditedWidth] = (0, import_element.useState)(width);
+  const [editedAlt, setEditedAlt] = (0, import_element.useState)(alt);
   const hasChanged = editedWidth !== width || editedAlt !== alt;
-  const popoverAnchor = (0, _richText.useAnchor)({
+  const popoverAnchor = (0, import_rich_text.useAnchor)({
     editableContentElement: contentRef.current,
     settings: image
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
-    placement: "bottom",
-    focusOnMount: false,
-    anchor: popoverAnchor,
-    className: "block-editor-format-toolbar__image-popover",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
-      className: "block-editor-format-toolbar__image-container-content",
-      onSubmit: event => {
-        const newReplacements = value.replacements.slice();
-        newReplacements[value.start] = {
-          type: name,
-          attributes: {
-            ...activeObjectAttributes,
-            style: editedWidth ? `width: ${editedWidth}px;` : '',
-            alt: editedAlt
-          }
-        };
-        onChange({
-          ...value,
-          replacements: newReplacements
-        });
-        event.preventDefault();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 4,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
-          __next40pxDefaultSize: true,
-          label: (0, _i18n.__)('Width'),
-          value: editedWidth,
-          min: 1,
-          onChange: newWidth => {
-            setEditedWidth(newWidth);
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextareaControl, {
-          label: (0, _i18n.__)('Alternative text'),
-          __nextHasNoMarginBottom: true,
-          value: editedAlt,
-          onChange: newAlt => {
-            setEditedAlt(newAlt);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Popover,
+    {
+      placement: "bottom",
+      focusOnMount: false,
+      anchor: popoverAnchor,
+      className: "block-editor-format-toolbar__image-popover",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "form",
+        {
+          className: "block-editor-format-toolbar__image-container-content",
+          onSubmit: (event) => {
+            const newReplacements = value.replacements.slice();
+            newReplacements[value.start] = {
+              type: name,
+              attributes: {
+                ...activeObjectAttributes,
+                style: editedWidth ? `width: ${editedWidth}px;` : "",
+                alt: editedAlt
+              }
+            };
+            onChange({
+              ...value,
+              replacements: newReplacements
+            });
+            event.preventDefault();
           },
-          help: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-              href:
-              // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
-              (0, _i18n.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
-              children: (0, _i18n.__)('Describe the purpose of the image.')
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), (0, _i18n.__)('Leave empty if decorative.')]
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-          justify: "right",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            disabled: !hasChanged,
-            accessibleWhenDisabled: true,
-            variant: "primary",
-            type: "submit",
-            size: "compact",
-            children: (0, _i18n.__)('Apply')
-          })
-        })]
-      })
-    })
-  });
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__experimentalNumberControl,
+              {
+                __next40pxDefaultSize: true,
+                label: (0, import_i18n.__)("Width"),
+                value: editedWidth,
+                min: 1,
+                onChange: (newWidth) => {
+                  setEditedWidth(newWidth);
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.TextareaControl,
+              {
+                label: (0, import_i18n.__)("Alternative text"),
+                __nextHasNoMarginBottom: true,
+                value: editedAlt,
+                onChange: (newAlt) => {
+                  setEditedAlt(newAlt);
+                },
+                help: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.ExternalLink,
+                    {
+                      href: (
+                        // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+                        (0, import_i18n.__)(
+                          "https://www.w3.org/WAI/tutorials/images/decision-tree/"
+                        )
+                      ),
+                      children: (0, import_i18n.__)(
+                        "Describe the purpose of the image."
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+                  (0, import_i18n.__)("Leave empty if decorative.")
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalHStack, { justify: "right", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.Button,
+              {
+                disabled: !hasChanged,
+                accessibleWhenDisabled: true,
+                variant: "primary",
+                type: "submit",
+                size: "compact",
+                children: (0, import_i18n.__)("Apply")
+              }
+            ) })
+          ] })
+        }
+      )
+    }
+  );
 }
 function Edit({
   value,
@@ -136,47 +155,60 @@ function Edit({
   activeObjectAttributes,
   contentRef
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.MediaUploadCheck, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
-      allowedTypes: ALLOWED_MEDIA_TYPES,
-      value: getCurrentImageId(activeObjectAttributes),
-      onSelect: ({
-        id,
-        url,
-        alt,
-        width: imgWidth
-      }) => {
-        onChange((0, _richText.insertObject)(value, {
-          type: name,
-          attributes: {
-            className: `wp-image-${id}`,
-            style: `width: ${Math.min(imgWidth, 150)}px;`,
-            url,
-            alt
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_block_editor.MediaUploadCheck, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.MediaUpload,
+      {
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        value: getCurrentImageId(activeObjectAttributes),
+        onSelect: ({ id, url, alt, width: imgWidth }) => {
+          onChange(
+            (0, import_rich_text.insertObject)(value, {
+              type: name,
+              attributes: {
+                className: `wp-image-${id}`,
+                style: `width: ${Math.min(
+                  imgWidth,
+                  150
+                )}px;`,
+                url,
+                alt
+              }
+            })
+          );
+          onFocus();
+        },
+        render: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_block_editor.RichTextToolbarButton,
+          {
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.SVG,
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Path, { d: "M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z" })
+              }
+            ),
+            title: isObjectActive ? (0, import_i18n.__)("Replace image") : title,
+            onClick: open,
+            isActive: isObjectActive
           }
-        }));
-        onFocus();
-      },
-      render: ({
-        open
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 24 24",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
-            d: "M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"
-          })
-        }),
-        title: isObjectActive ? (0, _i18n.__)('Replace image') : title,
-        onClick: open,
-        isActive: isObjectActive
-      })
-    }), isObjectActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineUI, {
-      value: value,
-      onChange: onChange,
-      activeObjectAttributes: activeObjectAttributes,
-      contentRef: contentRef
-    })]
-  });
+        )
+      }
+    ),
+    isObjectActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      InlineUI,
+      {
+        value,
+        onChange,
+        activeObjectAttributes,
+        contentRef
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  image
+});
+//# sourceMappingURL=index.js.map

package/build/image/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_element","_richText","_blockEditor","_jsxRuntime","ALLOWED_MEDIA_TYPES","name","title","__","getCurrentImageId","activeObjectAttributes","_activeObjectAttribut","className","undefined","id","match","parseInt","image","exports","keywords","object","tagName","attributes","style","url","alt","edit","Edit","InlineUI","value","onChange","contentRef","width","replace","editedWidth","setEditedWidth","useState","editedAlt","setEditedAlt","hasChanged","popoverAnchor","useAnchor","editableContentElement","current","settings","jsx","Popover","placement","focusOnMount","anchor","children","onSubmit","event","newReplacements","replacements","slice","start","type","preventDefault","jsxs","__experimentalVStack","spacing","__experimentalNumberControl","__next40pxDefaultSize","label","min","newWidth","TextareaControl","__nextHasNoMarginBottom","newAlt","help","Fragment","ExternalLink","href","__experimentalHStack","justify","Button","disabled","accessibleWhenDisabled","variant","size","onFocus","isObjectActive","MediaUploadCheck","MediaUpload","allowedTypes","onSelect","imgWidth","insertObject","Math","render","open","RichTextToolbarButton","icon","SVG","xmlns","viewBox","Path","d","onClick","isActive"],"sources":["@wordpress/format-library/src/image/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPath,\n\tSVG,\n\tPopover,\n\tButton,\n\tExternalLink,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalNumberControl as NumberControl,\n\tTextareaControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { insertObject, useAnchor } from '@wordpress/rich-text';\nimport {\n\tMediaUpload,\n\tRichTextToolbarButton,\n\tMediaUploadCheck,\n} from '@wordpress/block-editor';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nconst name = 'core/image';\nconst title = __( 'Inline image' );\n\n/**\n * Extracts the image ID from the className attribute.\n *\n * @param {Object} activeObjectAttributes The attributes of the active object.\n * @return {number|undefined} The extracted image ID or undefined if not found.\n */\nfunction getCurrentImageId( activeObjectAttributes ) {\n\tif ( ! activeObjectAttributes?.className ) {\n\t\treturn undefined;\n\t}\n\n\tconst [ , id ] =\n\t\tactiveObjectAttributes.className.match( /wp-image-(\\d+)/ ) ?? [];\n\n\treturn id ? parseInt( id, 10 ) : undefined;\n}\n\nexport const image = {\n\tname,\n\ttitle,\n\tkeywords: [ __( 'photo' ), __( 'media' ) ],\n\tobject: true,\n\ttagName: 'img',\n\tclassName: null,\n\tattributes: {\n\t\tclassName: 'class',\n\t\tstyle: 'style',\n\t\turl: 'src',\n\t\talt: 'alt',\n\t},\n\tedit: Edit,\n};\n\nfunction InlineUI( { value, onChange, activeObjectAttributes, contentRef } ) {\n\tconst { style, alt } = activeObjectAttributes;\n\tconst width = style?.replace( /\\D/g, '' );\n\tconst [ editedWidth, setEditedWidth ] = useState( width );\n\tconst [ editedAlt, setEditedAlt ] = useState( alt );\n\tconst hasChanged = editedWidth !== width || editedAlt !== alt;\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: image,\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tplacement=\"bottom\"\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tclassName=\"block-editor-format-toolbar__image-popover\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tconst newReplacements = value.replacements.slice();\n\n\t\t\t\t\tnewReplacements[ value.start ] = {\n\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t...activeObjectAttributes,\n\t\t\t\t\t\t\tstyle: editedWidth\n\t\t\t\t\t\t\t\t? `width: ${ editedWidth }px;`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\talt: editedAlt,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...value,\n\t\t\t\t\t\treplacements: newReplacements,\n\t\t\t\t\t} );\n\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ editedWidth }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\tsetEditedWidth( newWidth );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tvalue={ editedAlt }\n\t\t\t\t\t\tonChange={ ( newAlt ) => {\n\t\t\t\t\t\t\tsetEditedAlt( newAlt );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdisabled={ ! hasChanged }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n\nfunction Edit( {\n\tvalue,\n\tonChange,\n\tonFocus,\n\tisObjectActive,\n\tactiveObjectAttributes,\n\tcontentRef,\n} ) {\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tvalue={ getCurrentImageId( activeObjectAttributes ) }\n\t\t\t\tonSelect={ ( { id, url, alt, width: imgWidth } ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tinsertObject( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tclassName: `wp-image-${ id }`,\n\t\t\t\t\t\t\t\tstyle: `width: ${ Math.min(\n\t\t\t\t\t\t\t\t\timgWidth,\n\t\t\t\t\t\t\t\t\t150\n\t\t\t\t\t\t\t\t) }px;`,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t\tonFocus();\n\t\t\t\t} }\n\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path d=\"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z\" />\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ isObjectActive ? __( 'Replace image' ) : title }\n\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\tisActive={ isObjectActive }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t{ isObjectActive && (\n\t\t\t\t<InlineUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tactiveObjectAttributes={ activeObjectAttributes }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</MediaUploadCheck>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/image/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tPath,\n\tSVG,\n\tPopover,\n\tButton,\n\tExternalLink,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalNumberControl as NumberControl,\n\tTextareaControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { insertObject, useAnchor } from '@wordpress/rich-text';\nimport {\n\tMediaUpload,\n\tRichTextToolbarButton,\n\tMediaUploadCheck,\n} from '@wordpress/block-editor';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nconst name = 'core/image';\nconst title = __( 'Inline image' );\n\n/**\n * Extracts the image ID from the className attribute.\n *\n * @param {Object} activeObjectAttributes The attributes of the active object.\n * @return {number|undefined} The extracted image ID or undefined if not found.\n */\nfunction getCurrentImageId( activeObjectAttributes ) {\n\tif ( ! activeObjectAttributes?.className ) {\n\t\treturn undefined;\n\t}\n\n\tconst [ , id ] =\n\t\tactiveObjectAttributes.className.match( /wp-image-(\\d+)/ ) ?? [];\n\n\treturn id ? parseInt( id, 10 ) : undefined;\n}\n\nexport const image = {\n\tname,\n\ttitle,\n\tkeywords: [ __( 'photo' ), __( 'media' ) ],\n\tobject: true,\n\ttagName: 'img',\n\tclassName: null,\n\tattributes: {\n\t\tclassName: 'class',\n\t\tstyle: 'style',\n\t\turl: 'src',\n\t\talt: 'alt',\n\t},\n\tedit: Edit,\n};\n\nfunction InlineUI( { value, onChange, activeObjectAttributes, contentRef } ) {\n\tconst { style, alt } = activeObjectAttributes;\n\tconst width = style?.replace( /\\D/g, '' );\n\tconst [ editedWidth, setEditedWidth ] = useState( width );\n\tconst [ editedAlt, setEditedAlt ] = useState( alt );\n\tconst hasChanged = editedWidth !== width || editedAlt !== alt;\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: image,\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tplacement=\"bottom\"\n\t\t\tfocusOnMount={ false }\n\t\t\tanchor={ popoverAnchor }\n\t\t\tclassName=\"block-editor-format-toolbar__image-popover\"\n\t\t>\n\t\t\t<form\n\t\t\t\tclassName=\"block-editor-format-toolbar__image-container-content\"\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tconst newReplacements = value.replacements.slice();\n\n\t\t\t\t\tnewReplacements[ value.start ] = {\n\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t...activeObjectAttributes,\n\t\t\t\t\t\t\tstyle: editedWidth\n\t\t\t\t\t\t\t\t? `width: ${ editedWidth }px;`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\talt: editedAlt,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\t...value,\n\t\t\t\t\t\treplacements: newReplacements,\n\t\t\t\t\t} );\n\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ editedWidth }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tonChange={ ( newWidth ) => {\n\t\t\t\t\t\t\tsetEditedWidth( newWidth );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tvalue={ editedAlt }\n\t\t\t\t\t\tonChange={ ( newAlt ) => {\n\t\t\t\t\t\t\tsetEditedAlt( newAlt );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdisabled={ ! hasChanged }\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Popover>\n\t);\n}\n\nfunction Edit( {\n\tvalue,\n\tonChange,\n\tonFocus,\n\tisObjectActive,\n\tactiveObjectAttributes,\n\tcontentRef,\n} ) {\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tvalue={ getCurrentImageId( activeObjectAttributes ) }\n\t\t\t\tonSelect={ ( { id, url, alt, width: imgWidth } ) => {\n\t\t\t\t\tonChange(\n\t\t\t\t\t\tinsertObject( value, {\n\t\t\t\t\t\t\ttype: name,\n\t\t\t\t\t\t\tattributes: {\n\t\t\t\t\t\t\t\tclassName: `wp-image-${ id }`,\n\t\t\t\t\t\t\t\tstyle: `width: ${ Math.min(\n\t\t\t\t\t\t\t\t\timgWidth,\n\t\t\t\t\t\t\t\t\t150\n\t\t\t\t\t\t\t\t) }px;`,\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\talt,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t\t\tonFocus();\n\t\t\t\t} }\n\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t<RichTextToolbarButton\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<SVG\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Path d=\"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z\" />\n\t\t\t\t\t\t\t</SVG>\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={ isObjectActive ? __( 'Replace image' ) : title }\n\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\tisActive={ isObjectActive }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t{ isObjectActive && (\n\t\t\t\t<InlineUI\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tactiveObjectAttributes={ activeObjectAttributes }\n\t\t\t\t\tcontentRef={ contentRef }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</MediaUploadCheck>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["VStack", "NumberControl", "HStack"]
+}

package/build/index.js

@@ -1,18 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _richText = require("@wordpress/rich-text");
-var _defaultFormats = _interopRequireDefault(require("./default-formats"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-_defaultFormats.default.forEach(({
-  name,
-  ...settings
-}) => (0, _richText.registerFormatType)(name, settings));
-//# sourceMappingURL=index.js.map
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_rich_text = require("@wordpress/rich-text");
+var import_default_formats = __toESM(require("./default-formats"));
+import_default_formats.default.forEach(
+  ({ name, ...settings }) => (0, import_rich_text.registerFormatType)(name, settings)
+);
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_richText","require","_defaultFormats","_interopRequireDefault","formats","forEach","name","settings","registerFormatType"],"sources":["@wordpress/format-library/src/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { registerFormatType } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport formats from './default-formats';\n\nformats.forEach( ( { name, ...settings } ) =>\n\tregisterFormatType( name, settings )\n);\n"],"mappings":";;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGAG,uBAAO,CAACC,OAAO,CAAE,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAS,CAAC,KACvC,IAAAC,4BAAkB,EAAEF,IAAI,EAAEC,QAAS,CACpC,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { registerFormatType } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport formats from './default-formats';\n\nformats.forEach( ( { name, ...settings } ) =>\n\tregisterFormatType( name, settings )\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAGA,uBAAmC;AAKnC,6BAAoB;AAEpB,uBAAAA,QAAQ;AAAA,EAAS,CAAE,EAAE,MAAM,GAAG,SAAS,UACtC,qCAAoB,MAAM,QAAS;AACpC;",
+  "names": ["formats"]
+}

package/build/italic/index.js

@@ -1,70 +1,81 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var italic_exports = {};
+__export(italic_exports, {
+  italic: () => italic
 });
-exports.italic = void 0;
-var _i18n = require("@wordpress/i18n");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _icons = require("@wordpress/icons");
-var _lockUnlock = require("../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  essentialFormatKey
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-const name = 'core/italic';
-const title = (0, _i18n.__)('Italic');
-const italic = exports.italic = {
+module.exports = __toCommonJS(italic_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+var import_icons = require("@wordpress/icons");
+var import_lock_unlock = require("../lock-unlock");
+const { essentialFormatKey } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+const name = "core/italic";
+const title = (0, import_i18n.__)("Italic");
+const italic = {
   name,
   title,
-  tagName: 'em',
+  tagName: "em",
   className: null,
   [essentialFormatKey]: true,
-  edit({
-    isActive,
-    value,
-    onChange,
-    onFocus
-  }) {
+  edit({ isActive, value, onChange, onFocus }) {
     function onToggle() {
-      onChange((0, _richText.toggleFormat)(value, {
-        type: name,
-        title
-      }));
+      onChange((0, import_rich_text.toggleFormat)(value, { type: name, title }));
     }
     function onClick() {
-      onChange((0, _richText.toggleFormat)(value, {
-        type: name
-      }));
+      onChange((0, import_rich_text.toggleFormat)(value, { type: name }));
       onFocus();
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextShortcut, {
-        type: "primary",
-        character: "i",
-        onUse: onToggle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
-        name: "italic",
-        icon: _icons.formatItalic,
-        title: title,
-        onClick: onClick,
-        isActive: isActive,
-        shortcutType: "primary",
-        shortcutCharacter: "i"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableRichTextInputEvent, {
-        inputType: "formatItalic",
-        onInput: onToggle
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichTextShortcut,
+        {
+          type: "primary",
+          character: "i",
+          onUse: onToggle
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichTextToolbarButton,
+        {
+          name: "italic",
+          icon: import_icons.formatItalic,
+          title,
+          onClick,
+          isActive,
+          shortcutType: "primary",
+          shortcutCharacter: "i"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.__unstableRichTextInputEvent,
+        {
+          inputType: "formatItalic",
+          onInput: onToggle
+        }
+      )
+    ] });
   }
 };
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  italic
+});
+//# sourceMappingURL=index.js.map