@wordpress/block-library 9.1.0 → 9.3.0

package/build/gallery/v1/gallery-button.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_components","_galleryImageStyle","_interopRequireDefault","_jsxRuntime","Button","props","icon","iconSize","onClick","disabled","ariaDisabled","accessibilityLabel","style","customStyle","buttonStyle","StyleSheet","compose","buttonActive","isDisabled","fill","buttonDisabled","button","jsx","TouchableOpacity","activeOpacity","accessibilityRole","onPress","children","Icon","size","_default","exports","default"],"sources":["@wordpress/block-library/src/gallery/v1/gallery-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, TouchableOpacity } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport style from './gallery-image-style.scss';\n\nexport function Button( props ) {\n\tconst {\n\t\ticon,\n\t\ticonSize = 24,\n\t\tonClick,\n\t\tdisabled,\n\t\t'aria-disabled': ariaDisabled,\n\t\taccessibilityLabel = 'button',\n\t\tstyle: customStyle,\n\t} = props;\n\n\tconst buttonStyle = StyleSheet.compose( style.buttonActive, customStyle );\n\n\tconst isDisabled = disabled || ariaDisabled;\n\n\tconst { fill } = isDisabled ? style.buttonDisabled : style.button;\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={ buttonStyle }\n\t\t\tactiveOpacity={ 0.7 }\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ onClick }\n\t\t\tdisabled={ isDisabled }\n\t\t>\n\t\t\t<Icon icon={ icon } fill={ fill } size={ iconSize } />\n\t\t</TouchableOpacity>\n\t);\n}\n\nexport default Button;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAb/C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,SAASK,MAAMA,CAAEC,KAAK,EAAG;EAC/B,MAAM;IACLC,IAAI;IACJC,QAAQ,GAAG,EAAE;IACbC,OAAO;IACPC,QAAQ;IACR,eAAe,EAAEC,YAAY;IAC7BC,kBAAkB,GAAG,QAAQ;IAC7BC,KAAK,EAAEC;EACR,CAAC,GAAGR,KAAK;EAET,MAAMS,WAAW,GAAGC,uBAAU,CAACC,OAAO,CAAEJ,0BAAK,CAACK,YAAY,EAAEJ,WAAY,CAAC;EAEzE,MAAMK,UAAU,GAAGT,QAAQ,IAAIC,YAAY;EAE3C,MAAM;IAAES;EAAK,CAAC,GAAGD,UAAU,GAAGN,0BAAK,CAACQ,cAAc,GAAGR,0BAAK,CAACS,MAAM;EAEjE,oBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACxB,YAAA,CAAAyB,gBAAgB;IAChBX,KAAK,EAAGE,WAAa;IACrBU,aAAa,EAAG,GAAK;IACrBb,kBAAkB,EAAGA,kBAAoB;IACzCc,iBAAiB,EAAC,QAAQ;IAC1BC,OAAO,EAAGlB,OAAS;IACnBC,QAAQ,EAAGS,UAAY;IAAAS,QAAA,eAEvB,IAAAxB,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAA4B,IAAI;MAACtB,IAAI,EAAGA,IAAM;MAACa,IAAI,EAAGA,IAAM;MAACU,IAAI,EAAGtB;IAAU,CAAE;EAAC,CACrC,CAAC;AAErB;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,MAAM","ignoreList":[]}

package/build/gallery/v1/gallery-image.js

