Merge pull request #78 from wrappid/WRPD-enhancement-77

refactor(core): ✨ adding import React

package/nativeComponents/dataDisplay/paragraph/NativeLabel.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 import { variantMap } from "../../../helper/componentUtil";
 import { SCTypography } from "../../../styledComponents/dataDisplay/SCTypography";
 

package/nativeComponents/dataDisplay/paragraph/NativeTypographyBody1.js

@@ -1,4 +1,5 @@
-import { useState } from "react";
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React, { useState } from "react";
 
 // eslint-disable-next-line import/no-unresolved
 import { UtilityClasses } from "@wrappid/styles";

package/nativeComponents/dataDisplay/paragraph/NativeTypographyBody2.js

@@ -1,4 +1,5 @@
-import { useState } from "react";
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React, { useState } from "react";
 
 // eslint-disable-next-line import/no-unresolved
 import { UtilityClasses } from "@wrappid/styles";

package/nativeComponents/dataDisplay/paragraph/NativeTypographyButton.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 import NativeTypography from "../NativeTypography";
 
 export default function NativeTypographyButton(props) {

package/nativeComponents/dataDisplay/paragraph/NativeTypographyCaption.js

@@ -1,4 +1,5 @@
-import { useState } from "react";
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React, { useState } from "react";
 
 // eslint-disable-next-line import/no-unresolved
 import { UtilityClasses } from "@wrappid/styles";

package/nativeComponents/dataDisplay/paragraph/NativeTypographyOverline.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 import NativeTypography from "../NativeTypography";
 
 export default function NativeTypographyOverline(props) {

package/nativeComponents/dataDisplay/paragraph/NativeTypographySubtitle1.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 import NativeTypography from "../NativeTypography";
 
 export default function NativeTypographySubtitle1(props) {

package/nativeComponents/dataDisplay/paragraph/NativeTypographySubtitle2.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 import NativeTypography from "../NativeTypography";
 
 export default function NativeTypographySubtitle2(props) {

package/styledComponents/dataDisplay/SCAvatar.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Avatar } from "react-native-paper";

package/styledComponents/dataDisplay/SCAvatarText.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Avatar } from "react-native-paper";

package/styledComponents/dataDisplay/SCBadge.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Badge } from "react-native-paper";

package/styledComponents/dataDisplay/SCChip.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Chip } from "react-native-paper";

package/styledComponents/dataDisplay/SCDivider.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle } from "@wrappid/styles";
 import { Divider } from "react-native-paper";

package/styledComponents/dataDisplay/SCFlatList.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCImage.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCListItemIcon.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCListItemText.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";

package/styledComponents/dataDisplay/SCTable.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTableBody.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCTableCell.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTableContainer.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCTableFooter.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCTableHead.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTableHeadCell.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTablePagination.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTableRow.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DataTable } from "react-native-paper";

package/styledComponents/dataDisplay/SCTableSortLabel.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/dataDisplay/SCTooltip.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Tooltip } from "react-native-paper";

package/styledComponents/dataDisplay/SCTypography.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text as Typography } from "react-native-paper";

package/styledComponents/feedback/SCAlert.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";

package/styledComponents/feedback/SCAlertTitle.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";

package/styledComponents/feedback/SCBackdrop.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/feedback/SCCircularProgress.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { ActivityIndicator } from "react-native-paper";

package/styledComponents/feedback/SCDialog.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Dialog } from "react-native-paper";
@@ -8,4 +11,4 @@ const defaultStyleClasses = [StyledComponentsClasses.FEEDBACK.DIALOG];
 export const SCDialog = styled(
   Dialog,
   {}
-)((props) => ({ ...getEffectiveStyle([...defaultStyleClasses, ...(props?.styleClasses || [])]) }));
+)((props) => ({ ...getEffectiveStyle([...defaultStyleClasses, ...(props?.styleClasses || [])]) }));

package/styledComponents/feedback/SCDialogActions.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Dialog } from "react-native-paper";

package/styledComponents/feedback/SCDialogContent.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Dialog } from "react-native-paper";

package/styledComponents/feedback/SCDialogContentText.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";

package/styledComponents/feedback/SCDialogTitle.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Dialog } from "react-native-paper";

package/styledComponents/feedback/SCLinearProgress.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { ProgressBar } from "react-native-paper";

package/styledComponents/feedback/SCSkeleton.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/feedback/SCSnackbar.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Snackbar } from "react-native-paper";

package/styledComponents/inputs/SCAutocomplete.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { TextInput as Input } from "react-native-paper";

package/styledComponents/inputs/SCButton.js

@@ -1,5 +1,13 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
+// eslint-disable-next-line import/no-unresolved
+import {
+  getEffectiveStyle,
+  StyledComponentsClasses,
+  UtilityClasses
 // eslint-disable-next-line import/no-unresolved
-import { getEffectiveStyle, StyledComponentsClasses, UtilityClasses } from "@wrappid/styles";
+} from "@wrappid/styles";
 import { Button } from "react-native-paper";
 import styled from "styled-components/native";
 

package/styledComponents/inputs/SCCheckbox.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Checkbox } from "react-native-paper";

package/styledComponents/inputs/SCDatePicker.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DatePickerModal as DesktopDatePicker } from "react-native-paper-dates";

package/styledComponents/inputs/SCDateTimePicker.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { DatePickerModal as DesktopDatePicker } from "react-native-paper-dates";

package/styledComponents/inputs/SCFab.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { FAB } from "react-native-paper";

package/styledComponents/inputs/SCFormControl.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/inputs/SCFormControlLabel.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";

package/styledComponents/inputs/SCFormGroup.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/inputs/SCFormHelperText.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { HelperText } from "react-native-paper";

package/styledComponents/inputs/SCIconButton.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { IconButton } from "react-native-paper";

package/styledComponents/inputs/SCInput.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { TextInput as Input } from "react-native-paper";

package/styledComponents/inputs/SCInputAdornment.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 // eslint-disable-next-line import/namespace

package/styledComponents/inputs/SCInputLabel.js

@@ -1,3 +1,6 @@
+// eslint-disable-next-line no-unused-vars, unused-imports/no-unused-imports
+import React from "react";
+
 // eslint-disable-next-line import/no-unresolved
 import { getEffectiveStyle, StyledComponentsClasses } from "@wrappid/styles";
 import { Text } from "react-native-paper";