newspack-components 3.0.0-alpha.2 → 3.0.0-alpha.3

package/dist/text-control/index.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var _interopRequireDefault = require( '@babel/runtime/helpers/interopRequireDefault' );
-Object.defineProperty( exports, '__esModule', {
-	value: true,
-} );
-exports.default = void 0;
-var _components = require( '@wordpress/components' );
-var _element = require( '@wordpress/element' );
-var _i18n = require( '@wordpress/i18n' );
-require( './style.scss' );
-var _classnames = _interopRequireDefault( require( 'classnames' ) );
-var _jsxRuntime = require( 'react/jsx-runtime' );
-/**
- * Text Control
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * External dependencies
- */
-
-const TextControl = ( {
-	className = '',
-	required = false,
-	isWide = false,
-	withMargin = true,
-	...otherProps
-} ) => {
-	const wrapperRef = ( 0, _element.useRef )( null );
-	( 0, _element.useEffect )( () => {
-		if ( wrapperRef.current === null ) {
-			return;
-		}
-		const labelEl = wrapperRef.current.querySelector( 'label' );
-		if ( labelEl ) {
-			labelEl.setAttribute(
-				'data-required-text',
-				( 0, _i18n.__ )( '(required)', 'newspack-plugin' )
-			);
-		}
-	}, [ wrapperRef.current ] );
-	const classes = ( 0, _classnames.default )(
-		'newspack-text-control',
-		{
-			'newspack-text-control--wide': isWide,
-			'newspack-text-control--with-margin': withMargin,
-		},
-		className
-	);
-	return required
-		? /*#__PURE__*/ ( 0, _jsxRuntime.jsx )( 'div', {
-				ref: wrapperRef,
-				className: 'newspack-text-control--required',
-				children: /*#__PURE__*/ ( 0, _jsxRuntime.jsx )(
-					_components.TextControl,
-					{
-						className: classes,
-						required: required,
-						...otherProps,
-					}
-				),
-		  } )
-		: /*#__PURE__*/ ( 0, _jsxRuntime.jsx )( _components.TextControl, {
-				className: classes,
-				...otherProps,
-		  } );
-};
-var _default = ( exports.default = TextControl );

package/dist/text-control/index.tsx

@@ -1,71 +0,0 @@
-/**
- * Text Control
- */
-
-/**
- * WordPress dependencies
- */
-import { TextControl as BaseComponent } from '@wordpress/components';
-import { useEffect, useRef } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import './style.scss';
-
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-
-type BaseComponentProps = {
-	onChange: ( value: string ) => void;
-	value: string | number;
-};
-
-const TextControl = ( {
-	className = '',
-	required = false,
-	isWide = false,
-	withMargin = true,
-	...otherProps
-} ) => {
-	const wrapperRef = useRef< HTMLDivElement >( null );
-	useEffect( () => {
-		if ( wrapperRef.current === null ) {
-			return;
-		}
-		const labelEl = wrapperRef.current.querySelector( 'label' );
-		if ( labelEl ) {
-			labelEl.setAttribute(
-				'data-required-text',
-				__( '(required)', 'newspack-plugin' )
-			);
-		}
-	}, [ wrapperRef.current ] );
-	const classes = classNames(
-		'newspack-text-control',
-		{
-			'newspack-text-control--wide': isWide,
-			'newspack-text-control--with-margin': withMargin,
-		},
-		className
-	);
-	return required ? (
-		<div ref={ wrapperRef } className="newspack-text-control--required">
-			<BaseComponent
-				className={ classes }
-				required={ required }
-				{ ...( otherProps as BaseComponentProps ) }
-			/>
-		</div>
-	) : (
-		<BaseComponent
-			className={ classes }
-			{ ...( otherProps as BaseComponentProps ) }
-		/>
-	);
-};
-
-export default TextControl;