Skip to content
Permalink
Browse files

renamed library

  • Loading branch information...
justinrhodes1 committed Nov 25, 2018
1 parent c76e53c commit b51869272fb617f9df889a9dc893097f35b86e95
@@ -1,2 +1,3 @@
/lib
/docs
/puppeteer/bundle.js
@@ -1,14 +1,14 @@
## Contributing to React-custom-tooltip
## Contributing to React-power-tooltip

First off, thank you for considering contributing to React-custom-tooltip. This project is open source and relies on people like you for support.
First off, thank you for considering contributing to React-power-tooltip. This project is open source and relies on people like you for support.

### 1. Where do I go from here?

If you've noticed a bug or have a question that doesn't belong on [Stack Overflow][], [search the issue tracker][] to see if someone else in the community has already created a ticket. If not, go ahead and [make one][new issue]!

### 2. Fork & create a branch

If this is something you think you can fix, then [fork React-custom-tooltip][] and
If this is something you think you can fix, then [fork React-power-tooltip][] and
create a branch with a descriptive name.

A good branch name would be (where issue #325 is the ticket you're working on):
@@ -81,10 +81,10 @@ Warnings should indicate where changes in your code need to be made.
### 8. Make a Pull Request

At this point, you should switch back to your master branch and make sure it's
up to date with React-custom-tooltip's master branch:
up to date with React-power-tooltip's master branch:

```sh
git remote add upstream git@github.com:react-custom-tooltip/react-custom-tooltip.git
git remote add upstream git@github.com:react-power-tooltip/react-power-tooltip.git
git checkout master
git pull upstream master
```
@@ -142,18 +142,18 @@ Maintainers need to do the following to push out a release:

```sh
git checkout master
git fetch react-custom-tooltip
git rebase react-custom-tooltip/master
git fetch react-power-tooltip
git rebase react-power-tooltip/master
# If the release is 2.1.x then this should be: 2-1-stable
git checkout -b N-N-stable
git push react-custom-tooltip N-N-stable:N-N-stable
git push react-power-tooltip N-N-stable:N-N-stable
```

[Stack Overflow]: http://stackoverflow.com/questions/tagged/react-custom-tooltip
[search the issue tracker]: https://github.com/justin-rhodes/react-custom-tooltip/issues?q=something
[new issue]: https://github.com/justin-rhodes/react-custom-tooltip/issues/new
[Stack Overflow]: http://stackoverflow.com/questions/tagged/react-power-tooltip
[search the issue tracker]: https://github.com/justin-rhodes/react-power-tooltip/issues?q=something
[new issue]: https://github.com/justin-rhodes/react-power-tooltip/issues/new
[fork React-custom-tootlip]: https://help.github.com/articles/fork-a-repo
[searching all issues]: https://github.com/justin-rhodes/react-custom-tooltip/issues?q=
[searching all issues]: https://github.com/justin-rhodes/react-power-tooltip/issues?q=
[make a pull request]: https://help.github.com/articles/creating-a-pull-request
[git rebasing]: http://git-scm.com/book/en/Git-Branching-Rebasing
[interactive rebase]: https://help.github.com/articles/interactive-rebase
@@ -1,7 +1,7 @@
# React-custom-tooltip
# React-power-tooltip

![Travis (.org)](https://img.shields.io/travis/justin-rhodes/react-custom-tooltip.svg)
![Coveralls github branch](https://img.shields.io/coveralls/github/justin-rhodes/react-custom-tooltip/master.svg) ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/react-custom-tooltip.svg)
![Travis (.org)](https://img.shields.io/travis/justin-rhodes/react-power-tooltip.svg)
![Coveralls github branch](https://img.shields.io/coveralls/github/justin-rhodes/react-power-tooltip/master.svg) ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/react-power-tooltip.svg)

<img width="250px" src="https://media.giphy.com/media/Rd6sPjQFVHOSwe9rbW/giphy.gif" />

@@ -15,26 +15,26 @@ target element with ease

## DEMO

Check out the [documentation &amp; demo pages](https://justin-rhodes.github.io/react-custom-tooltip/) to to see all use cases.
Check out the [documentation &amp; demo pages](https://justin-rhodes.github.io/react-power-tooltip/) to to see all use cases.

## Installation

### NPM

```bash
npm install react-custom-tooltip
npm install react-power-tooltip
```

### CSS

Import the CSS as a separate file.
```markdown
<link rel="stylesheet" href="unpkg.com/react-custom-tooltip/style.css" />
<link rel="stylesheet" href="unpkg.com/react-power-tooltip/style.css" />
```
## Usage
```jsx
import React, { Component } from "react";
import Tooltip from "react-custom-tooltip";
import Tooltip from "react-power-tooltip";
class Example extends Component {
state = {
@@ -92,7 +92,7 @@ export default Example;

## Development

You're welcome to contribute to react-custom-tooltip.
You're welcome to contribute to react-power-tooltip.

To set up the project:

Large diffs are not rendered by default.

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <meta name="description" content="CHANGE THIS"> -->
<title>React-custom-tooltip | The ultimate tooltip library</title>
<title>React-power-tooltip | The ultimate tooltip library</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />
<link rel="shortcut icon" href="favicon.png"></head>

@@ -14,7 +14,7 @@ exports.default = _default;

var printMsg = function printMsg() {
// eslint-disable-next-line
console.log("Thanks for choosing react-custom-tooltip!\n We are open for collaboration...get involved!!".magenta);
console.log("Thanks for choosing react-power-tooltip!\n We are open for collaboration...get involved!!".magenta);
};

exports.printMsg = printMsg;

Some generated files are not rendered by default. Learn more.

@@ -1,5 +1,5 @@
{
"name": "react-custom-tooltip",
"name": "react-power-tooltip",
"version": "1.0.0",
"description": "A powerful tooltip and menu component library for react.",
"main": "lib/index",
@@ -65,10 +65,10 @@
"webpack-dev-server": "^3.1.3"
},
"author": "Justin Rhodes <justin.rhodes01@gmail.com>",
"homepage": "https://github.com/justinrhodes2/react-custom-tooltip",
"homepage": "https://github.com/justinrhodes2/react-power-tooltip",
"repository": {
"type": "git",
"url": "git@github.com:justinrhodes2/react-custom-tooltip.git"
"url": "git@github.com:justinrhodes2/react-power-tooltip.git"
},
"dependencies": {},
"jest": {
@@ -10,7 +10,7 @@ const BasicUsage = () => {
</h3>
<pre>
<code className="language-javascript">
import Tooltip from &#39;react-custom-tooltip&#39;
import Tooltip from &#39;react-power-tooltip&#39;
</code>
</pre>
<h3>2) Add a hover state &amp; mouse event handler to your component.</h3>
@@ -1,5 +1,5 @@
const codeInstallNpm = '$ npm install react-custom-tooltip --save';
const codeInstallCss = '<link rel="stylesheet" href="unpkg.com/react-custom-tooltip/style.css" />';
const codeInstallNpm = '$ npm install react-power-tooltip --save';
const codeInstallCss = '<link rel="stylesheet" href="unpkg.com/react-power-tooltip/style.css" />';
const codeBasicComp = `class Example extends Component {
state = {
show: false
@@ -233,31 +233,31 @@ const codeMoveLeft = `{/* Move left out of target */}
</Tooltip>`;

export {
codeStatic,
codeAlert,
codeStaticAlert,
codeFade,
codeFadeUpDown,
codeBounce,
codeAlign,
codeDefault,
codeFont,
codeCorners,
codeHover,
codeBackground,
codeFlat,
codeTop,
codeCenterV,
codeBottom,
codeLeft,
codeCenterH,
codeRight,
codeMoveUpNeg,
codeMoveLeftNeg,
codeMoveUp,
codeMoveLeft,
codeInstallCss,
codeInstallNpm,
codeBasicComp,
codeBasicTp
codeStatic,
codeAlert,
codeStaticAlert,
codeFade,
codeFadeUpDown,
codeBounce,
codeAlign,
codeDefault,
codeFont,
codeCorners,
codeHover,
codeBackground,
codeFlat,
codeTop,
codeCenterV,
codeBottom,
codeLeft,
codeCenterH,
codeRight,
codeMoveUpNeg,
codeMoveLeftNeg,
codeMoveUp,
codeMoveLeft,
codeInstallCss,
codeInstallNpm,
codeBasicComp,
codeBasicTp
};
@@ -8,13 +8,13 @@ const Header = () => {
<div className="ribbon">
<a
style={{ color: 'white' }}
href="https://github.com/justin-rhodes/react-custom-tooltip/fork"
href="https://github.com/justin-rhodes/react-power-tooltip/fork"
>
Fork me on GitHub
</a>
</div>
<h1>
React-custom-
React-power-
<span
style={{ position: 'relative', display: 'inlineBlock' }}
>
@@ -41,8 +41,8 @@ const Header = () => {
width: '120px'
}}
>
<a className="github-button" href="https://github.com/justin-rhodes/react-custom-tooltip">Star</a>
<a className="github-button" href="https://github.com/ntkme/react-custom-tooltip/fork">Fork</a>
<a className="github-button" href="https://github.com/justin-rhodes/react-power-tooltip">Star</a>
<a className="github-button" href="https://github.com/ntkme/react-power-tooltip/fork">Fork</a>
</div>
</div>
);
@@ -13,27 +13,27 @@ const Intro = () => {
<h1 className="firstH1">Introduction</h1>
<div style={{ marginTop: '15px' }}>
<img
src="https://img.shields.io/travis/justin-rhodes/react-custom-tooltip.svg"
src="https://img.shields.io/travis/justin-rhodes/react-power-tooltip.svg"
alt=""
/>
<img
style={{ margin: '0 20px' }}
src="https://img.shields.io/coveralls/github/justin-rhodes/react-custom-tooltip/master.svg"
src="https://img.shields.io/coveralls/github/justin-rhodes/react-power-tooltip/master.svg"
alt=""
/>
<img
src="https://img.shields.io/bundlephobia/minzip/react-custom-tooltip.svg"
src="https://img.shields.io/bundlephobia/minzip/react-power-tooltip.svg"
alt=""
/>
</div>
<p style={{ lineHeight: '1.5' }}>
React-custom-tooltip is a powerful, fully customizable and interactive tooltip
React-power-tooltip is a powerful, fully customizable and interactive tooltip
library. Besides the traditional tooltip purposes you can easily also use it
as your popup or menu library.
</p>
<p style={{ lineHeight: '1.5', fontWeight: 'bold' }}>
We are always open new ideas and improvements. Contribute on
<a href="https://github.com/justin-rhodes/react-custom-tooltip/blob/master/CONTRIBUTING.md" style={{ fontSize: '16px', color: '#680988' }}> Github</a>
<a href="https://github.com/justin-rhodes/react-power-tooltip/blob/master/CONTRIBUTING.md" style={{ fontSize: '16px', color: '#680988' }}> Github</a>
!
</p>
<h1 style={{ paddingTop: '30px' }}>Installation</h1>
@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <meta name="description" content="CHANGE THIS"> -->
<title>React-custom-tooltip | The ultimate tooltip library</title>
<title>React-power-tooltip | The ultimate tooltip library</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />
</head>

@@ -24,7 +24,6 @@ class TextBox extends Component {
this.props.hoverArrow(false);
}


// Set & unset hover state
onSpanHover = (index, lastIndex, numChildren) => {
this.setState({ hoverIndex: index });
@@ -4,7 +4,7 @@ export default Tooltip;

const printMsg = () => {
// eslint-disable-next-line
console.log(`Thanks for choosing react-custom-tooltip!
console.log(`Thanks for choosing react-power-tooltip!
We are open for collaboration...get involved!!` .magenta);
};

0 comments on commit b518692

Please sign in to comment.
You can’t perform that action at this time.