Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

superdd

Package Overview
Dependencies
Maintainers
1
Versions
27
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

superdd - npm Package Compare versions

Comparing version 2.0.2 to 2.1.0

3

package.json
{
"name": "superdd",
"version": "2.0.2",
"version": "2.1.0",
"description": "Very useful react component for multi selection dropdown with filtering , toggle selecting all, tags outside the dropdown and custom button inside dropdown ",

@@ -63,2 +63,3 @@ "keywords": [

"@babel/polyfill": "^7.12.1",
"prop-types": "^15.7.2",
"react-redux": "^7.2.4",

@@ -65,0 +66,0 @@ "redux": "^4.1.0"

# SuperDD
Very useful react component for multi selection dropdown with filtering ,
Very useful react component for multi selection dropdown with filtering,
toggle selecting all, tags outside the dropdown and custom button inside dropdown

@@ -31,4 +31,16 @@

// to get the selected data
// whither on the update action
// or deselecting from the TagsContainer
const [selectedItems, setSelectedItems] = useState();
useEffect(() => {
console.log('from setSelectedItems', selectedItems);
}, [selectedItems]);
const onUpdateAction = (superDDSelectedItems) => {
console.log('from update function', superDDSelectedItems);
};
return (
<div className="m-5">
<div className="m-5" style={{width: '250px'}}>
<SuperDD

@@ -41,5 +53,11 @@ DataList={listData}

Filterable={true}
SetSelectedItems={setSelectedItems}
UpdateAction={onUpdateAction}
/>
<br />
<TagsContainer DisplayBy={'Code'}/>
<TagsContainer
DisplayBy={'Code'}
TagsHasDeselect={true}
ContainerHasDeselect={5}
/>
</div>

@@ -46,0 +64,0 @@ );

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc