react-native-radio-buttons-group - npm Package Compare versions

Comparing version 2.3.2 to 3.0.0

lib/types.ts

@@ -9,2 +9,3 @@ export type RadioButtonProps = {
   id: string;
+  key?: string;
   label?: string;
@@ -23,4 +24,5 @@ labelStyle?: object;
   layout?: 'row' | 'column';
-  onPress?: (radioButtons: RadioButtonProps[]) => void;
+  onPress?: (selectedId: string) => void;
   radioButtons: RadioButtonProps[];
+  selectedId?: string;
 };

package.json

 {
   "name": "react-native-radio-buttons-group",
-  "version": "2.3.2",
+  "version": "3.0.0",
   "description": "Simple and Best. An easy to use radio buttons for react native apps.",
@@ -32,9 +32,3 @@ "main": "./lib/index.ts",
   },
-  "homepage": "https://github.com/thakurballary/react-native-radio-buttons-group#readme",
-  "dependencies": {
-    "lodash.isequal": "4.5.0"
-  },
-  "devDependencies": {
-    "@types/lodash.isequal": "4.5.6"
-  }
+  "homepage": "https://github.com/thakurballary/react-native-radio-buttons-group#readme"
 }

README.md

@@ -31,3 +31,3 @@ # React Native Radio Buttons Group
 ```jsx
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import RadioGroup from 'react-native-radio-buttons-group';
@@ -37,3 +37,3 @@
 
-    const [radioButtons, setRadioButtons] = useState([
+    const radioButtons = useMemo(() => ([
         {
@@ -49,7 +49,5 @@ id: '1', // acts as primary key, should be unique and non-empty string
         }
-    ]);
+    ]), []);
 
-    function onPressRadioButton(radioButtonsArray) {
-        setRadioButtons(radioButtonsArray);
-    }
+    const [selectedId, setSelectedId] = useState();
 
@@ -59,3 +57,4 @@ return (
             radioButtons={radioButtons} 
-            onPress={onPressRadioButton} 
+            onPress={setSelectedId}
+            selectedId={selectedId}
         />
@@ -72,3 +71,3 @@ );
 ```tsx
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import RadioGroup, {RadioButtonProps} from 'react-native-radio-buttons-group';
@@ -78,3 +77,3 @@
 
-    const [radioButtons, setRadioButtons] = useState<RadioButtonProps[]>([
+    const radioButtons: RadioButtonProps[] = useMemo(() => ([
         {
@@ -90,7 +89,5 @@ id: '1', // acts as primary key, should be unique and non-empty string
         }
-    ]);
+    ]), []);
 
-    function onPressRadioButton(radioButtonsArray: RadioButtonProps[]) {
-        setRadioButtons(radioButtonsArray);
-    }
+    const [selectedId, setSelectedId] = useState<string | undefined>();
 
@@ -100,3 +97,4 @@ return (
             radioButtons={radioButtons} 
-            onPress={onPressRadioButton} 
+            onPress={setSelectedId}
+            selectedId={selectedId}
         />
@@ -137,2 +135,3 @@ );
 radioButtons | array | yes | | arrary of [RadioButton](#radiobutton) objects
+selectedId | string | no | | unique string
 
@@ -139,0 +138,0 @@ ###### Horizontal (side by side)

No alert changes

Improved metrics

Dependency count

0

decreased by-100%

Dev dependency count

0

decreased by-100%

Worsened metrics

Total package byte prevSize

109670

decreased by-0.59%

Lines of code

143

decreased by-7.74%

Number of lines in readme file

153

decreased by-0.65%

Dependency changes

• - Removedlodash.isequal@4.5.0

• - Removedlodash.isequal@4.5.0(transitive)