bump flow (#1618)

* bump flow
* v147.0.0

.flowconfig

@@ -18,6 +18,7 @@ module.name_mapper.extension='scss' -> 'empty/object'
 module.system.node.resolve_dirname=node_modules
 module.system.node.resolve_dirname=src/components
 module.system.node.resolve_dirname=src/docs
+exact_by_default=true
 
 [strict]
 nonstrict-import

flow-typed/npm/classnames_v2.x.x.js

@@ -1,9 +1,9 @@
-// flow-typed signature: cf86673cc32d185bdab1d2ea90578d37
-// flow-typed version: 614bf49aa8/classnames_v2.x.x/flow_>=v0.25.x
+// flow-typed signature: a00cf41b09af4862583460529d5cfcb9
+// flow-typed version: c6154227d1/classnames_v2.x.x/flow_>=v0.104.x
 
 type $npm$classnames$Classes =
   | string
-  | { [className: string]: * }
+  | { [className: string]: *, ... }
   | false
   | void
   | null;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "style-guide",
-  "version": "146.2.4",
+  "version": "147.0.0",
   "description": "Brainly Front-End Style Guide",
   "author": "Brainly",
   "private": true,
@@ -30,7 +30,7 @@
     "eslint-plugin-react": "^7.14.3",
     "eslint-plugin-react-hooks": "^1.7.0",
     "file-loader": "^4.1.0",
-    "flow-bin": "^0.102.0",
+    "flow-bin": "^0.105.2",
     "gulp": "^3.9.0",
     "gulp-autoprefixer": "^4.0.0",
     "gulp-base64": "^0.1.3",

src/components/action-list/ActionList.jsx

@@ -33,6 +33,7 @@ type ActionListPropsType = {
   noWrap?: ?boolean,
   direction?: ?DirectionType,
   align?: ?AligmentType,
+  ...
 };
 
 const ActionList = ({

src/components/action-list/ActionListHole.jsx

@@ -26,6 +26,7 @@ type ActionListHolePropsType = {
   equalWidth?: ?boolean,
   hideOverflow?: ?boolean,
   className?: ?string,
+  ...
 };
 
 const ActionListHole = ({

src/components/avatar/Avatar.jsx

@@ -43,6 +43,7 @@ type PropsType = {
   className?: string,
   title?: string,
   link?: string,
+  ...
 };
 
 const Avatar = ({

src/components/badges/TextBadge.jsx

@@ -31,6 +31,7 @@ type PropsType = {
   size?: BadgeModule.BadgeSizeType,
   rounded?: boolean,
   withAnimation?: boolean,
+  ...
 };
 
 const TextBadge = ({

src/components/badges/subcomponents/Badge.jsx

@@ -48,6 +48,7 @@ type PropsType = {
   size?: BadgeSizeType,
   rounded?: boolean,
   withAnimation?: boolean,
+  ...
 };
 
 const Badge = ({

src/components/box/Box.jsx

@@ -191,6 +191,7 @@ type BoxPropsType = {
    * @todo add interactive example for this prop
    */
   onClose?: ?(SyntheticInputEvent<HTMLDivElement>) => mixed,
+  ...
 };
 
 /**

src/components/breadcrumbs/Breadcrumb.jsx

@@ -9,6 +9,7 @@ type PropsType = {
   adaptive?: ?boolean,
   short?: ?boolean,
   elements: $ReadOnlyArray<Node>,
+  ...
 };
 
 const Breadcrumb = ({

src/components/bubble/Bubble.jsx

@@ -53,6 +53,7 @@ type BubblePropsType = {
   color?: ?BubbleColorType,
   full?: ?boolean,
   noShadow?: ?boolean,
+  ...
 };
 
 const Bubble = ({

src/components/buttons/Button.jsx

@@ -118,6 +118,7 @@ export type ButtonPropsType = {
    * Additional class names
    */
   className?: string,
+  ...
 };
 
 const Button = ({

src/components/buttons/ButtonPrimary.jsx

@@ -30,6 +30,7 @@ type ButtonPrimaryPropsType = {
   disabled?: ?boolean,
   href?: ?string,
   buttonType?: ?ButtonPrimaryTypeType,
+  ...
 };
 
 const ButtonPrimary = ({

src/components/buttons/ButtonRound.jsx

@@ -12,6 +12,7 @@ type ButtonRoundType = {
   small?: ?boolean,
   href?: string,
   label?: ?string,
+  ...
 };
 
 const ButtonRound = ({

src/components/buttons/ButtonSecondary.jsx

@@ -31,6 +31,7 @@ type ButtonSecondaryPropsType = {
   small?: ?boolean,
   href?: ?string,
   buttonType?: ?ButtonSecondaryTypeType,
+  ...
 };
 
 const ButtonSecondary = ({

src/components/card/Card.jsx

@@ -27,6 +27,7 @@ type PropsType = {
   shadow?: boolean,
   transparent?: boolean,
   padding?: CardPaddingType,
+  ...
 };
 
 const Card = ({

src/components/card/CardHole.jsx

@@ -47,6 +47,7 @@ type PropsType = {
   children: Node,
   className?: string,
   color?: ColorType,
+  ...
 };
 
 const CardHole = ({color, children, className, ...props}: PropsType) => {

src/components/content-box/ContentBox.jsx

@@ -21,6 +21,7 @@ export type ContentBoxPropsType = {
   className?: ?string,
   spacedTop?: ?SizeType,
   spacedBottom?: ?SizeType,
+  ...
 };
 
 const ContentBox = ({

src/components/content-box/ContentBoxActions.jsx

@@ -21,6 +21,7 @@ export type ContentBoxActionsPropsType = {
   spacedTop?: ?SizeType,
   spacedBottom?: ?SizeType,
   align?: AligmentType,
+  ...
 };
 
 const ContentBoxActions = ({

src/components/content-box/ContentBoxContent.jsx

@@ -22,6 +22,7 @@ export type ContentBoxContentPropsType = {
   spacedTop?: ?SizeType,
   spacedBottom?: ?SizeType,
   align?: AligmentType,
+  ...
 };
 
 const ContentBoxContent = ({

src/components/content-box/ContentBoxHeader.jsx

@@ -24,6 +24,7 @@ export type ContentBoxHeaderPropsType = {
   spacedTop?: ?SizeType,
   spacedBottom?: ?SizeType,
   align?: AligmentType,
+  ...
 };
 
 const ContentBoxHeader = ({

src/components/content-box/ContentBoxTitle.jsx

@@ -23,6 +23,7 @@ export type ContentBoxTitlePropsType = {
   spacedTop?: ?SizeType,
   spacedBottom?: ?SizeType,
   align?: AligmentType,
+  ...
 };
 
 const ContentBoxTitle = ({

src/components/dropdowns/Dropdown.jsx

@@ -18,8 +18,10 @@ type PropsType = {
   items: Array<{
     id: string,
     text: string,
+    ...
   }>,
   className?: string,
+  ...
 };
 
 const Dropdown = ({

src/components/dropdowns/DropdownContainer.jsx

@@ -6,6 +6,7 @@ import Dropdown from './Dropdown';
 type ItemType = {
   id: string,
   text: string,
+  ...
 };
 
 type PropsType = {
@@ -18,11 +19,13 @@ type PropsType = {
   currentItem?: ItemType,
   onChange: string => mixed,
   onToggle?: SyntheticMouseEvent<HTMLDivElement>,
+  ...
 };
 
 type StateType = {
   currentItem: ItemType,
   label: string,
+  ...
 };
 
 /* eslint-disable react/default-props-match-prop-types */

src/components/dropdowns/DropdownItem.jsx

@@ -5,6 +5,7 @@ import React from 'react';
 type PropsType = {
   onClick: (SyntheticMouseEvent<HTMLDivElement>) => mixed,
   text: string,
+  ...
 };
 
 const DropdownItem = ({text, onClick}: PropsType) => (

src/components/flash-messages/FlashMessage.jsx

@@ -17,6 +17,7 @@ type PropsType = {
   text: string,
   type?: FlashMessageTypeType,
   className?: string,
+  ...
 };
 
 const FlashMessage = ({

src/components/flex/Flex.jsx

@@ -199,6 +199,7 @@ export type FlexPropsType = {
    *          </Flex>
    */
   marginLeft?: FlexMarginsType,
+  ...
 };
 
 const Flex = (props: FlexPropsType) => {

src/components/footer/Footer.jsx

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 type PropsType = {
   children: Node,
   className?: string,
+  ...
 };
 
 const Footer = ({children, className, ...props}: PropsType) => {

src/components/footer/FooterLine.jsx

@@ -7,6 +7,7 @@ import classNames from 'classnames';
 type PropsType = {
   children: Node,
   className?: string,
+  ...
 };
 
 const FooterLine = ({children, className, ...props}: PropsType) => {

src/components/form-elements/Checkbox.jsx

@@ -9,11 +9,10 @@ export type CheckboxPropsType = {
   checked?: boolean,
   id?: string,
   className?: string,
+  ...
 };
 
-export type CheckboxStateType = {
-  id: string,
-};
+export type CheckboxStateType = {id: string, ...};
 
 class Checkbox extends PureComponent<CheckboxPropsType, CheckboxStateType> {
   constructor(props: CheckboxPropsType) {

src/components/form-elements/Input.jsx

@@ -76,6 +76,7 @@ export type InputPropsType = {
   withIcon?: boolean,
   className?: string,
   setInputRef?: (ref: ?HTMLElement) => mixed,
+  ...
 };
 
 const Input = (props: InputPropsType) => {

src/components/form-elements/Radio.jsx

@@ -17,6 +17,7 @@ export type RadioPropsType = {
   id?: string,
   size?: ?RadioSizeType,
   className?: string,
+  ...
 };
 
 const Radio = (props: RadioPropsType) => {

src/components/form-elements/Select.jsx

@@ -6,6 +6,7 @@ import classnames from 'classnames';
 type OptionsPropsType = {
   value: string,
   text: string,
+  ...
 };
 
 export type SelectPropsType = {
@@ -16,6 +17,7 @@ export type SelectPropsType = {
   fullWidth?: boolean,
   options?: Array<OptionsPropsType>,
   className?: string,
+  ...
 };
 
 const Select = (props: SelectPropsType) => {

src/components/form-elements/Textarea.jsx

@@ -25,6 +25,7 @@ export type TextareaPropsType = {
   noPadding?: boolean,
   autoHeight?: boolean,
   className?: string,
+  ...
 };
 
 const Textarea = (props: TextareaPropsType) => {

src/components/header/Header.jsx

@@ -8,6 +8,7 @@ type PropsType = {
   children: Node,
   fixed?: boolean,
   className?: string,
+  ...
 };
 
 const Header = ({children, fixed, className, ...props}: PropsType) => {

src/components/header/HeaderContainer.jsx

@@ -8,6 +8,7 @@ type PropsType = {
   children: Node,
   light?: boolean,
   className?: string,
+  ...
 };
 
 const HeaderContainer = ({children, light, className, ...props}: PropsType) => {

src/components/header/HeaderContent.jsx

@@ -8,6 +8,7 @@ type PropsType = {
   children: Node,
   autoHeight?: boolean,
   className?: string,
+  ...
 };
 
 const HeaderContent = ({

src/components/header/HeaderLeft.jsx

@@ -7,6 +7,7 @@ import classnames from 'classnames';
 type PropsType = {
   children?: Node,
   className?: string,
+  ...
 };
 
 const HeaderLeft = ({children, className, ...props}: PropsType) => {

src/components/header/HeaderMiddle.jsx

@@ -7,6 +7,7 @@ import classnames from 'classnames';
 type PropsType = {
   children?: Node,
   className?: string,
+  ...
 };
 
 const HeaderMiddle = ({children, className, ...props}: PropsType) => {

src/components/header/HeaderRight.jsx

@@ -7,6 +7,7 @@ import classnames from 'classnames';
 type PropsType = {
   children?: Node,
   className?: string,
+  ...
 };
 
 const HeaderRight = ({children, className, ...props}: PropsType) => {

src/components/helpers/RwdHelper.jsx

@@ -22,6 +22,7 @@ export const TYPE = {
 type PropsType = {
   hide: RwdHelperTypeType,
   children: Element<*> | string,
+  ...
 };
 
 const RwdHelper = ({hide, children}: PropsType) => {

src/components/home-button/HomeButton.jsx

@@ -18,6 +18,7 @@ type PropsType = {
   type?: LogoModule.LogoTypeType,
   href?: string,
   className?: string,
+  ...
 };
 
 const HomeButton = ({
@@ -34,6 +35,7 @@ const HomeButton = ({
     className
   );
   const logoPath = `${BASE_URL}${LOGOS[type]}.svg`;
+  // $FlowFixMe - some icons are missing, we will investigate why
   const mobilePath = `${BASE_URL}${ICONS[type]}.svg`;
 
   return (

src/components/icon-as-button/IconAsButton.jsx

@@ -34,6 +34,7 @@ type IconAsButtonPropsType = {
   active?: boolean,
   href?: string,
   className?: string,
+  ...
 };
 
 const IconAsButton = ({