@@ -1,285 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _keycodes = require("@wordpress/keycodes");
-var _data = require("@wordpress/data");
-var _blockEditor = require("@wordpress/block-editor");
-var _blob = require("@wordpress/blob");
-var _compose = require("@wordpress/compose");
-var _icons = require("@wordpress/icons");
-var _coreData = require("@wordpress/core-data");
-var _shared = require("./shared");
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const isTemporaryImage = (id, url) => !id && (0, _blob.isBlobURL)(url);
-class GalleryImage extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.onSelectImage = this.onSelectImage.bind(this);
-    this.onRemoveImage = this.onRemoveImage.bind(this);
-    this.bindContainer = this.bindContainer.bind(this);
-    this.onEdit = this.onEdit.bind(this);
-    this.onSelectImageFromLibrary = this.onSelectImageFromLibrary.bind(this);
-    this.onSelectCustomURL = this.onSelectCustomURL.bind(this);
-    this.state = {
-      isEditing: false
-    };
-  }
-  bindContainer(ref) {
-    this.container = ref;
-  }
-  onSelectImage() {
-    if (!this.props.isSelected) {
-      this.props.onSelect();
-    }
-  }
-  onRemoveImage(event) {
-    if (this.container === this.container.ownerDocument.activeElement && this.props.isSelected && [_keycodes.BACKSPACE, _keycodes.DELETE].indexOf(event.keyCode) !== -1) {
-      event.preventDefault();
-      this.props.onRemove();
-    }
-  }
-  onEdit() {
-    this.setState({
-      isEditing: true
-    });
-  }
-  componentDidUpdate() {
-    const {
-      image,
-      url,
-      __unstableMarkNextChangeAsNotPersistent
-    } = this.props;
-    if (image && !url) {
-      __unstableMarkNextChangeAsNotPersistent();
-      this.props.setAttributes({
-        url: image.source_url,
-        alt: image.alt_text
-      });
-    }
-  }
-  deselectOnBlur() {
-    this.props.onDeselect();
-  }
-  onSelectImageFromLibrary(media) {
-    const {
-      setAttributes,
-      id,
-      url,
-      alt,
-      caption,
-      sizeSlug
-    } = this.props;
-    if (!media || !media.url) {
-      return;
-    }
-    let mediaAttributes = (0, _shared.pickRelevantMediaFiles)(media, sizeSlug);
-
-    // If the current image is temporary but an alt text was meanwhile
-    // written by the user, make sure the text is not overwritten.
-    if (isTemporaryImage(id, url)) {
-      if (alt) {
-        const {
-          alt: omittedAlt,
-          ...restMediaAttributes
-        } = mediaAttributes;
-        mediaAttributes = restMediaAttributes;
-      }
-    }
-
-    // If a caption text was meanwhile written by the user,
-    // make sure the text is not overwritten by empty captions.
-    if (caption && !mediaAttributes.caption) {
-      const {
-        caption: omittedCaption,
-        ...restMediaAttributes
-      } = mediaAttributes;
-      mediaAttributes = restMediaAttributes;
-    }
-    setAttributes(mediaAttributes);
-    this.setState({
-      isEditing: false
-    });
-  }
-  onSelectCustomURL(newURL) {
-    const {
-      setAttributes,
-      url
-    } = this.props;
-    if (newURL !== url) {
-      setAttributes({
-        url: newURL,
-        id: undefined
-      });
-      this.setState({
-        isEditing: false
-      });
-    }
-  }
-  render() {
-    const {
-      url,
-      alt,
-      id,
-      linkTo,
-      link,
-      isFirstItem,
-      isLastItem,
-      isSelected,
-      caption,
-      onRemove,
-      onMoveForward,
-      onMoveBackward,
-      setAttributes,
-      'aria-label': ariaLabel
-    } = this.props;
-    const {
-      isEditing
-    } = this.state;
-    let href;
-    switch (linkTo) {
-      case _constants.LINK_DESTINATION_MEDIA:
-        href = url;
-        break;
-      case _constants.LINK_DESTINATION_ATTACHMENT:
-        href = link;
-        break;
-    }
-    const img =
-    /*#__PURE__*/
-    // Disable reason: Image itself is not meant to be interactive, but should
-    // direct image selection and unfocus caption fields.
-    /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-    (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: url,
-        alt: alt,
-        "data-id": id,
-        onKeyDown: this.onRemoveImage,
-        tabIndex: "0",
-        "aria-label": ariaLabel,
-        ref: this.bindContainer
-      }), (0, _blob.isBlobURL)(url) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})]
-    })
-    /* eslint-enable jsx-a11y/no-noninteractive-element-interactions */;
-    const className = (0, _clsx.default)({
-      'is-selected': isSelected,
-      'is-transient': (0, _blob.isBlobURL)(url)
-    });
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-      (0, _jsxRuntime.jsxs)("figure", {
-        className: className,
-        onClick: this.onSelectImage,
-        onFocus: this.onSelectImage,
-        children: [!isEditing && (href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          href: href,
-          children: img
-        }) : img), isEditing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
-          labels: {
-            title: (0, _i18n.__)('Edit gallery image')
-          },
-          icon: _icons.image,
-          onSelect: this.onSelectImageFromLibrary,
-          onSelectURL: this.onSelectCustomURL,
-          accept: "image/*",
-          allowedTypes: ['image'],
-          value: {
-            id,
-            src: url
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ButtonGroup, {
-          className: "block-library-gallery-item__inline-menu is-left",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            icon: _icons.chevronLeft,
-            onClick: isFirstItem ? undefined : onMoveBackward,
-            label: (0, _i18n.__)('Move image backward'),
-            "aria-disabled": isFirstItem
-            // Disable reason: Truly disable when image is not selected.
-            // eslint-disable-next-line no-restricted-syntax
-            ,
-            disabled: !isSelected
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            icon: _icons.chevronRight,
-            onClick: isLastItem ? undefined : onMoveForward,
-            label: (0, _i18n.__)('Move image forward'),
-            "aria-disabled": isLastItem
-            // Disable reason: Truly disable when image is not selected.
-            // eslint-disable-next-line no-restricted-syntax
-            ,
-            disabled: !isSelected
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ButtonGroup, {
-          className: "block-library-gallery-item__inline-menu is-right",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            icon: _icons.edit,
-            onClick: this.onEdit,
-            label: (0, _i18n.__)('Replace image')
-            // Disable reason: Truly disable when image is not selected.
-            // eslint-disable-next-line no-restricted-syntax
-            ,
-            disabled: !isSelected
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            icon: _icons.closeSmall,
-            onClick: onRemove,
-            label: (0, _i18n.__)('Remove image')
-            // Disable reason: Truly disable when image is not selected.
-            // eslint-disable-next-line no-restricted-syntax
-            ,
-            disabled: !isSelected
-          })]
-        }), !isEditing && (isSelected || caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
-          tagName: "figcaption",
-          className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-          "aria-label": (0, _i18n.__)('Image caption text'),
-          placeholder: isSelected ? (0, _i18n.__)('Add caption') : null,
-          value: caption,
-          onChange: newCaption => setAttributes({
-            caption: newCaption
-          }),
-          inlineToolbar: true
-        })]
-      })
-    );
-  }
-}
-var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)((select, ownProps) => {
-  const {
-    getMedia
-  } = select(_coreData.store);
-  const {
-    id
-  } = ownProps;
-  return {
-    image: id ? getMedia(parseInt(id, 10)) : null
-  };
-}), (0, _data.withDispatch)(dispatch => {
-  const {
-    __unstableMarkNextChangeAsNotPersistent
-  } = dispatch(_blockEditor.store);
-  return {
-    __unstableMarkNextChangeAsNotPersistent
-  };
-})])(GalleryImage);
-//# sourceMappingURL=gallery-image.js.map

