Update directory structure, generator code

Use src/ for react-common source

TODO: put other package-related files in packages/react-common/

packages/react-common-docs/src/components/Nav.tsx → packages/react-common-docs/src/components/Nav/Nav.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import Link from 'next/link'
 import styled from 'styled-components'
-import NavLink from './NavLink/NavLink'
+import NavLink from '../NavLink/NavLink'
 
 const StyledLink = styled('a')({
   display: 'block',

packages/react-common-docs/src/components/NavLink/NavLink.tsx

@@ -80,6 +80,7 @@ export const basePropTypes = {
   subtitle: PropTypes.string,
   graphics: PropTypes.shape(menuGraphicsPropTypes),
   indicator: PropTypes.string,
+  onClick: PropTypes.func,
 }
 
 const propTypes = {
@@ -136,7 +137,7 @@ const NavLink = React.forwardRef<HTMLAnchorElement, Props>((
         && (
           <IndicatorContainer>
             <Icon
-              name={indicator}
+              name={indicator!}
             />
           </IndicatorContainer>
         )

packages/react-common-docs/src/components/Sidebar.tsx → packages/react-common-docs/src/components/Sidebar/Sidebar.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import Nav from './Nav'
+import Nav from '../Nav/Nav'
 import Link from 'next/link'
 import * as React from 'react'
 

packages/react-common-docs/src/pages/_app.tsx

@@ -2,7 +2,7 @@ import '../../public/global.css'
 import '../../public/theme/dark.css'
 import sidebar from '../sidebar.json'
 import brand from '../../brand'
-import Sidebar from '../components/Sidebar'
+import Sidebar from '../components/Sidebar/Sidebar'
 import styled from 'styled-components'
 
 const Container = styled('div')({

packages/react-common-docs/src/pages/components/Button.mdx

@@ -3,7 +3,7 @@ title: Button
 ---
 
 import { Button } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # Button
 

packages/react-common-docs/src/pages/components/Checkbox.mdx

@@ -3,7 +3,7 @@ name: Checkbox
 ---
 
 import { Checkbox } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # Checkbox
 

packages/react-common-docs/src/pages/components/Icon.mdx

@@ -3,7 +3,7 @@ name: Icon
 ---
 
 import { Icon } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # Icon
 

packages/react-common-docs/src/pages/components/RadioButton.mdx

@@ -3,7 +3,7 @@ name: RadioButton
 ---
 
 import { RadioButton } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # RadioButton
 

packages/react-common-docs/src/pages/components/Select.mdx

@@ -3,7 +3,7 @@ name: Select
 ---
 
 import { Select } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # Select
 

packages/react-common-docs/src/pages/components/Slider.mdx

@@ -3,7 +3,7 @@ name: Slider
 ---
 
 import { Slider } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # Slider
 

packages/react-common-docs/src/pages/components/TextInput.mdx

@@ -3,7 +3,7 @@ name: TextInput
 ---
 
 import { TextInput } from '@tesseract-design/react-common'
-import Playground from '../../components/Playground'
+import Playground from '../../components/Playground/Playground'
 
 # TextInput
 

packages/react-common/components/Button/Button.test.tsx → packages/react-common/src/components/Button/Button.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/Checkbox/Checkbox.test.tsx → packages/react-common/src/components/Checkbox/Checkbox.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/Icon/Icon.test.tsx → packages/react-common/src/components/Icon/Icon.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/RadioButton/RadioButton.test.tsx → packages/react-common/src/components/RadioButton/RadioButton.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/Select/Select.test.tsx → packages/react-common/src/components/Select/Select.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/Slider/Slider.test.tsx → packages/react-common/src/components/Slider/Slider.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/components/TextInput/TextInput.test.tsx → packages/react-common/src/components/TextInput/TextInput.test.tsx

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../../../utilities/jest/extensions.ts" />
+/// <reference path="../../../../../utilities/jest/extensions.ts" />
 
 import * as fc from 'fast-check'
 import * as Enzyme from 'enzyme'

packages/react-common/index.test.ts → packages/react-common/src/index.test.ts

@@ -1,5 +1,5 @@
 /// <reference types="jest-enzyme" />
-/// <reference path="../../utilities/jest/extensions.ts" />
+/// <reference path="../../../utilities/jest/extensions.ts" />
 
 import * as T from './index'
 

packages/react-common/services/stringify.test.ts → packages/react-common/src/services/stringify.test.ts

@@ -1,5 +1,5 @@
 import * as fc from 'fast-check'
-import * as fcArb from '../../../utilities/fast-check/arbitraries'
+import * as fcArb from '../../../../utilities/fast-check/arbitraries'
 import stringify from './stringify'
 
 it('should exist', () => {

plopfile.js

@@ -1,4 +1,3 @@
-const testName = require('./plop/helpers/testName.js')
 module.exports = plop => {
   plop.setGenerator('component', {
     description: 'Creates a component.',
@@ -21,9 +20,15 @@ module.exports = plop => {
     actions: [
       {
         type: 'addMany',
-        templateFiles: 'plop/templates/component/*',
-        base: 'plop/templates/component',
-        destination: 'packages/react-common/components/{{pascalCase name}}',
+        templateFiles: 'plop/templates/react-common/component/*',
+        base: 'plop/templates/react-common/component',
+        destination: 'packages/react-common/src/components/{{pascalCase name}}',
+      },
+      {
+        type: 'addMany',
+        templateFiles: 'plop/templates/react-common-docs/component/*',
+        base: 'plop/templates/react-common-docs/component',
+        destination: 'packages/react-common-docs/src/pages/components',
       },
     ],
   })

rollup.config.js

@@ -4,7 +4,7 @@ import typescript from '@rollup/plugin-typescript'
 
 import pkg from './package.json'
 
-const ENTRY_POINT = './packages/react-common/index.ts'
+const ENTRY_POINT = './packages/react-common/src/index.ts'
 
 export default {
   input: ENTRY_POINT,