[PCCompat > Components > Settings] Rewrite to use separate files for each component

moduleWrappers/powercord/components/settings/divider.js

@@ -0,0 +1,12 @@
+const { React } = goosemodScope.webpackModules.common;
+
+const FormDivider = goosemodScope.webpackModules.findByDisplayName('FormDivider');
+const SettingsFormClasses = goosemodScope.webpackModules.findByProps('dividerDefault', 'titleDefault');
+
+export default class Divider extends React.PureComponent {
+  render() {
+    return React.createElement(FormDivider, {
+      className: SettingsFormClasses.dividerDefault
+    });
+  }
+}

moduleWrappers/powercord/components/settings/formItem.js

@@ -1,7 +1,5 @@
 const { React } = goosemodScope.webpackModules.common;
 
-const OriginalTextInput = goosemodScope.webpackModules.findByDisplayName('TextInput');
-
 const OriginalFormItem = goosemodScope.webpackModules.findByDisplayName('FormItem');
 const OriginalFormText = goosemodScope.webpackModules.findByDisplayName('FormText');
 
@@ -9,18 +7,7 @@ const Flex = goosemodScope.webpackModules.findByDisplayName('Flex');
 const Margins = goosemodScope.webpackModules.findByProps('marginTop20', 'marginBottom20');
 const FormClasses = goosemodScope.webpackModules.findByProps('formText', 'description');
 
-const FormDivider = goosemodScope.webpackModules.findByDisplayName('FormDivider');
-const SettingsFormClasses = goosemodScope.webpackModules.findByProps('dividerDefault', 'titleDefault');
-
-class Divider extends React.PureComponent {
-  render() {
-    return React.createElement(FormDivider, {
-      className: SettingsFormClasses.dividerDefault
-    });
-  }
-}
-
-class FormItem extends React.PureComponent {
+export default class FormItem extends React.PureComponent {
   render() {
     return React.createElement(OriginalFormItem, {
         title: this.props.title,
@@ -37,29 +24,4 @@ class FormItem extends React.PureComponent {
       React.createElement(Divider)
     );
   }
-}
-
-class TextInput extends React.PureComponent {
-  render() {
-    const title = this.props.children;
-    delete this.props.children;
-
-    return React.createElement(FormItem, {
-        title,
-        note: this.props.note,
-        required: this.props.required,
-
-        noteHasMargin: true
-      },
-
-      React.createElement(OriginalTextInput, {
-        ...this.props
-      })
-    );
-  }
-}
-
-module.exports = {
-  FormItem,
-  TextInput
-};
+}

moduleWrappers/powercord/components/settings/index.js

@@ -0,0 +1,3 @@
+export { default as FormItem } from './formItem';
+export { default as TextInput } from './textInput';
+export { default as Divider } from './divider';

moduleWrappers/powercord/components/settings/textInput.js

@@ -0,0 +1,25 @@
+const { React } = goosemodScope.webpackModules.common;
+
+import FormItem from './formItem';
+
+const OriginalTextInput = goosemodScope.webpackModules.findByDisplayName('TextInput');
+
+export default class TextInput extends React.PureComponent {
+  render() {
+    const title = this.props.children;
+    delete this.props.children;
+
+    return React.createElement(FormItem, {
+        title,
+        note: this.props.note,
+        required: this.props.required,
+
+        noteHasMargin: true
+      },
+
+      React.createElement(OriginalTextInput, {
+        ...this.props
+      })
+    );
+  }
+}

package.json

@@ -33,7 +33,7 @@
     "powercord/injector": "./moduleWrappers/powercord/injector.js",
     "powercord/webpack": "./moduleWrappers/powercord/webpack.js",
     "powercord/util": "./moduleWrappers/powercord/util.js",
-    "powercord/components/settings": "./moduleWrappers/powercord/components/settings.js",
+    "powercord/components/settings": "./moduleWrappers/powercord/components/settings/index.js",
 
     "_powercord/global": "./moduleWrappers/powercord/global/index.js"
   },