package/build/gallery/v1/gallery-image.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_components","_i18n","_keycodes","_data","_blockEditor","_blob","_compose","_icons","_coreData","_shared","_constants","_jsxRuntime","isTemporaryImage","id","url","isBlobURL","GalleryImage","Component","constructor","arguments","onSelectImage","bind","onRemoveImage","bindContainer","onEdit","onSelectImageFromLibrary","onSelectCustomURL","state","isEditing","ref","container","props","isSelected","onSelect","event","ownerDocument","activeElement","BACKSPACE","DELETE","indexOf","keyCode","preventDefault","onRemove","setState","componentDidUpdate","image","__unstableMarkNextChangeAsNotPersistent","setAttributes","source_url","alt","alt_text","deselectOnBlur","onDeselect","media","caption","sizeSlug","mediaAttributes","pickRelevantMediaFiles","omittedAlt","restMediaAttributes","omittedCaption","newURL","undefined","render","linkTo","link","isFirstItem","isLastItem","onMoveForward","onMoveBackward","ariaLabel","href","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","img","jsxs","Fragment","children","jsx","src","onKeyDown","tabIndex","Spinner","className","clsx","onClick","onFocus","MediaPlaceholder","labels","title","__","icon","imageIcon","onSelectURL","accept","allowedTypes","value","ButtonGroup","Button","chevronLeft","label","disabled","chevronRight","edit","closeSmall","RichText","tagName","__experimentalGetElementClassName","placeholder","onChange","newCaption","inlineToolbar","_default","exports","default","compose","withSelect","select","ownProps","getMedia","coreStore","parseInt","withDispatch","dispatch","blockEditorStore"],"sources":["@wordpress/block-library/src/gallery/v1/gallery-image.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Button, Spinner, ButtonGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { BACKSPACE, DELETE } from '@wordpress/keycodes';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tRichText,\n\tMediaPlaceholder,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { isBlobURL } from '@wordpress/blob';\nimport { compose } from '@wordpress/compose';\nimport {\n\tcloseSmall,\n\tchevronLeft,\n\tchevronRight,\n\tedit,\n\timage as imageIcon,\n} from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { pickRelevantMediaFiles } from './shared';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nconst isTemporaryImage = ( id, url ) => ! id && isBlobURL( url );\n\nclass GalleryImage extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectImage = this.onSelectImage.bind( this );\n\t\tthis.onRemoveImage = this.onRemoveImage.bind( this );\n\t\tthis.bindContainer = this.bindContainer.bind( this );\n\t\tthis.onEdit = this.onEdit.bind( this );\n\t\tthis.onSelectImageFromLibrary =\n\t\t\tthis.onSelectImageFromLibrary.bind( this );\n\t\tthis.onSelectCustomURL = this.onSelectCustomURL.bind( this );\n\t\tthis.state = {\n\t\t\tisEditing: false,\n\t\t};\n\t}\n\n\tbindContainer( ref ) {\n\t\tthis.container = ref;\n\t}\n\n\tonSelectImage() {\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\t}\n\n\tonRemoveImage( event ) {\n\t\tif (\n\t\t\tthis.container === this.container.ownerDocument.activeElement &&\n\t\t\tthis.props.isSelected &&\n\t\t\t[ BACKSPACE, DELETE ].indexOf( event.keyCode ) !== -1\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t\tthis.props.onRemove();\n\t\t}\n\t}\n\n\tonEdit() {\n\t\tthis.setState( {\n\t\t\tisEditing: true,\n\t\t} );\n\t}\n\n\tcomponentDidUpdate() {\n\t\tconst { image, url, __unstableMarkNextChangeAsNotPersistent } =\n\t\t\tthis.props;\n\t\tif ( image && ! url ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tthis.props.setAttributes( {\n\t\t\t\turl: image.source_url,\n\t\t\t\talt: image.alt_text,\n\t\t\t} );\n\t\t}\n\t}\n\n\tdeselectOnBlur() {\n\t\tthis.props.onDeselect();\n\t}\n\n\tonSelectImageFromLibrary( media ) {\n\t\tconst { setAttributes, id, url, alt, caption, sizeSlug } = this.props;\n\t\tif ( ! media || ! media.url ) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet mediaAttributes = pickRelevantMediaFiles( media, sizeSlug );\n\n\t\t// If the current image is temporary but an alt text was meanwhile\n\t\t// written by the user, make sure the text is not overwritten.\n\t\tif ( isTemporaryImage( id, url ) ) {\n\t\t\tif ( alt ) {\n\t\t\t\tconst { alt: omittedAlt, ...restMediaAttributes } =\n\t\t\t\t\tmediaAttributes;\n\t\t\t\tmediaAttributes = restMediaAttributes;\n\t\t\t}\n\t\t}\n\n\t\t// If a caption text was meanwhile written by the user,\n\t\t// make sure the text is not overwritten by empty captions.\n\t\tif ( caption && ! mediaAttributes.caption ) {\n\t\t\tconst { caption: omittedCaption, ...restMediaAttributes } =\n\t\t\t\tmediaAttributes;\n\t\t\tmediaAttributes = restMediaAttributes;\n\t\t}\n\n\t\tsetAttributes( mediaAttributes );\n\t\tthis.setState( {\n\t\t\tisEditing: false,\n\t\t} );\n\t}\n\n\tonSelectCustomURL( newURL ) {\n\t\tconst { setAttributes, url } = this.props;\n\t\tif ( newURL !== url ) {\n\t\t\tsetAttributes( {\n\t\t\t\turl: newURL,\n\t\t\t\tid: undefined,\n\t\t\t} );\n\t\t\tthis.setState( {\n\t\t\t\tisEditing: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\turl,\n\t\t\talt,\n\t\t\tid,\n\t\t\tlinkTo,\n\t\t\tlink,\n\t\t\tisFirstItem,\n\t\t\tisLastItem,\n\t\t\tisSelected,\n\t\t\tcaption,\n\t\t\tonRemove,\n\t\t\tonMoveForward,\n\t\t\tonMoveBackward,\n\t\t\tsetAttributes,\n\t\t\t'aria-label': ariaLabel,\n\t\t} = this.props;\n\t\tconst { isEditing } = this.state;\n\n\t\tlet href;\n\n\t\tswitch ( linkTo ) {\n\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\thref = url;\n\t\t\t\tbreak;\n\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\thref = link;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst img = (\n\t\t\t// Disable reason: Image itself is not meant to be interactive, but should\n\t\t\t// direct image selection and unfocus caption fields.\n\t\t\t/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n\t\t\t<>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\talt={ alt }\n\t\t\t\t\tdata-id={ id }\n\t\t\t\t\tonKeyDown={ this.onRemoveImage }\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\tref={ this.bindContainer }\n\t\t\t\t/>\n\t\t\t\t{ isBlobURL( url ) && <Spinner /> }\n\t\t\t</>\n\t\t\t/* eslint-enable jsx-a11y/no-noninteractive-element-interactions */\n\t\t);\n\n\t\tconst className = clsx( {\n\t\t\t'is-selected': isSelected,\n\t\t\t'is-transient': isBlobURL( url ),\n\t\t} );\n\n\t\treturn (\n\t\t\t// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n\t\t\t<figure\n\t\t\t\tclassName={ className }\n\t\t\t\tonClick={ this.onSelectImage }\n\t\t\t\tonFocus={ this.onSelectImage }\n\t\t\t>\n\t\t\t\t{ ! isEditing && ( href ? <a href={ href }>{ img }</a> : img ) }\n\t\t\t\t{ isEditing && (\n\t\t\t\t\t<MediaPlaceholder\n\t\t\t\t\t\tlabels={ { title: __( 'Edit gallery image' ) } }\n\t\t\t\t\t\ticon={ imageIcon }\n\t\t\t\t\t\tonSelect={ this.onSelectImageFromLibrary }\n\t\t\t\t\t\tonSelectURL={ this.onSelectCustomURL }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tallowedTypes={ [ 'image' ] }\n\t\t\t\t\t\tvalue={ { id, src: url } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<ButtonGroup className=\"block-library-gallery-item__inline-menu is-left\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\t\tonClick={ isFirstItem ? undefined : onMoveBackward }\n\t\t\t\t\t\tlabel={ __( 'Move image backward' ) }\n\t\t\t\t\t\taria-disabled={ isFirstItem }\n\t\t\t\t\t\t// Disable reason: Truly disable when image is not selected.\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\t\tonClick={ isLastItem ? undefined : onMoveForward }\n\t\t\t\t\t\tlabel={ __( 'Move image forward' ) }\n\t\t\t\t\t\taria-disabled={ isLastItem }\n\t\t\t\t\t\t// Disable reason: Truly disable when image is not selected.\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t/>\n\t\t\t\t</ButtonGroup>\n\t\t\t\t<ButtonGroup className=\"block-library-gallery-item__inline-menu is-right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\tonClick={ this.onEdit }\n\t\t\t\t\t\tlabel={ __( 'Replace image' ) }\n\t\t\t\t\t\t// Disable reason: Truly disable when image is not selected.\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\tlabel={ __( 'Remove image' ) }\n\t\t\t\t\t\t// Disable reason: Truly disable when image is not selected.\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t/>\n\t\t\t\t</ButtonGroup>\n\t\t\t\t{ ! isEditing && ( isSelected || caption ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\taria-label={ __( 'Image caption text' ) }\n\t\t\t\t\t\tplaceholder={ isSelected ? __( 'Add caption' ) : null }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( newCaption ) =>\n\t\t\t\t\t\t\tsetAttributes( { caption: newCaption } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</figure>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select, ownProps ) => {\n\t\tconst { getMedia } = select( coreStore );\n\t\tconst { id } = ownProps;\n\n\t\treturn {\n\t\t\timage: id ? getMedia( parseInt( id, 10 ) ) : null,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\t\tdispatch( blockEditorStore );\n\t\treturn {\n\t\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\t};\n\t} ),\n] )( GalleryImage );\n"],"mappings":"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","ignoreList":[]}

package/build/gallery/v1/gallery-image.native.js

@@ -1,297 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _reactNativeBridge = require("@wordpress/react-native-bridge");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _url = require("@wordpress/url");
-var _compose = require("@wordpress/compose");
-var _icons = require("@wordpress/icons");
-var _galleryButton = _interopRequireDefault(require("./gallery-button"));
-var _galleryImageStyle = _interopRequireDefault(require("./gallery-image-style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  compose
-} = _reactNative.StyleSheet;
-const separatorStyle = compose(_galleryImageStyle.default.separator, {
-  borderRightWidth: _reactNative.StyleSheet.hairlineWidth
-});
-const buttonStyle = compose(_galleryImageStyle.default.button, {
-  aspectRatio: 1
-});
-const ICON_SIZE_ARROW = 15;
-class GalleryImage extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this.onSelectImage = this.onSelectImage.bind(this);
-    this.onSelectCaption = this.onSelectCaption.bind(this);
-    this.onMediaPressed = this.onMediaPressed.bind(this);
-    this.onCaptionChange = this.onCaptionChange.bind(this);
-    this.onSelectMedia = this.onSelectMedia.bind(this);
-    this.updateMediaProgress = this.updateMediaProgress.bind(this);
-    this.finishMediaUploadWithSuccess = this.finishMediaUploadWithSuccess.bind(this);
-    this.finishMediaUploadWithFailure = this.finishMediaUploadWithFailure.bind(this);
-    this.renderContent = this.renderContent.bind(this);
-    this.state = {
-      captionSelected: false,
-      isUploadInProgress: false,
-      didUploadFail: false
-    };
-  }
-  onSelectCaption() {
-    if (!this.state.captionSelected) {
-      this.setState({
-        captionSelected: true
-      });
-    }
-    if (!this.props.isSelected) {
-      this.props.onSelect();
-    }
-  }
-  onMediaPressed() {
-    const {
-      id,
-      url,
-      isSelected
-    } = this.props;
-    const {
-      captionSelected,
-      isUploadInProgress,
-      didUploadFail
-    } = this.state;
-    this.onSelectImage();
-    if (isUploadInProgress) {
-      (0, _reactNativeBridge.requestImageUploadCancelDialog)(id);
-    } else if (didUploadFail || id && (0, _url.getProtocol)(url) === 'file:') {
-      (0, _reactNativeBridge.requestImageFailedRetryDialog)(id);
-    } else if (isSelected && !captionSelected) {
-      (0, _reactNativeBridge.requestImageFullscreenPreview)(url);
-    }
-  }
-  onSelectImage() {
-    if (!this.props.isBlockSelected) {
-      this.props.onSelectBlock();
-    }
-    if (!this.props.isSelected) {
-      this.props.onSelect();
-    }
-    if (this.state.captionSelected) {
-      this.setState({
-        captionSelected: false
-      });
-    }
-  }
-  onSelectMedia(media) {
-    const {
-      setAttributes
-    } = this.props;
-    setAttributes(media);
-  }
-  onCaptionChange(caption) {
-    const {
-      setAttributes
-    } = this.props;
-    setAttributes({
-      caption
-    });
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      isSelected,
-      image,
-      url
-    } = this.props;
-    if (image && !url) {
-      this.props.setAttributes({
-        url: image.source_url,
-        alt: image.alt_text
-      });
-    }
-
-    // Unselect the caption so when the user selects other image and comeback
-    // the caption is not immediately selected.
-    if (this.state.captionSelected && !isSelected && prevProps.isSelected) {
-      this.setState({
-        captionSelected: false
-      });
-    }
-  }
-  updateMediaProgress() {
-    if (!this.state.isUploadInProgress) {
-      this.setState({
-        isUploadInProgress: true
-      });
-    }
-  }
-  finishMediaUploadWithSuccess(payload) {
-    this.setState({
-      isUploadInProgress: false,
-      didUploadFail: false
-    });
-    this.props.setAttributes({
-      id: payload.mediaServerId,
-      url: payload.mediaUrl
-    });
-  }
-  finishMediaUploadWithFailure() {
-    this.setState({
-      isUploadInProgress: false,
-      didUploadFail: true
-    });
-  }
-  renderContent(params) {
-    const {
-      url,
-      isFirstItem,
-      isLastItem,
-      isSelected,
-      caption,
-      onRemove,
-      onMoveForward,
-      onMoveBackward,
-      'aria-label': ariaLabel,
-      isCropped,
-      getStylesFromColorScheme,
-      isRTL
-    } = this.props;
-    const {
-      isUploadInProgress,
-      captionSelected
-    } = this.state;
-    const {
-      isUploadFailed,
-      retryMessage
-    } = params;
-    const resizeMode = isCropped ? 'cover' : 'contain';
-    const captionPlaceholderStyle = getStylesFromColorScheme(_galleryImageStyle.default.captionPlaceholder, _galleryImageStyle.default.captionPlaceholderDark);
-    const shouldShowCaptionEditable = !isUploadFailed && isSelected;
-    const shouldShowCaptionExpanded = !isUploadFailed && !isSelected && !!caption;
-    const captionContainerStyle = shouldShowCaptionExpanded ? _galleryImageStyle.default.captionExpandedContainer : _galleryImageStyle.default.captionContainer;
-    const captionStyle = shouldShowCaptionExpanded ? _galleryImageStyle.default.captionExpanded : _galleryImageStyle.default.caption;
-    const mediaPickerOptions = [{
-      destructiveButton: true,
-      id: 'removeImage',
-      label: (0, _i18n.__)('Remove'),
-      onPress: onRemove,
-      separated: true,
-      value: 'removeImage'
-    }];
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
-        alt: ariaLabel,
-        height: _galleryImageStyle.default.image.height,
-        isSelected: isSelected,
-        isUploadFailed: isUploadFailed,
-        isUploadInProgress: isUploadInProgress,
-        mediaPickerOptions: mediaPickerOptions,
-        onSelectMediaUploadOption: this.onSelectMedia,
-        resizeMode: resizeMode,
-        url: url,
-        retryMessage: retryMessage,
-        retryIcon: _icons.warning
-      }), !isUploadInProgress && isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _galleryImageStyle.default.toolbarContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: _galleryImageStyle.default.toolbar,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: _galleryImageStyle.default.moverButtonContainer,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryButton.default, {
-              style: buttonStyle,
-              icon: isRTL ? _icons.arrowRight : _icons.arrowLeft,
-              iconSize: ICON_SIZE_ARROW,
-              onClick: isFirstItem ? undefined : onMoveBackward,
-              accessibilityLabel: (0, _i18n.__)('Move Image Backward'),
-              "aria-disabled": isFirstItem,
-              disabled: !isSelected
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: separatorStyle
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryButton.default, {
-              style: buttonStyle,
-              icon: isRTL ? _icons.arrowLeft : _icons.arrowRight,
-              iconSize: ICON_SIZE_ARROW,
-              onClick: isLastItem ? undefined : onMoveForward,
-              accessibilityLabel: (0, _i18n.__)('Move Image Forward'),
-              "aria-disabled": isLastItem,
-              disabled: !isSelected
-            })]
-          })
-        })
-      }), !isUploadInProgress && (shouldShowCaptionEditable || shouldShowCaptionExpanded) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: captionContainerStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          nestedScrollEnabled: true,
-          keyboardShouldPersistTaps: "handled",
-          bounces: false,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Caption, {
-            inlineToolbar: true,
-            isSelected: isSelected && captionSelected,
-            onChange: this.onCaptionChange,
-            onFocus: this.onSelectCaption,
-            placeholder: isSelected ? (0, _i18n.__)('Add caption') : null,
-            placeholderTextColor: captionPlaceholderStyle.color,
-            style: captionStyle,
-            value: caption
-          })
-        })
-      })]
-    });
-  }
-  render() {
-    const {
-      id,
-      onRemove,
-      getStylesFromColorScheme,
-      isSelected
-    } = this.props;
-    const containerStyle = getStylesFromColorScheme(_galleryImageStyle.default.galleryImageContainer, _galleryImageStyle.default.galleryImageContainerDark);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-      onPress: this.onMediaPressed,
-      accessible: !isSelected // We need only child views to be accessible after the selection.
-      ,
-      accessibilityLabel: this.accessibilityLabelImageContainer() // if we don't set this explicitly it reads system provided accessibilityLabels of all child components and those include pretty technical words which don't make sense
-      ,
-      accessibilityRole: "imagebutton" // this makes VoiceOver to read a description of image provided by system on iOS and lets user know this is a button which conveys the message of tappablity
-      ,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: containerStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadProgress, {
-          mediaId: id,
-          onUpdateMediaProgress: this.updateMediaProgress,
-          onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-          onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-          onMediaUploadStateReset: onRemove,
-          renderContent: this.renderContent
-        })
-      })
-    });
-  }
-  accessibilityLabelImageContainer() {
-    const {
-      caption,
-      'aria-label': ariaLabel
-    } = this.props;
-    return !caption ? ariaLabel : ariaLabel + '. ' + (0, _i18n.sprintf)( /* translators: accessibility text. %s: image caption. */
-    (0, _i18n.__)('Image caption. %s'), caption);
-  }
-}
-var _default = exports.default = (0, _compose.withPreferredColorScheme)(GalleryImage);
-//# sourceMappingURL=gallery-image.native.js.map