Merge pull request #344 from brave/newtab

Add support for the default new tab page

.cache/325c8f456729b912b0d2134054eb7448-dfeeb2271cc2857eb0a45a5003c8bbee

@@ -0,0 +1 @@
+{"value":{"success":true,"data":{"latest":{"version":"4.0.0","info":{"plain":"- upgrade webpack & babel to latest\n- new addParameters and third argument to .add to pass data to addons\n- added the ability to theme storybook\n- improved ui for mobile devices\n- improved performance of addon-knobs"}}},"time":1546641305274},"type":"Object"}

package.json

@@ -64,6 +64,7 @@
     "@types/enzyme": "^3.1.9",
     "@types/jest": "^23.3.9",
     "@types/react": "^16.4.10",
+    "@types/react-beautiful-dnd": "^10.0.1",
     "@types/react-dom": "^16.0.7",
     "@types/react-test-renderer": "^16.0.1",
     "@types/storybook__addon-actions": "^3.0.3",
@@ -87,6 +88,7 @@
     "pre-commit": "^1.2.2",
     "pre-push": "^0.1.1",
     "react": "^16.4.2",
+    "react-beautiful-dnd": "^10.0.3",
     "react-dom": "^16.3.0",
     "react-storybook-addon-chapters": "^2.1.5",
     "react-test-renderer": "^16.3.0",

src/components/icons/arrow.tsx

@@ -9,10 +9,9 @@ import GenerateComponentForGraphic from './template'
 
 // Direct access to SVG
 export const Graphic = (
-<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
-    <path d='M28 15H6.28l4.85-5.25a1 1 0 0 0-.05-1.42 1 1 0 0 0-1.41.06l-6.4 6.93a.7.7 0 0 0-.1.16.75.75 0 0 0-.09.15 1 1 0 0 0 0 .74.75.75 0 0 0 .09.15.7.7 0 0 0 .1.16l6.4 6.93a1 1 0 0 0 1.41.06 1 1 0 0 0 .05-1.42L6.28 17H28a1 1 0 0 0 0-2z'
-    />
-</svg>
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+    <path d='M28 15H6.28l4.85-5.25a1 1 0 0 0-.05-1.42 1 1 0 0 0-1.41.06l-6.4 6.93a.7.7 0 0 0-.1.16.75.75 0 0 0-.09.15 1 1 0 0 0 0 .74.75.75 0 0 0 .09.15.7.7 0 0 0 .1.16l6.4 6.93a1 1 0 0 0 1.41.06 1 1 0 0 0 .05-1.42L6.28 17H28a1 1 0 0 0 0-2z' />
+  </svg>
 )
 
 // Styled Component for SVG

src/components/icons/bookmark-o.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M23.87 27.855c.178.133.211.14.14.179-.046.025-.01-.058-.01-.329V5.245C24 4.55 23.481 4 22.882 4H9.118C8.519 4 8 4.55 8 5.246v22.459c0 .183.017.28.013.317-.047-.051.008-.085.118-.167l5.54-4.147c1.307-.98 3.352-.98 4.659 0l5.54 4.147zm-6.74-2.546c-.595-.448-1.664-.448-2.26 0l-5.54 4.146C7.702 30.676 6 29.741 6 27.705V5.245C6 3.472 7.388 2 9.118 2h13.764C24.612 2 26 3.471 26 5.246v22.459c0 2.036-1.7 2.971-3.33 1.75l-5.54-4.146z' />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/bookmark.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M17.13 25.309c-.595-.448-1.664-.448-2.26 0l-5.54 4.146C7.702 30.676 6 29.741 6 27.705V5.245C6 3.472 7.388 2 9.118 2h13.764C24.612 2 26 3.471 26 5.246v22.459c0 2.036-1.7 2.971-3.33 1.75l-5.54-4.146z'/>
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/bookmarkBook.tsx

@@ -0,0 +1,19 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+	<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>
+		<path d='M26.147 23.296A9.961 9.961 0 0 0 26.203 27H27a1 1 0 0 1 0 2H8.056C5.819 29 4 27.215 4 25V6.153C4 4.392 5.509 3 7.334 3h17.842C26.178 3 27 3.8 27 4.803V21a1 1 0 0 1 0 2h-.28a.998.998 0 0 1-.573.296zM24.17 23H8.056C6.915 23 6 23.898 6 25c0 1.102.915 2 2.056 2h16.112a11.954 11.954 0 0 1 0-4zM6 21.55A4.083 4.083 0 0 1 8.056 21H25V5h-4v9a1 1 0 0 1-1.634.773L16 12.012l-3.366 2.761A1 1 0 0 1 11 14V5H7.334C6.579 5 6 5.534 6 6.152v15.399zM13 5v6.886l2.366-1.94a1 1 0 0 1 1.268 0L19 11.885V5h-6z'
+		/>
+	</svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/folder.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M28 25H4V7h8.199l3.2 2.408c.042.031.09.046.135.071.038.02.072.043.113.059a1 1 0 0 0 .352.071H28V25zm0-17.391H16.334l-3.2-2.408c-.031-.024-.07-.03-.104-.05a.935.935 0 0 0-.183-.088 1.01 1.01 0 0 0-.201-.041c-.039-.004-.073-.022-.113-.022H4c-1.103 0-2 .897-2 2v18c0 1.103.897 2 2 2h24c1.103 0 2-.897 2-2V9.609c0-1.103-.897-2-2-2z'/>
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/history.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M16 7.2a1 1 0 0 0-1 1v6.945c-.595.347-1 .984-1 1.722A2 2 0 1 0 17.645 18H21.2a1 1 0 0 0 0-2h-3.406a2 2 0 0 0-.794-.855V8.2a1 1 0 0 0-1-1M30 16c0 7.72-6.28 14-14 14S2 23.72 2 16a1 1 0 0 1 2 0c0 6.617 5.383 12 12 12s12-5.383 12-12S22.617 4 16 4c-4.393 0-7.781 2.085-9.855 6h2.922a1 1 0 0 1 0 2h-5.2a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v3.18C7.327 4.185 11.224 2 16 2c7.72 0 14 6.28 14 14'/>
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/index.tsx

