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

package/dist/grid/index.tsx

@@ -1,34 +0,0 @@
-/**
- * Grid
- */
-
-/**
- * Internal dependencies
- */
-import './style.scss';
-
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-const Grid = ( {
-	className = '',
-	columns = 2,
-	gutter = 32,
-	noMargin = false,
-	rowGap = 0,
-	...otherProps
-} ) => {
-	const classes = classnames(
-		'newspack-grid',
-		noMargin && 'newspack-grid--no-margin',
-		columns && 'newspack-grid__columns-' + columns,
-		gutter && 'newspack-grid__gutter-' + gutter,
-		rowGap && 'newspack-grid__row-gap-' + rowGap,
-		className
-	);
-	return <div className={ classes } { ...otherProps } />;
-};
-
-export default Grid;

package/dist/hooks/index.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var _interopRequireDefault = require( '@babel/runtime/helpers/interopRequireDefault' );
-Object.defineProperty( exports, '__esModule', {
-	value: true,
-} );
-exports.default = void 0;
-var _element = require( '@wordpress/element' );
-var _usePrompt = _interopRequireDefault( require( './usePrompt' ) );
-var _useObjectState = _interopRequireDefault( require( './useObjectState' ) );
-var _useOnClickOutside = _interopRequireDefault(
-	require( './useOnClickOutside' )
-);
-/**
- * WordPress dependencies
- */
-
-const useUniqueId = ( prefix ) => {
-	const id = ( 0, _element.useRef )(
-		`${ prefix }-${ Math.round( Math.random() * 99999 ) }`
-	);
-	return id.current;
-};
-var _default = ( exports.default = {
-	usePrompt: _usePrompt.default,
-	useObjectState: _useObjectState.default,
-	useOnClickOutside: _useOnClickOutside.default,
-	useUniqueId,
-} );

package/dist/hooks/index.ts

@@ -1,15 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useRef } from '@wordpress/element';
-
-import usePrompt from './usePrompt';
-import useObjectState from './useObjectState';
-import useOnClickOutside from './useOnClickOutside';
-
-const useUniqueId = ( prefix: string ) => {
-	const id = useRef( `${ prefix }-${ Math.round( Math.random() * 99999 ) }` );
-	return id.current;
-};
-
-export default { usePrompt, useObjectState, useOnClickOutside, useUniqueId };

package/dist/hooks/usePrompt.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var _interopRequireDefault = require( '@babel/runtime/helpers/interopRequireDefault' );
-Object.defineProperty( exports, '__esModule', {
-	value: true,
-} );
-exports.default = void 0;
-var _element = require( '@wordpress/element' );
-var _router = _interopRequireDefault( require( '../proxied-imports/router' ) );
-// https://gist.github.com/sibelius/60a4e11da1f826b8d60dc3975a1ac805
-
-/**
- * External dependencies.
- */
-
-/**
- * Internal dependencies.
- */
-
-const { useHistory } = _router.default;
-var _default = ( when, message ) => {
-	const history = useHistory();
-	const self = ( 0, _element.useRef )( null );
-	const onWindowOrTabClose = ( event ) => {
-		if ( ! when ) {
-			return;
-		}
-		if ( typeof event === 'undefined' ) {
-			event = window.event;
-		}
-		return message;
-	};
-	( 0, _element.useEffect )( () => {
-		if ( when ) {
-			self.current = history.block( message );
-			window.addEventListener( 'beforeunload', onWindowOrTabClose );
-		}
-		return () => {
-			if ( self.current ) {
-				self.current();
-			}
-			window.removeEventListener( 'beforeunload', onWindowOrTabClose );
-		};
-	}, [ message, when ] );
-	return self.current || ( () => {} );
-};
-exports.default = _default;

package/dist/hooks/usePrompt.ts

@@ -1,46 +0,0 @@
-// https://gist.github.com/sibelius/60a4e11da1f826b8d60dc3975a1ac805
-
-/**
- * External dependencies.
- */
-import { useEffect, useRef } from '@wordpress/element';
-
-/**
- * Internal dependencies.
- */
-import Router from '../proxied-imports/router';
-
-const { useHistory } = Router;
-
-export default ( when: boolean, message: string ): ( () => void ) => {
-	const history = useHistory();
-	const self = useRef( null );
-
-	const onWindowOrTabClose = ( event: Event | undefined ) => {
-		if ( ! when ) {
-			return;
-		}
-
-		if ( typeof event === 'undefined' ) {
-			event = window.event;
-		}
-
-		return message;
-	};
-
-	useEffect( () => {
-		if ( when ) {
-			self.current = history.block( message );
-			window.addEventListener( 'beforeunload', onWindowOrTabClose );
-		}
-
-		return () => {
-			if ( self.current ) {
-				( self.current as () => void )();
-			}
-			window.removeEventListener( 'beforeunload', onWindowOrTabClose );
-		};
-	}, [ message, when ] );
-
-	return self.current || ( () => {} );
-};

package/dist/plugin-toggle/README.md

@@ -1,53 +0,0 @@
-# PluginToggle
-
-PluginToggle presents ActionCards for one or more plugins.
-
-Each ActionCard displays the name and description of the plugin. Clicking the ToggleControl installs/activates or uninstalls the plugin. If a plugin is installed, there will be a Handoff link on the right. Optionally the href and label of this link can be overridden.
-
-Each plugin accepts a shouldRefreshAfterUpdate param. If true, the page will be reloaded after the plugin is installed or uninstalled. Updating ensures that the WordPress dashboard accurately represents current state, e.g. that newly installed plugins appear in menus.
-
-### Usage
-
-ActionCards for WooCommerce and Instant Articles for WP. Both will have Handoff links.
-
-```
-<PluginToggle
-	plugins={ {
-		woocommerce: true,
-		'fb-instant-articles': true,
-	} }
-/>
-```
-
-ActionCards for WooCommerce and Instant Articles for WP with custom text and URL for links.
-
-```
-<PluginToggle
-	plugins={ {
-		woocommerce: {
-			actionText: __( 'Use WooCommerce' ),
-			href: '/wp-admin/admin.php?page=newspack',
-		},
-		'fb-instant-articles': {
-			actionText: __( 'Configure Instant Articles' ),
-			href: '/wp-admin/admin.php?page=newspack',
-		},
-	} }
-/>
-```
-
-ActionCards for WooCommerce and Instant Articles for WP. Page will refresh after WooCommerce installation or deinstallation.
-
-```
-<PluginToggle
-	plugins={ {
-		woocommerce: {
-			shouldRefreshAfterUpdate: true,
-		},
-		'fb-instant-articles': {
-			actionText: __( 'Configure Instant Articles' ),
-			href: '/wp-admin/admin.php?page=newspack',
-		},
-	} }
-/>
-```

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;