@wordpress/block-library 9.32.0 → 9.33.1-next.b8c8708f3.0

package/build-module/avatar/edit.js

@@ -1,23 +1,22 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { InspectorControls, useBlockProps, __experimentalUseBorderProps as useBorderProps } from '@wordpress/block-editor';
-import { RangeControl, ResizableBox, ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
-import { __, isRTL } from '@wordpress/i18n';
-import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
-import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-import { useCommentAvatar, useUserAvatar } from './hooks';
-import UserControl from './user-control';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  InspectorControls,
+  useBlockProps,
+  __experimentalUseBorderProps as useBorderProps
+} from "@wordpress/block-editor";
+import {
+  RangeControl,
+  ResizableBox,
+  ToggleControl,
+  __experimentalToolsPanel as ToolsPanel,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { __, isRTL } from "@wordpress/i18n";
+import { addQueryArgs, removeQueryArgs } from "@wordpress/url";
+import { useToolsPanelDropdownMenuProps } from "../utils/hooks";
+import { useCommentAvatar, useUserAvatar } from "./hooks";
+import UserControl from "./user-control";
 const AvatarInspectorControls = ({
   setAttributes,
   avatar,
@@ -25,85 +24,105 @@ const AvatarInspectorControls = ({
   selectUser
 }) => {
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
-  return /*#__PURE__*/_jsx(InspectorControls, {
-    children: /*#__PURE__*/_jsxs(ToolsPanel, {
-      label: __('Settings'),
+  return /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsxs(
+    ToolsPanel,
+    {
+      label: __("Settings"),
       resetAll: () => {
         setAttributes({
           size: 96,
           isLink: false,
-          linkTarget: '_self',
-          userId: undefined
+          linkTarget: "_self",
+          userId: void 0
         });
       },
-      dropdownMenuProps: dropdownMenuProps,
-      children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
-        label: __('Image size'),
-        isShownByDefault: true,
-        hasValue: () => attributes?.size !== 96,
-        onDeselect: () => setAttributes({
-          size: 96
-        }),
-        children: /*#__PURE__*/_jsx(RangeControl, {
-          __nextHasNoMarginBottom: true,
-          __next40pxDefaultSize: true,
-          label: __('Image size'),
-          onChange: newSize => setAttributes({
-            size: newSize
-          }),
-          min: avatar.minSize,
-          max: avatar.maxSize,
-          initialPosition: attributes?.size,
-          value: attributes?.size
-        })
-      }), /*#__PURE__*/_jsx(ToolsPanelItem, {
-        label: __('Link to user profile'),
-        isShownByDefault: true,
-        hasValue: () => attributes?.isLink,
-        onDeselect: () => setAttributes({
-          isLink: false
-        }),
-        children: /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
-          label: __('Link to user profile'),
-          onChange: () => setAttributes({
-            isLink: !attributes.isLink
-          }),
-          checked: attributes.isLink
-        })
-      }), attributes.isLink && /*#__PURE__*/_jsx(ToolsPanelItem, {
-        label: __('Open in new tab'),
-        isShownByDefault: true,
-        hasValue: () => attributes?.linkTarget !== '_self',
-        onDeselect: () => setAttributes({
-          linkTarget: '_self'
-        }),
-        children: /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
-          label: __('Open in new tab'),
-          onChange: value => setAttributes({
-            linkTarget: value ? '_blank' : '_self'
-          }),
-          checked: attributes.linkTarget === '_blank'
-        })
-      }), selectUser && /*#__PURE__*/_jsx(ToolsPanelItem, {
-        label: __('User'),
-        isShownByDefault: true,
-        hasValue: () => !!attributes?.userId,
-        onDeselect: () => setAttributes({
-          userId: undefined
-        }),
-        children: /*#__PURE__*/_jsx(UserControl, {
-          value: attributes?.userId,
-          onChange: value => {
-            setAttributes({
-              userId: value
-            });
+      dropdownMenuProps,
+      children: [
+        /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            label: __("Image size"),
+            isShownByDefault: true,
+            hasValue: () => attributes?.size !== 96,
+            onDeselect: () => setAttributes({ size: 96 }),
+            children: /* @__PURE__ */ jsx(
+              RangeControl,
+              {
+                __nextHasNoMarginBottom: true,
+                __next40pxDefaultSize: true,
+                label: __("Image size"),
+                onChange: (newSize) => setAttributes({
+                  size: newSize
+                }),
+                min: avatar.minSize,
+                max: avatar.maxSize,
+                initialPosition: attributes?.size,
+                value: attributes?.size
+              }
+            )
           }
-        })
-      })]
-    })
-  });
+        ),
+        /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            label: __("Link to user profile"),
+            isShownByDefault: true,
+            hasValue: () => attributes?.isLink,
+            onDeselect: () => setAttributes({ isLink: false }),
+            children: /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                __nextHasNoMarginBottom: true,
+                label: __("Link to user profile"),
+                onChange: () => setAttributes({ isLink: !attributes.isLink }),
+                checked: attributes.isLink
+              }
+            )
+          }
+        ),
+        attributes.isLink && /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            label: __("Open in new tab"),
+            isShownByDefault: true,
+            hasValue: () => attributes?.linkTarget !== "_self",
+            onDeselect: () => setAttributes({ linkTarget: "_self" }),
+            children: /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                __nextHasNoMarginBottom: true,
+                label: __("Open in new tab"),
+                onChange: (value) => setAttributes({
+                  linkTarget: value ? "_blank" : "_self"
+                }),
+                checked: attributes.linkTarget === "_blank"
+              }
+            )
+          }
+        ),
+        selectUser && /* @__PURE__ */ jsx(
+          ToolsPanelItem,
+          {
+            label: __("User"),
+            isShownByDefault: true,
+            hasValue: () => !!attributes?.userId,
+            onDeselect: () => setAttributes({ userId: void 0 }),
+            children: /* @__PURE__ */ jsx(
+              UserControl,
+              {
+                value: attributes?.userId,
+                onChange: (value) => {
+                  setAttributes({
+                    userId: value
+                  });
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
 };
 const ResizableAvatar = ({
   setAttributes,
@@ -113,12 +132,15 @@ const ResizableAvatar = ({
   isSelected
 }) => {
   const borderProps = useBorderProps(attributes);
-  const doubledSizedSrc = addQueryArgs(removeQueryArgs(avatar?.src, ['s']), {
-    s: attributes?.size * 2
-  });
-  return /*#__PURE__*/_jsx("div", {
-    ...blockProps,
-    children: /*#__PURE__*/_jsx(ResizableBox, {
+  const doubledSizedSrc = addQueryArgs(
+    removeQueryArgs(avatar?.src, ["s"]),
+    {
+      s: attributes?.size * 2
+    }
+  );
+  return /* @__PURE__ */ jsx("div", { ...blockProps, children: /* @__PURE__ */ jsx(
+    ResizableBox,
+    {
       size: {
         width: attributes.size,
         height: attributes.size
@@ -126,7 +148,10 @@ const ResizableAvatar = ({
       showHandle: isSelected,
       onResizeStop: (event, direction, elt, delta) => {
         setAttributes({
-          size: parseInt(attributes.size + (delta.height || delta.width), 10)
+          size: parseInt(
+            attributes.size + (delta.height || delta.width),
+            10
+          )
         });
       },
       lockAspectRatio: true,
@@ -138,105 +163,121 @@ const ResizableAvatar = ({
       },
       minWidth: avatar.minSize,
       maxWidth: avatar.maxSize,
-      children: /*#__PURE__*/_jsx("img", {
-        src: doubledSizedSrc,
-        alt: avatar.alt,
-        className: clsx('avatar', 'avatar-' + attributes.size, 'photo', 'wp-block-avatar__image', borderProps.className),
-        style: borderProps.style
-      })
-    })
-  });
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: doubledSizedSrc,
+          alt: avatar.alt,
+          className: clsx(
+            "avatar",
+            "avatar-" + attributes.size,
+            "photo",
+            "wp-block-avatar__image",
+            borderProps.className
+          ),
+          style: borderProps.style
+        }
+      )
+    }
+  ) });
 };
-const CommentEdit = ({
-  attributes,
-  context,
-  setAttributes,
-  isSelected
-}) => {
-  const {
-    commentId
-  } = context;
+const CommentEdit = ({ attributes, context, setAttributes, isSelected }) => {
+  const { commentId } = context;
   const blockProps = useBlockProps();
-  const avatar = useCommentAvatar({
-    commentId
-  });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(AvatarInspectorControls, {
-      avatar: avatar,
-      setAttributes: setAttributes,
-      attributes: attributes,
-      selectUser: false
-    }), attributes.isLink ? /*#__PURE__*/_jsx("a", {
-      href: "#avatar-pseudo-link",
-      className: "wp-block-avatar__link",
-      onClick: event => event.preventDefault(),
-      children: /*#__PURE__*/_jsx(ResizableAvatar, {
-        attributes: attributes,
-        avatar: avatar,
-        blockProps: blockProps,
-        isSelected: isSelected,
-        setAttributes: setAttributes
-      })
-    }) : /*#__PURE__*/_jsx(ResizableAvatar, {
-      attributes: attributes,
-      avatar: avatar,
-      blockProps: blockProps,
-      isSelected: isSelected,
-      setAttributes: setAttributes
-    })]
-  });
+  const avatar = useCommentAvatar({ commentId });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AvatarInspectorControls,
+      {
+        avatar,
+        setAttributes,
+        attributes,
+        selectUser: false
+      }
+    ),
+    attributes.isLink ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: "#avatar-pseudo-link",
+        className: "wp-block-avatar__link",
+        onClick: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          ResizableAvatar,
+          {
+            attributes,
+            avatar,
+            blockProps,
+            isSelected,
+            setAttributes
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      ResizableAvatar,
+      {
+        attributes,
+        avatar,
+        blockProps,
+        isSelected,
+        setAttributes
+      }
+    )
+  ] });
 };
-const UserEdit = ({
-  attributes,
-  context,
-  setAttributes,
-  isSelected
-}) => {
-  const {
-    postId,
-    postType
-  } = context;
+const UserEdit = ({ attributes, context, setAttributes, isSelected }) => {
+  const { postId, postType } = context;
   const avatar = useUserAvatar({
     userId: attributes?.userId,
     postId,
     postType
   });
   const blockProps = useBlockProps();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(AvatarInspectorControls, {
-      selectUser: true,
-      attributes: attributes,
-      avatar: avatar,
-      setAttributes: setAttributes
-    }), attributes.isLink ? /*#__PURE__*/_jsx("a", {
-      href: "#avatar-pseudo-link",
-      className: "wp-block-avatar__link",
-      onClick: event => event.preventDefault(),
-      children: /*#__PURE__*/_jsx(ResizableAvatar, {
-        attributes: attributes,
-        avatar: avatar,
-        blockProps: blockProps,
-        isSelected: isSelected,
-        setAttributes: setAttributes
-      })
-    }) : /*#__PURE__*/_jsx(ResizableAvatar, {
-      attributes: attributes,
-      avatar: avatar,
-      blockProps: blockProps,
-      isSelected: isSelected,
-      setAttributes: setAttributes
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AvatarInspectorControls,
+      {
+        selectUser: true,
+        attributes,
+        avatar,
+        setAttributes
+      }
+    ),
+    attributes.isLink ? /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: "#avatar-pseudo-link",
+        className: "wp-block-avatar__link",
+        onClick: (event) => event.preventDefault(),
+        children: /* @__PURE__ */ jsx(
+          ResizableAvatar,
+          {
+            attributes,
+            avatar,
+            blockProps,
+            isSelected,
+            setAttributes
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      ResizableAvatar,
+      {
+        attributes,
+        avatar,
+        blockProps,
+        isSelected,
+        setAttributes
+      }
+    )
+  ] });
 };
-export default function Edit(props) {
-  // Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).
+function Edit(props) {
   if (props?.context?.commentId || props?.context?.commentId === null) {
-    return /*#__PURE__*/_jsx(CommentEdit, {
-      ...props
-    });
+    return /* @__PURE__ */ jsx(CommentEdit, { ...props });
   }
-  return /*#__PURE__*/_jsx(UserEdit, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(UserEdit, { ...props });
 }
-//# sourceMappingURL=edit.js.map
+export {
+  Edit as default
+};
+//# sourceMappingURL=edit.js.map

package/build-module/avatar/edit.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","InspectorControls","useBlockProps","__experimentalUseBorderProps","useBorderProps","RangeControl","ResizableBox","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","isRTL","addQueryArgs","removeQueryArgs","useToolsPanelDropdownMenuProps","useCommentAvatar","useUserAvatar","UserControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","dropdownMenuProps","children","label","resetAll","size","isLink","linkTarget","userId","undefined","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","newSize","min","minSize","max","maxSize","initialPosition","value","checked","ResizableAvatar","blockProps","isSelected","borderProps","doubledSizedSrc","src","s","width","height","showHandle","onResizeStop","event","direction","elt","delta","parseInt","lockAspectRatio","enable","top","right","bottom","left","minWidth","maxWidth","alt","className","style","CommentEdit","context","commentId","href","onClick","preventDefault","UserEdit","postId","postType","Edit","props"],"sources":["@wordpress/block-library/src/avatar/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tResizableBox,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { useCommentAvatar, useUserAvatar } from './hooks';\nimport UserControl from './user-control';\n\nconst AvatarInspectorControls = ( {\n\tsetAttributes,\n\tavatar,\n\tattributes,\n\tselectUser,\n} ) => {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: 96,\n\t\t\t\t\t\tisLink: false,\n\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t\tuserId: undefined,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => attributes?.size !== 96 }\n\t\t\t\t\tonDeselect={ () => setAttributes( { size: 96 } ) }\n\t\t\t\t>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tsize: newSize,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ avatar.minSize }\n\t\t\t\t\t\tmax={ avatar.maxSize }\n\t\t\t\t\t\tinitialPosition={ attributes?.size }\n\t\t\t\t\t\tvalue={ attributes?.size }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => attributes?.isLink }\n\t\t\t\t\tonDeselect={ () => setAttributes( { isLink: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { isLink: ! attributes.isLink } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ attributes.isLink }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t{ attributes.isLink && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => attributes?.linkTarget !== '_self' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { linkTarget: '_self' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ attributes.linkTarget === '_blank' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t\t{ selectUser && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'User' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! attributes?.userId }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { userId: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<UserControl\n\t\t\t\t\t\t\tvalue={ attributes?.userId }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tuserId: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n};\n\nconst ResizableAvatar = ( {\n\tsetAttributes,\n\tattributes,\n\tavatar,\n\tblockProps,\n\tisSelected,\n} ) => {\n\tconst borderProps = useBorderProps( attributes );\n\tconst doubledSizedSrc = addQueryArgs(\n\t\tremoveQueryArgs( avatar?.src, [ 's' ] ),\n\t\t{\n\t\t\ts: attributes?.size * 2,\n\t\t}\n\t);\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: attributes.size,\n\t\t\t\t\theight: attributes.size,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: parseInt(\n\t\t\t\t\t\t\tattributes.size + ( delta.height || delta.width ),\n\t\t\t\t\t\t\t10\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: ! isRTL(),\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: isRTL(),\n\t\t\t\t} }\n\t\t\t\tminWidth={ avatar.minSize }\n\t\t\t\tmaxWidth={ avatar.maxSize }\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ doubledSizedSrc }\n\t\t\t\t\talt={ avatar.alt }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'avatar',\n\t\t\t\t\t\t'avatar-' + attributes.size,\n\t\t\t\t\t\t'photo',\n\t\t\t\t\t\t'wp-block-avatar__image',\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ borderProps.style }\n\t\t\t\t/>\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n};\nconst CommentEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { commentId } = context;\n\tconst blockProps = useBlockProps();\n\tconst avatar = useCommentAvatar( { commentId } );\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tselectUser={ false }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nconst UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { postId, postType } = context;\n\tconst avatar = useUserAvatar( {\n\t\tuserId: attributes?.userId,\n\t\tpostId,\n\t\tpostType,\n\t} );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tselectUser\n\t\t\t\tattributes={ attributes }\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default function Edit( props ) {\n\t// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).\n\tif ( props?.context?.commentId || props?.context?.commentId === null ) {\n\t\treturn <CommentEdit { ...props } />;\n\t}\n\treturn <UserEdit { ...props } />;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/avatar/edit.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tResizableBox,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { useCommentAvatar, useUserAvatar } from './hooks';\nimport UserControl from './user-control';\n\nconst AvatarInspectorControls = ( {\n\tsetAttributes,\n\tavatar,\n\tattributes,\n\tselectUser,\n} ) => {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: 96,\n\t\t\t\t\t\tisLink: false,\n\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t\tuserId: undefined,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => attributes?.size !== 96 }\n\t\t\t\t\tonDeselect={ () => setAttributes( { size: 96 } ) }\n\t\t\t\t>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tsize: newSize,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ avatar.minSize }\n\t\t\t\t\t\tmax={ avatar.maxSize }\n\t\t\t\t\t\tinitialPosition={ attributes?.size }\n\t\t\t\t\t\tvalue={ attributes?.size }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => attributes?.isLink }\n\t\t\t\t\tonDeselect={ () => setAttributes( { isLink: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( { isLink: ! attributes.isLink } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ attributes.isLink }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t{ attributes.isLink && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => attributes?.linkTarget !== '_self' }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { linkTarget: '_self' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ attributes.linkTarget === '_blank' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t\t{ selectUser && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'User' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! attributes?.userId }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { userId: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<UserControl\n\t\t\t\t\t\t\tvalue={ attributes?.userId }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tuserId: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n};\n\nconst ResizableAvatar = ( {\n\tsetAttributes,\n\tattributes,\n\tavatar,\n\tblockProps,\n\tisSelected,\n} ) => {\n\tconst borderProps = useBorderProps( attributes );\n\tconst doubledSizedSrc = addQueryArgs(\n\t\tremoveQueryArgs( avatar?.src, [ 's' ] ),\n\t\t{\n\t\t\ts: attributes?.size * 2,\n\t\t}\n\t);\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: attributes.size,\n\t\t\t\t\theight: attributes.size,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: parseInt(\n\t\t\t\t\t\t\tattributes.size + ( delta.height || delta.width ),\n\t\t\t\t\t\t\t10\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: ! isRTL(),\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: isRTL(),\n\t\t\t\t} }\n\t\t\t\tminWidth={ avatar.minSize }\n\t\t\t\tmaxWidth={ avatar.maxSize }\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ doubledSizedSrc }\n\t\t\t\t\talt={ avatar.alt }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'avatar',\n\t\t\t\t\t\t'avatar-' + attributes.size,\n\t\t\t\t\t\t'photo',\n\t\t\t\t\t\t'wp-block-avatar__image',\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ borderProps.style }\n\t\t\t\t/>\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n};\nconst CommentEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { commentId } = context;\n\tconst blockProps = useBlockProps();\n\tconst avatar = useCommentAvatar( { commentId } );\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tselectUser={ false }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nconst UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { postId, postType } = context;\n\tconst avatar = useUserAvatar( {\n\t\tuserId: attributes?.userId,\n\t\tpostId,\n\t\tpostType,\n\t} );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tselectUser\n\t\t\t\tattributes={ attributes }\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default function Edit( props ) {\n\t// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).\n\tif ( props?.context?.commentId || props?.context?.commentId === null ) {\n\t\treturn <CommentEdit { ...props } />;\n\t}\n\treturn <UserEdit { ...props } />;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/avatar/hooks.js

@@ -1,14 +1,7 @@
-/**
- * WordPress dependencies
- */
-import { store as coreStore, useEntityProp } from '@wordpress/core-data';
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { useDefaultAvatar } from '../utils/hooks';
+import { store as coreStore, useEntityProp } from "@wordpress/core-data";
+import { __, sprintf } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import { useDefaultAvatar } from "../utils/hooks";
 function getAvatarSizes(sizes) {
   const minSize = sizes ? sizes[0] : 24;
   const maxSize = sizes ? sizes[sizes.length - 1] : 96;
@@ -18,63 +11,69 @@ function getAvatarSizes(sizes) {
     maxSize: maxSizeBuffer
   };
 }
-export function useCommentAvatar({
-  commentId
-}) {
-  const [avatars] = useEntityProp('root', 'comment', 'author_avatar_urls', commentId);
-  const [authorName] = useEntityProp('root', 'comment', 'author_name', commentId);
+function useCommentAvatar({ commentId }) {
+  const [avatars] = useEntityProp(
+    "root",
+    "comment",
+    "author_avatar_urls",
+    commentId
+  );
+  const [authorName] = useEntityProp(
+    "root",
+    "comment",
+    "author_name",
+    commentId
+  );
   const avatarUrls = avatars ? Object.values(avatars) : null;
   const sizes = avatars ? Object.keys(avatars) : null;
-  const {
-    minSize,
-    maxSize
-  } = getAvatarSizes(sizes);
+  const { minSize, maxSize } = getAvatarSizes(sizes);
   const defaultAvatar = useDefaultAvatar();
   return {
     src: avatarUrls ? avatarUrls[avatarUrls.length - 1] : defaultAvatar,
     minSize,
     maxSize,
-    alt: authorName ?
-    // translators: %s: Author name.
-    sprintf(__('%s Avatar'), authorName) : __('Default Avatar')
+    alt: authorName ? (
+      // translators: %s: Author name.
+      sprintf(__("%s Avatar"), authorName)
+    ) : __("Default Avatar")
   };
 }
-export function useUserAvatar({
-  userId,
-  postId,
-  postType
-}) {
-  const {
-    authorDetails
-  } = useSelect(select => {
-    const {
-      getEditedEntityRecord,
-      getUser
-    } = select(coreStore);
-    if (userId) {
+function useUserAvatar({ userId, postId, postType }) {
+  const { authorDetails } = useSelect(
+    (select) => {
+      const { getEditedEntityRecord, getUser } = select(coreStore);
+      if (userId) {
+        return {
+          authorDetails: getUser(userId)
+        };
+      }
+      const _authorId = getEditedEntityRecord(
+        "postType",
+        postType,
+        postId
+      )?.author;
       return {
-        authorDetails: getUser(userId)
+        authorDetails: _authorId ? getUser(_authorId) : null
       };
-    }
-    const _authorId = getEditedEntityRecord('postType', postType, postId)?.author;
-    return {
-      authorDetails: _authorId ? getUser(_authorId) : null
-    };
-  }, [postType, postId, userId]);
+    },
+    [postType, postId, userId]
+  );
   const avatarUrls = authorDetails?.avatar_urls ? Object.values(authorDetails.avatar_urls) : null;
   const sizes = authorDetails?.avatar_urls ? Object.keys(authorDetails.avatar_urls) : null;
-  const {
-    minSize,
-    maxSize
-  } = getAvatarSizes(sizes);
+  const { minSize, maxSize } = getAvatarSizes(sizes);
   const defaultAvatar = useDefaultAvatar();
   return {
     src: avatarUrls ? avatarUrls[avatarUrls.length - 1] : defaultAvatar,
     minSize,
     maxSize,
-    alt: authorDetails ?
-    // translators: %s: Author name.
-    sprintf(__('%s Avatar'), authorDetails?.name) : __('Default Avatar')
+    alt: authorDetails ? (
+      // translators: %s: Author name.
+      sprintf(__("%s Avatar"), authorDetails?.name)
+    ) : __("Default Avatar")
   };
 }
-//# sourceMappingURL=hooks.js.map
+export {
+  useCommentAvatar,
+  useUserAvatar
+};
+//# sourceMappingURL=hooks.js.map