@@ -18,6 +18,9 @@ export const ArrowLeftIcon = RotatedIconComponent(ArrowIcon, 0)
 export const ArrowRightIcon = RotatedIconComponent(ArrowIcon, 180)
 export const ArrowDownIcon = RotatedIconComponent(ArrowIcon, -90)
 export const ArrowUpIcon = RotatedIconComponent(ArrowIcon, 90)
+export { default as BookmarkBook } from './bookmarkBook'
+export { default as BookmarkIcon } from './bookmark'
+export { default as BookmarkOIcon } from './bookmark-o'
 export const CaratCircleUpIcon = RotatedIconComponent(CaratCircleIcon, 0)
 export const CaratCircleDownIcon = RotatedIconComponent(CaratCircleIcon, 180)
 export const CaratRightIcon = RotatedIconComponent(CaratIcon, 180)
@@ -32,9 +35,11 @@ export { default as CloseStrokeIcon } from './close'
 export { default as DownloadIcon } from './download'
 export { default as EmoteSadIcon } from './emote-sad'
 export { default as EmoteSmileIcon } from './emote-smile'
+export { default as HistoryIcon } from './history'
 export { default as LogoYoutubeIcon } from './logo-youtube'
 export { default as OpenNewIcon } from './open-new'
 export { default as PaymentDueIcon } from './payment-due'
+export { default as PinIcon } from './pin'
 export { default as PrintIcon } from './print'
 export { default as RefreshIcon } from './refresh'
 export { default as SendIcon } from './send'

src/components/icons/pin.tsx

@@ -0,0 +1,18 @@
+// THIS FILE IS AUTOGENERATED, DO NOT MODIFY MANUALLY
+/* tslint:disable */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M10.79 19.793l-6.131-6.126a1.009 1.009 0 0 1 .41-1.675 11.952 11.952 0 0 1 8.284.432l4.383-4.378a9.23 9.23 0 0 1 .044-5.34.998.998 0 0 1 1.66-.413l10.265 10.262a1.009 1.009 0 0 1-.41 1.676 9.223 9.223 0 0 1-5.347.038l-4.375 4.374a11.955 11.955 0 0 1 .433 8.289.998.998 0 0 1-1.66.413l-6.138-6.134-8.503 8.497a.996.996 0 0 1-1.415-.005 1.01 1.01 0 0 1 .005-1.423l8.494-8.487zm11.173-6.376a9.201 9.201 0 0 1-3.378-3.383l-3.39 3.385a11.945 11.945 0 0 1 3.383 3.383l3.385-3.385zM24 12.166a7.217 7.217 0 0 0 2.936.458l-7.562-7.56A7.183 7.183 0 0 0 24 12.166zm-8.354 4.2a9.917 9.917 0 0 0-8.274-2.824L18.468 24.63a9.891 9.891 0 0 0-2.822-8.264z' />
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)

src/components/icons/trash.tsx

@@ -0,0 +1,16 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+* License. v. 2.0. If a copy of the MPL was not distributed with this file.
+* You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import * as React from 'react'
+import GenerateComponentForGraphic from './template'
+
+// Direct access to SVG
+export const Graphic = (
+  <svg width='32' height='32' xmlns='http://www.w3.org/2000/svg'>
+    <path d='M21.027 27.895c-.004.04-.077.105-.118.105H11.09c-.04 0-.113-.066-.117-.105L8.864 8.998h14.308l-2.145 18.896zM13.454 5c0-.551.448-1 1-1h3.092c.551 0 1 .449 1 1v2h-5.092V5zM27 7h-6.454V5c0-1.655-1.346-3-3-3h-3.092c-1.655 0-3 1.345-3 3v2H5a1 1 0 1 0 0 2h1.851l2.134 19.117A2.144 2.144 0 0 0 11.09 30h9.82a2.142 2.142 0 0 0 2.104-1.88L25.184 9H27a1 1 0 1 0 0-2z'/>
+  </svg>
+)
+
+// Styled Component for SVG
+export default GenerateComponentForGraphic(Graphic)