Merge pull request #318 from technote-space/release/next-v2.3.0

release: v3.0.0

Author: technote-space

.travis.yml

@@ -1,12 +1,11 @@
 # Marker Animation
 
 [![CI Status](https://github.com/technote-space/marker-animation/workflows/CI/badge.svg)](https://github.com/technote-space/marker-animation/actions)
-[![Build Status](https://travis-ci.com/technote-space/marker-animation.svg?branch=master)](https://travis-ci.com/technote-space/marker-animation)
 [![codecov](https://codecov.io/gh/technote-space/marker-animation/branch/master/graph/badge.svg)](https://codecov.io/gh/technote-space/marker-animation)
 [![CodeFactor](https://www.codefactor.io/repository/github/technote-space/marker-animation/badge)](https://www.codefactor.io/repository/github/technote-space/marker-animation)
 [![License: GPL v2+](https://img.shields.io/badge/License-GPL%20v2%2B-blue.svg)](http://www.gnu.org/licenses/gpl-2.0.html)
 [![PHP: >=5.6](https://img.shields.io/badge/PHP-%3E%3D5.6-orange.svg)](http://php.net/)
-[![WordPress: >=4.6](https://img.shields.io/badge/WordPress-%3E%3D4.6-brightgreen.svg)](https://wordpress.org/)
+[![WordPress: >=5.4](https://img.shields.io/badge/WordPress-%3E%3D5.4-brightgreen.svg)](https://wordpress.org/)
 
 ![バナー](https://raw.githubusercontent.com/technote-space/marker-animation/images/.github/images/banner-772x250.png)
 
@@ -78,7 +77,7 @@
 
 ## 要件
 - PHP 5.6 以上
-- WordPress 4.6 以上
+- WordPress 5.4 以上
 
 ## 導入手順
 1. 最新版をGitHubからダウンロード  

README.ja.md

@@ -1,12 +1,11 @@
 # Marker Animation
 
 [![CI Status](https://github.com/technote-space/marker-animation/workflows/CI/badge.svg)](https://github.com/technote-space/marker-animation/actions)
-[![Build Status](https://travis-ci.com/technote-space/marker-animation.svg?branch=master)](https://travis-ci.com/technote-space/marker-animation)
 [![codecov](https://codecov.io/gh/technote-space/marker-animation/branch/master/graph/badge.svg)](https://codecov.io/gh/technote-space/marker-animation)
 [![CodeFactor](https://www.codefactor.io/repository/github/technote-space/marker-animation/badge)](https://www.codefactor.io/repository/github/technote-space/marker-animation)
 [![License: GPL v2+](https://img.shields.io/badge/License-GPL%20v2%2B-blue.svg)](http://www.gnu.org/licenses/gpl-2.0.html)
 [![PHP: >=5.6](https://img.shields.io/badge/PHP-%3E%3D5.6-orange.svg)](http://php.net/)
-[![WordPress: >=4.6](https://img.shields.io/badge/WordPress-%3E%3D4.6-brightgreen.svg)](https://wordpress.org/)
+[![WordPress: >=5.4](https://img.shields.io/badge/WordPress-%3E%3D5.4-brightgreen.svg)](https://wordpress.org/)
 
 ![Banner](https://raw.githubusercontent.com/technote-space/marker-animation/images/.github/images/banner-772x250.png)
 
@@ -77,7 +76,7 @@ This plugin will add the ability to display animations like painting with a high
 
 ## Requirements
 - \>= PHP 5.6
-- \>= WordPress 4.6
+- \>= WordPress 5.4
 
 ## Installation
 1. Download latest version  

README.md

@@ -1,7 +1,5 @@
 /**
- * @version 1.7.3
  * @author Technote
- * @since 1.2.4
  * @copyright Technote All Rights Reserved
  * @license http://www.opensource.org/licenses/gpl-2.0.php GNU General Public License, version 2
  * @link https://technote.space/
@@ -13,58 +11,7 @@
     background-repeat: repeat-x;
 }
 
-.marker-animation-nav.editor-styles-wrapper {
-    background: white;
-}
-
-.marker-animation-is-active.components-dropdown-menu .components-dropdown-menu__toggle {
-    box-shadow: none;
-    background-color: #555d66;
-    color: #fff;
-}
-
-.components-tooltip .components-popover__content .marker-animation-nav-item-title {
-    color: black;
-    background-color: white;
-    font-size: 1em !important;
-    line-height: 1.5em;
-    display: flex !important;
-    background-position: left -100% bottom -40% !important;
-    background-size: 200% 1em !important;
-    padding: 2px !important;
-}
-
-.marker-animation-nav-item-title-wrapper {
-    width: 100%;
-    text-align: left;
-}
-
-.marker-animation-nav .components-dropdown-menu__menu-item {
-    display: flex !important;
-    background-position: left -100% bottom 10% !important;
-    background-size: 200% 1em !important;
-    font-weight: normal !important;
-    padding: 6px !important;
-}
-
-.components-button.marker-animation-nav-item,
-.components-button.marker-animation-nav-item:hover {
-    background-position: left -100% bottom 10% !important;
-    background-repeat: repeat-x !important;
-    padding-bottom: 3px !important;
-}
-
-.marker-animation-nav.editor-styles-wrapper::before,
-.marker-animation-nav.editor-styles-wrapper::after,
-.marker-animation-nav-item-title-wrapper.editor-styles-wrapper::before,
-.marker-animation-nav-item-title-wrapper.editor-styles-wrapper::after,
-.components-toolbar > .editor-styles-wrapper::before,
-.components-toolbar > .editor-styles-wrapper::after {
-    content: none;
-    display: none;
-}
-
-.marker-animation-nav-item-title-wrapper.editor-styles-wrapper,
-.components-toolbar > .editor-styles-wrapper {
-    background: transparent !important;
+.marker-animation-menu .components-dropdown-menu__menu-item.is-active {
+    color: #1e1e1e;
+    background: #ddd;
 }

assets/css/gutenberg.css

@@ -1,64 +1,65 @@
 /* eslint-disable no-magic-numbers */
+import React from 'react';
 import { mount } from 'enzyme';
 import toJson from 'enzyme-to-json';
 import MyTextControl from '../../src/gutenberg/components/text-control';
 
-describe( 'MyTextControl', () => {
-	it( 'should render text control', () => {
-		const onChange = jest.fn( value => {
-			expect( value ).toBe( 'xyz' );
-		} );
-		const args = {
+describe('MyTextControl', () => {
+	it('should render text control', () => {
+		const onChange = jest.fn(value => {
+			expect(value).toBe('xyz');
+		});
+		const args     = {
 			value: {
 				start: 0,
 				end: 1,
 				text: 'test',
 			},
 		};
-		const wrapper = mount( <MyTextControl
+		const wrapper  = mount(<MyTextControl
 			id='test-id'
 			key='test-key'
 			label='test-label'
-			args={ args }
+			args={args}
 			value='abc'
-			onChange={ onChange }
-		/> );
+			onChange={onChange}
+		/>);
 
-		expect( toJson( wrapper, { mode: 'deep' } ) ).toMatchSnapshot( 'render1' );
-		expect( wrapper.find( '#test-id' ).hostNodes() ).toHaveLength( 1 );
+		expect(toJson(wrapper, { mode: 'deep' })).toMatchSnapshot('render1');
+		expect(wrapper.find('#test-id').hostNodes()).toHaveLength(1);
 
-		wrapper.find( '#test-id' ).hostNodes().simulate( 'change', { target: { value: 'xyz' } } );
-		expect( onChange ).not.toBeCalled();
-		expect( toJson( wrapper, { mode: 'deep' } ) ).toMatchSnapshot( 'changed1' );
+		wrapper.find('#test-id').hostNodes().simulate('change', { target: { value: 'xyz' } });
+		expect(onChange).not.toBeCalled();
+		expect(toJson(wrapper, { mode: 'deep' })).toMatchSnapshot('changed1');
 
-		wrapper.find( '#test-id' ).hostNodes().simulate( 'blur' );
-		expect( onChange ).toBeCalled();
-		expect( toJson( wrapper, { mode: 'deep' } ) ).toMatchSnapshot( 'blur1' );
-	} );
+		wrapper.find('#test-id').hostNodes().simulate('blur');
+		expect(onChange).toBeCalled();
+		expect(toJson(wrapper, { mode: 'deep' })).toMatchSnapshot('blur1');
+	});
 
-	it( 'should render text control', () => {
+	it('should render text control', () => {
 		const onChange = jest.fn();
-		const args = {
+		const args     = {
 			value: {
 				start: 0,
 				end: 1,
 				text: 'test',
 			},
 		};
-		const wrapper = mount( <MyTextControl
+		const wrapper  = mount(<MyTextControl
 			id='test-id'
 			key='test-key'
 			label='test-label'
-			args={ args }
+			args={args}
 			value='abc'
-			onChange={ onChange }
-		/> );
+			onChange={onChange}
+		/>);
 
-		expect( toJson( wrapper, { mode: 'deep' } ) ).toMatchSnapshot( 'render2' );
-		expect( wrapper.find( '#test-id' ).hostNodes() ).toHaveLength( 1 );
+		expect(toJson(wrapper, { mode: 'deep' })).toMatchSnapshot('render2');
+		expect(wrapper.find('#test-id').hostNodes()).toHaveLength(1);
 
-		wrapper.find( '#test-id' ).hostNodes().simulate( 'blur' );
-		expect( onChange ).not.toBeCalled();
-		expect( toJson( wrapper, { mode: 'deep' } ) ).toMatchSnapshot( 'blur2' );
-	} );
-} );
+		wrapper.find('#test-id').hostNodes().simulate('blur');
+		expect(onChange).not.toBeCalled();
+		expect(toJson(wrapper, { mode: 'deep' })).toMatchSnapshot('blur2');
+	});
+});