Merge 7df3aed into 7c2bd05

vforge · web-flow · commit 95bcc1e03220 · 2019-01-21T03:38:03.000Z
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
 
-# @Wikia/react-design-system
+# @Wikia/react-common
 
-[![Travis](https://img.shields.io/travis/Wikia/react-design-system/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-design-system)
-[![Release](https://img.shields.io/github/package-json/v/Wikia/react-design-system.svg?style=flat-square)](https://github.com/Wikia/react-design-system/releases)
+[![Travis](https://img.shields.io/travis/Wikia/react-common/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-common)
+[![Release](https://img.shields.io/github/package-json/v/Wikia/react-common.svg?style=flat-square)](https://github.com/Wikia/react-common/releases)
 
 Wikia's reusable React parts.
 
diff --git a/docs/build/bundle.2ae668c2.js b/docs/build/bundle.2ae668c2.js
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>react-design-system</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:400,700"></head><body><div id="rsg-root"></div><div id="app"></div><script src="build/bundle.5d5c4701.js"></script></body></html>
+<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>react-common</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:400,700"></head><body><div id="rsg-root"></div><div id="app"></div><script src="build/bundle.2ae668c2.js"></script></body></html>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@wikia/react-design-system",
-  "version": "2.8.4",
+  "name": "@wikia/react-common",
+  "version": "0.0.0",
   "description": "Wikia's reusable React parts",
   "license": "UNLICENSED",
   "private": true,
diff --git a/source/README.md b/source/README.md
@@ -1,7 +1,7 @@
-# @Wikia/react-design-system
+# @Wikia/react-common
 
-[![Travis](https://img.shields.io/travis/Wikia/react-design-system/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-design-system)
-[![Release](https://img.shields.io/github/package-json/v/Wikia/react-design-system.svg?style=flat-square)](https://github.com/Wikia/react-design-system/releases)
+[![Travis](https://img.shields.io/travis/Wikia/react-common/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-common)
+[![Release](https://img.shields.io/github/package-json/v/Wikia/react-common.svg?style=flat-square)](https://github.com/Wikia/react-common/releases)
 
 Wikia's reusable React parts.
 
diff --git a/source/config/styleguide.config.js b/source/config/styleguide.config.js
@@ -66,7 +66,7 @@ function getSections() {
 }
 
 module.exports = {
-    title: 'react-design-system',
+    title: 'react-common',
     template: {
         head: {
             links: [{
diff --git a/source/docs/INSTALLATION.md b/source/docs/INSTALLATION.md
@@ -7,8 +7,8 @@
 ## 2. Use it in the code
 
 ```js static
-import Button from '@wikia/react-design-system/components/Button';
-import Icon from '@wikia/react-design-system/components/Button';
+import Button from '@wikia/react-common/components/Button';
+import Icon from '@wikia/react-common/components/Button';
 
 
 ...
@@ -27,6 +27,6 @@ import Icon from '@wikia/react-design-system/components/Button';
 Make sure you include the CSS in your styles.
 
 ```scss static
-@import "~@wikia/react-design-system/components/Icon.css";
-@import "~@wikia/react-design-system/components/Button.css";
+@import "~@wikia/react-common/components/Icon.css";
+@import "~@wikia/react-common/components/Button.css";
 ```
diff --git a/source/docs/PREAMBULE.md b/source/docs/PREAMBULE.md
@@ -1,4 +1,4 @@
-[![Travis](https://img.shields.io/travis/Wikia/react-design-system/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-design-system)
-[![Release](https://img.shields.io/github/package-json/v/Wikia/react-design-system.svg?style=flat-square)](https://github.com/Wikia/react-design-system/releases)
+[![Travis](https://img.shields.io/travis/Wikia/react-common/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-common)
+[![Release](https://img.shields.io/github/package-json/v/Wikia/react-common.svg?style=flat-square)](https://github.com/Wikia/react-common/releases)
 
 Wikia's reusable React parts.
diff --git a/source/hocs/withTimeoutFallback/README.md b/source/hocs/withTimeoutFallback/README.md
@@ -3,7 +3,7 @@ Adds a component to display after a set time (accurate to the nearest 100ms)
 ## Usage
 
 ```js static
-import withTimeoutFallback from '@react-design-system/hocs/withTimeoutFallback';
+import withTimeoutFallback from '@react-common/hocs/withTimeoutFallback';
 
 const Spinner = props => (<div> ...spinner </div>)
 const SpinnerWithTimeout = withTimeoutFallback(Spinner);
@@ -15,7 +15,7 @@ const SpinnerWithTimeout = withTimeoutFallback(Spinner);
 Custom Fallback and Timeout:
 
 ```js static
-import withTimeoutFallback from '@react-design-system/hocs/withTimeoutFallback';
+import withTimeoutFallback from '@react-common/hocs/withTimeoutFallback';
 
 const Spinner = props => (<div> ...spinner </div>)
 const Fallback = props => (<div> Error Loading </div>)
diff --git a/source/models/Model/README.md b/source/models/Model/README.md
@@ -3,7 +3,7 @@
 ## Usage
 
 ```js static
-import Model from '@react-design-system/models/Model';
+import Model from '@react-common/models/Model';
 
 export const MY_MODEL_KEYS = Object.freeze({
     type: 'type',
diff --git a/source/package.json b/source/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "@wikia/react-design-system",
-  "version": "2.8.4",
+  "name": "@wikia/react-common",
+  "version": "0.0.0",
   "description": "Wikia's reusable React parts",
-  "repository": "git@github.com:Wikia/react-design-system.git",
+  "repository": "git@github.com:Wikia/react-common.git",
   "license": "UNLICENSED",
   "private": true,
   "scripts": {
diff --git a/source/scripts/build-readme.js b/source/scripts/build-readme.js
@@ -17,10 +17,10 @@ const directories = config.sourceDirectories.map(
 ).join('\n');
 
 const rootReadme = `
-# @Wikia/react-design-system
+# @Wikia/react-common
 
-[![Travis](https://img.shields.io/travis/Wikia/react-design-system/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-design-system)
-[![Release](https://img.shields.io/github/package-json/v/Wikia/react-design-system.svg?style=flat-square)](https://github.com/Wikia/react-design-system/releases)
+[![Travis](https://img.shields.io/travis/Wikia/react-common/master.svg?style=flat-square)](https://travis-ci.org/Wikia/react-common)
+[![Release](https://img.shields.io/github/package-json/v/Wikia/react-common.svg?style=flat-square)](https://github.com/Wikia/react-common/releases)
 
 Wikia's reusable React parts.
 
diff --git a/source/systems/BannerNotifications/README.md b/source/systems/BannerNotifications/README.md
@@ -20,7 +20,7 @@ The reducer/store need to be included in Redux.
 Example:
 
 ```js static
-import { BannerNotificationsStore } from '@wikia/react-design-system/systems/BannerNotifications';
+import { BannerNotificationsStore } from '@wikia/react-common/systems/BannerNotifications';
 import { combineReducers } from 'redux';
 
 const rootReducer = combineReducers({
@@ -37,8 +37,8 @@ The component that connects to the Redux state needs to be included on the page
 ```js static
 import React from 'react';
 import PropTypes from 'prop-types';
-import FandomContentWell from '@wikia/react-design-system/components/FandomContentWell';
-import { BannerNotificationsComponent } from '@wikia/react-design-system/systems/BannerNotifications';
+import FandomContentWell from '@wikia/react-common/components/FandomContentWell';
+import { BannerNotificationsComponent } from '@wikia/react-common/systems/BannerNotifications';
 
 class PageLayout extends React.Component {
     static propTypes = {
@@ -61,7 +61,7 @@ export default PageLayout;
 **NOTE**: Remember to also include styles!
 
 ```css static
-@import "~@wikia/react-design-system/systems/BannerNotifications.css";
+@import "~@wikia/react-common/systems/BannerNotifications.css";
 ```
 
 ## API
@@ -75,13 +75,13 @@ BannerNotifications system exports few actions that should be used to add new no
 
 The `id` is optional and it's needed only when the notification needs to be manually removed with `removeNotfication(id)` action. If omitted its value is assigned automatically.
 
-Types of notifications are shown in [components/BannerNotification](https://wikia.github.io/react-design-system/#bannernotification) section.
+Types of notifications are shown in [components/BannerNotification](https://wikia.github.io/react-common/#bannernotification) section.
 
 Example usage in thunk:
 
 ```js static
 import axios from 'axios';
-import { addAlert } from '@wikia/react-design-system/systems/BannerNotifications';
+import { addAlert } from '@wikia/react-common/systems/BannerNotifications';
 
 export const loadData = () => (
     async dispatch => {

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>react-design-system</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:400,700"></head><body><div id="rsg-root"></div><div id="app"></div><script src="build/bundle.5d5c4701.js"></script></body></html>`
	`1`	`+<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>react-common</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik:400,700"></head><body><div id="rsg-root"></div><div id="app"></div><script src="build/bundle.2ae668c2.js"></script></body></html>`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "name": "@wikia/react-design-system",`
`3`		`- "version": "2.8.4",`
	`2`	`+ "name": "@wikia/react-common",`
	`3`	`+ "version": "0.0.0",`
`4`	`4`	`"description": "Wikia's reusable React parts",`
`5`	`5`	`"license": "UNLICENSED",`
`6`	`6`	`"private": true,`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ function getSections() {`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`module.exports = {`
`69`		`- title: 'react-design-system',`
	`69`	`+ title: 'react-common',`
`70`	`70`	`template: {`
`71`	`71`	`head: {`
`72`	`72`	`links: [{`