@wordpress/components 19.8.0 → 19.8.3

package/build/guide/finish-button.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = FinishButton;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _button = _interopRequireDefault(require("../button"));
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function FinishButton(props) {
-  const ref = (0, _element.useRef)(); // Focus the button on mount if nothing else is focused. This prevents a
-  // focus loss when the 'Next' button is swapped out.
-
-  (0, _element.useLayoutEffect)(() => {
-    const {
-      ownerDocument
-    } = ref.current;
-    const {
-      activeElement,
-      body
-    } = ownerDocument;
-
-    if (!activeElement || activeElement === body) {
-      ref.current.focus();
-    }
-  }, []);
-  return (0, _element.createElement)(_button.default, (0, _extends2.default)({}, props, {
-    ref: ref
-  }));
-}
-//# sourceMappingURL=finish-button.js.map

package/build/guide/finish-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/guide/finish-button.js"],"names":["FinishButton","props","ref","ownerDocument","current","activeElement","body","focus"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,YAAT,CAAuBC,KAAvB,EAA+B;AAC7C,QAAMC,GAAG,GAAG,sBAAZ,CAD6C,CAG7C;AACA;;AACA,gCAAiB,MAAM;AACtB,UAAM;AAAEC,MAAAA;AAAF,QAAoBD,GAAG,CAACE,OAA9B;AACA,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA;AAAjB,QAA0BH,aAAhC;;AAEA,QAAK,CAAEE,aAAF,IAAmBA,aAAa,KAAKC,IAA1C,EAAiD;AAChDJ,MAAAA,GAAG,CAACE,OAAJ,CAAYG,KAAZ;AACA;AACD,GAPD,EAOG,EAPH;AASA,SAAO,4BAAC,eAAD,6BAAaN,KAAb;AAAqB,IAAA,GAAG,EAAGC;AAA3B,KAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\n\nexport default function FinishButton( props ) {\n\tconst ref = useRef();\n\n\t// Focus the button on mount if nothing else is focused. This prevents a\n\t// focus loss when the 'Next' button is swapped out.\n\tuseLayoutEffect( () => {\n\t\tconst { ownerDocument } = ref.current;\n\t\tconst { activeElement, body } = ownerDocument;\n\n\t\tif ( ! activeElement || activeElement === body ) {\n\t\t\tref.current.focus();\n\t\t}\n\t}, [] );\n\n\treturn <Button { ...props } ref={ ref } />;\n}\n"]}

package/build-module/guide/finish-button.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useRef, useLayoutEffect } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import Button from '../button';
-export default function FinishButton(props) {
-  const ref = useRef(); // Focus the button on mount if nothing else is focused. This prevents a
-  // focus loss when the 'Next' button is swapped out.
-
-  useLayoutEffect(() => {
-    const {
-      ownerDocument
-    } = ref.current;
-    const {
-      activeElement,
-      body
-    } = ownerDocument;
-
-    if (!activeElement || activeElement === body) {
-      ref.current.focus();
-    }
-  }, []);
-  return createElement(Button, _extends({}, props, {
-    ref: ref
-  }));
-}
-//# sourceMappingURL=finish-button.js.map

package/build-module/guide/finish-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/components/src/guide/finish-button.js"],"names":["useRef","useLayoutEffect","Button","FinishButton","props","ref","ownerDocument","current","activeElement","body","focus"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,eAAjB,QAAwC,oBAAxC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,WAAnB;AAEA,eAAe,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC7C,QAAMC,GAAG,GAAGL,MAAM,EAAlB,CAD6C,CAG7C;AACA;;AACAC,EAAAA,eAAe,CAAE,MAAM;AACtB,UAAM;AAAEK,MAAAA;AAAF,QAAoBD,GAAG,CAACE,OAA9B;AACA,UAAM;AAAEC,MAAAA,aAAF;AAAiBC,MAAAA;AAAjB,QAA0BH,aAAhC;;AAEA,QAAK,CAAEE,aAAF,IAAmBA,aAAa,KAAKC,IAA1C,EAAiD;AAChDJ,MAAAA,GAAG,CAACE,OAAJ,CAAYG,KAAZ;AACA;AACD,GAPc,EAOZ,EAPY,CAAf;AASA,SAAO,cAAC,MAAD,eAAaN,KAAb;AAAqB,IAAA,GAAG,EAAGC;AAA3B,KAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useLayoutEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\n\nexport default function FinishButton( props ) {\n\tconst ref = useRef();\n\n\t// Focus the button on mount if nothing else is focused. This prevents a\n\t// focus loss when the 'Next' button is swapped out.\n\tuseLayoutEffect( () => {\n\t\tconst { ownerDocument } = ref.current;\n\t\tconst { activeElement, body } = ownerDocument;\n\n\t\tif ( ! activeElement || activeElement === body ) {\n\t\t\tref.current.focus();\n\t\t}\n\t}, [] );\n\n\treturn <Button { ...props } ref={ ref } />;\n}\n"]}

package/src/guide/finish-button.js

@@ -1,26 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useRef, useLayoutEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Button from '../button';
-
-export default function FinishButton( props ) {
-	const ref = useRef();
-
-	// Focus the button on mount if nothing else is focused. This prevents a
-	// focus loss when the 'Next' button is swapped out.
-	useLayoutEffect( () => {
-		const { ownerDocument } = ref.current;
-		const { activeElement, body } = ownerDocument;
-
-		if ( ! activeElement || activeElement === body ) {
-			ref.current.focus();
-		}
-	}, [] );
-
-	return <Button { ...props } ref={ ref } />;
-}

package/src/guide/test/finish-button.js

@@ -1,49 +0,0 @@
-/**
- * External dependencies
- */
-import { shallow } from 'enzyme';
-import { create } from 'react-test-renderer';
-
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import FinishButton from '../finish-button';
-
-describe( 'FinishButton', () => {
-	it( 'renders a button', () => {
-		const wrapper = shallow( <FinishButton /> );
-		expect( wrapper.find( Button ) ).toHaveLength( 1 );
-	} );
-
-	it( 'calls onClick when the button is clicked', () => {
-		const onClick = jest.fn();
-		const wrapper = shallow( <FinishButton onClick={ onClick } /> );
-		wrapper.find( Button ).prop( 'onClick' )();
-		expect( onClick ).toHaveBeenCalled();
-	} );
-
-	it( 'receives focus on mount when nothing is focused', () => {
-		const focus = jest.fn();
-		create( <FinishButton />, {
-			createNodeMock: () => ( { focus, ownerDocument: document } ),
-		} );
-		expect( focus ).toHaveBeenCalled();
-	} );
-
-	it( 'does not receive focus on mount when something is already focused', () => {
-		const button = document.createElement( 'button' );
-		document.body.append( button );
-		button.focus();
-
-		const focus = jest.fn();
-		create( <FinishButton />, {
-			createNodeMock: () => ( { focus, ownerDocument: document } ),
-		} );
-		expect( focus ).not.toHaveBeenCalled();
-	} );
-} );