@wordpress/block-library/build-module/shortcode/edit.native.js

Block library for the WordPress editor.

import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { View, Text } from 'react-native';
/**
 * WordPress dependencies
 */

import { __ } from '@wordpress/i18n';
import { PlainText } from '@wordpress/block-editor';
import { withPreferredColorScheme } from '@wordpress/compose';
import { useCallback } from '@wordpress/element';
/**
 * Internal dependencies
 */

import styles from './style.scss';
export function ShortcodeEdit(props) {
  const {
    attributes,
    setAttributes,
    onFocus,
    onBlur,
    getStylesFromColorScheme,
    blockWidth
  } = props;
  const titleStyle = getStylesFromColorScheme(styles.blockTitle, styles.blockTitleDark);
  const shortcodeContainerStyle = getStylesFromColorScheme(styles.blockShortcodeContainer, styles.blockShortcodeContainerDark);
  const shortcodeStyle = getStylesFromColorScheme(styles.blockShortcode, styles.blockShortcodeDark);
  const placeholderStyle = getStylesFromColorScheme(styles.placeholder, styles.placeholderDark);
  const maxWidth = blockWidth - shortcodeContainerStyle.paddingLeft + shortcodeContainerStyle.paddingRight;
  const onChange = useCallback(text => setAttributes({
    text
  }), [setAttributes]);
  return createElement(View, null, createElement(Text, {
    style: titleStyle
  }, __('Shortcode')), createElement(View, {
    style: shortcodeContainerStyle
  }, createElement(PlainText, {
    __experimentalVersion: 2,
    value: attributes.text,
    style: shortcodeStyle,
    onChange: onChange,
    placeholder: __('Add a shortcode…'),
    onFocus: onFocus,
    onBlur: onBlur,
    placeholderTextColor: placeholderStyle.color,
    maxWidth: maxWidth,
    disableAutocorrection: true
  })));
}
export default withPreferredColorScheme(ShortcodeEdit);
//# sourceMappingURL=edit.native.js.map