Merge branch 'next' of github.com:coralproject/talk into ui-tab

* 'next' of github.com:coralproject/talk: (26 commits)
  Adapt snapshots
  Disable RTE when submitting
  Wrap long words
  Disable submit button when empty
  Fix test
  Fix types and tests
  Remove outdated workarounds
  Remove accidently commited files
  Move uuid generation to TalkContext
  Full PromisifiedStorage + Simplifications
  Update package-lock
  Return null cursor when creating comment
  Change commentEdge to edge
  Update snapshots
  Fix types
  Reply opens auth popup when not logged in
  Better tests
  Stream should work outside of iframe for debugging
  Add test
  Focus RTE when opening reply
  ...

src/core/client/ui/components/AriaInfo/AriaInfo.tsx

@@ -1,5 +1,5 @@
 import cn from "classnames";
-import React, { AllHTMLAttributes, StatelessComponent } from "react";
+import React, { AllHTMLAttributes, Ref, StatelessComponent } from "react";
 
 import { withForwardRef, withStyles } from "talk-ui/hocs";
 import { PropTypesOf } from "talk-ui/types";
@@ -14,6 +14,8 @@ interface InnerProps extends AllHTMLAttributes<HTMLElement> {
   classes: typeof styles;
   component?: string;
   children: React.ReactNode;
+  /** Internal: Forwarded Ref */
+  forwardRef?: Ref<HTMLButtonElement>;
 }
 
 const AriaInfo: StatelessComponent<InnerProps> = props => {

src/core/client/ui/components/Button/Button.tsx

@@ -1,6 +1,6 @@
 import cn from "classnames";
 import { pick } from "lodash";
-import React, { ButtonHTMLAttributes, Ref } from "react";
+import React, { Ref } from "react";
 
 import { withForwardRef, withStyles } from "talk-ui/hocs";
 import { PropTypesOf } from "talk-ui/types";
@@ -10,7 +10,7 @@ import * as styles from "./Button.css";
 
 // This should extend from BaseButton instead but we can't because of this bug
 // TODO: add bug link.
-interface InnerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface InnerProps extends BaseButtonProps {
   /** If set renders an anchor tag instead */
   anchor?: boolean;
   href?: string;

src/core/client/ui/components/Button/ButtonIcon.tsx

@@ -31,7 +31,7 @@ export const ButtonIcon: StatelessComponent<InnerProps> = props => {
 
 ButtonIcon.defaultProps = {
   size: "sm",
-};
+} as Partial<InnerProps>;
 
 const enhanced = withForwardRef(withStyles(styles)(ButtonIcon));
 export type ButtonIconProps = PropTypesOf<typeof enhanced>;

src/core/client/ui/components/CallOut/CallOut.tsx

@@ -51,7 +51,7 @@ const CallOut: StatelessComponent<CallOutProps> = props => {
 CallOut.defaultProps = {
   color: "regular",
   fullWidth: false,
-};
+} as Partial<CallOutProps>;
 
 const enhanced = withStyles(styles)(CallOut);
 export default enhanced;

src/core/client/ui/components/HorizontalGutter/HorizontalGutter.tsx

@@ -30,7 +30,7 @@ const HorizontalGutter: StatelessComponent<InnerProps> = props => {
 
 HorizontalGutter.defaultProps = {
   size: "full",
-};
+} as Partial<InnerProps>;
 
 const enhanced = withForwardRef(withStyles(styles)(HorizontalGutter));
 export type HorizontalGutterProps = PropTypesOf<typeof enhanced>;

src/core/client/ui/components/Icon/Icon.tsx

@@ -37,7 +37,7 @@ const Icon: StatelessComponent<InnerProps> = props => {
 
 Icon.defaultProps = {
   size: "sm",
-};
+} as Partial<InnerProps>;
 
 const enhanced = withForwardRef(withStyles(styles)(Icon));
 export type IconProps = PropTypesOf<typeof enhanced>;

src/core/client/ui/components/TextField/TextField.tsx

@@ -89,7 +89,7 @@ TextField.defaultProps = {
   color: "regular",
   placeholder: "",
   type: "text",
-};
+} as Partial<TextFieldProps>;
 
 const enhanced = withStyles(styles)(TextField);
 export default enhanced;

src/core/client/ui/components/Typography/Typography.tsx

@@ -151,7 +151,7 @@ Typography.defaultProps = {
   noWrap: false,
   paragraph: false,
   variant: "bodyCopy",
-};
+} as Partial<InnerProps>;
 
 const enhanced = withForwardRef(withStyles(styles)(Typography));
 export type TypographyProps = PropTypesOf<typeof enhanced>;