fix(Accordion|Dropdown): fix default props in auto controlled mode (#675)

fix(Accordion|Dropdown): fix default props in auto controlled mode

Author: layershifter

CHANGELOG.md

@@ -24,6 +24,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Fix unicode arrow characters to be RTL aware ([#690](https://github.com/stardust-ui/react/pull/690))
 - Fix positioning of `Popup` with changable content @layershifter ([#678](https://github.com/stardust-ui/react/pull/678))
+- Fix default props in `Accordion` and `Dropdown` components @layershifter ([#675](https://github.com/stardust-ui/react/pull/675))
 
 <!--------------------------------[ v0.16.0 ]------------------------------- -->
 ## [v0.16.0](https://github.com/stardust-ui/react/tree/v0.16.0) (2019-01-07)

docs/src/examples/components/Accordion/Types/AccordionExample.shorthand.tsx

@@ -14,6 +14,6 @@ const panels = [
   },
 ]
 
-const AccordionExample = () => <Accordion panels={panels} />
+const AccordionExample = () => <Accordion defaultActiveIndex={[0]} panels={panels} />
 
 export default AccordionExample

docs/src/examples/components/Accordion/Variations/AccordionExampleList.shorthand.tsx

@@ -18,7 +18,7 @@ class AccordionExampleList extends React.Component {
       },
     ]
 
-    return <Accordion panels={panels} />
+    return <Accordion defaultActiveIndex={[0]} panels={panels} />
   }
 }
 

src/components/Accordion/Accordion.tsx

@@ -118,8 +118,6 @@ class Accordion extends AutoControlledComponent<ReactProps<AccordionProps>, any>
   static Title = AccordionTitle
   static Content = AccordionContent
 
-  state: any = { activeIndex: [0] }
-
   getInitialAutoControlledState({ exclusive }) {
     return { activeIndex: exclusive ? -1 : [-1] }
   }

src/components/Dropdown/Dropdown.tsx

@@ -194,12 +194,14 @@ export default class Dropdown extends AutoControlledComponent<
   static Label = DropdownLabel
   static SearchInput = DropdownSearchInput
 
-  state: DropdownState = {
-    // prevent deletion of last character + last selected value at the same time on backspace.
-    backspaceDelete: this.props.multiple,
-    focused: false,
-    searchQuery: this.props.search ? '' : undefined,
-    value: this.props.multiple ? [] : null,
+  getInitialAutoControlledState({ multiple, search }: DropdownProps): DropdownState {
+    return {
+      // prevent deletion of last character + last selected value at the same time on backspace.
+      backspaceDelete: multiple,
+      focused: false,
+      searchQuery: search ? '' : undefined,
+      value: multiple ? [] : null,
+    }
   }
 
   public renderComponent({