From 871ce598e5097213e65b1cbf9223cc52f9cce125 Mon Sep 17 00:00:00 2001
From: Surya Kumara <suryakumara33@gmail.com>
Date: Mon, 4 Jul 2022 17:47:00 +0800
Subject: [PATCH] fix: change naming

---
 package.json                                 |  2 +-
 src/components/Dropdown/Dropdown.stories.tsx | 44 ++++++++++++++++++--
 src/components/Dropdown/Dropdown.tsx         |  2 +
 3 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index aef0dc1..3f750da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@beeinventor/dasiot-react-component-lib",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx
index 7407092..8f1ad9b 100644
--- a/src/components/Dropdown/Dropdown.stories.tsx
+++ b/src/components/Dropdown/Dropdown.stories.tsx
@@ -1,9 +1,9 @@
-import React, { useState } from 'react';
-import { Meta, Story } from '@storybook/react';
 import { Dialog, DialogContent } from '@mui/material';
-import { DropDownItem, DropDownProps } from './Dropdown.type';
-import Dropdown from './Dropdown';
+import { Meta, Story } from '@storybook/react';
+import React, { useState } from 'react';
 import Button from '../Button';
+import Dropdown from './Dropdown';
+import { DropDownItem, DropDownProps } from './Dropdown.type';
 
 const list: DropDownItem[] = [
   {
@@ -117,3 +117,39 @@ DarkMode.parameters = {
     default: 'secondary80',
   },
 };
+
+export const Reset: Story<DropDownProps> = (args) => {
+  const [selectedId, setSelectedId] = useState<string | undefined>();
+  const handleUnselect = () => {
+    setSelectedId(undefined);
+  };
+  return (
+    <div>
+      <Button
+        variant="contained"
+        onClick={handleUnselect}
+        sx={{ marginBottom: '10px' }}
+      >
+        Reset All
+      </Button>
+      <Dropdown
+        {...args}
+        selectedId={selectedId}
+        onSelect={(value) => setSelectedId(value as string)}
+      />
+    </div>
+  );
+};
+
+Reset.args = {
+  mode: 'dark',
+  list,
+  selectedId: 'A001',
+  placeholder: 'Please Select Item',
+};
+
+Reset.parameters = {
+  backgrounds: {
+    default: 'secondary80',
+  },
+};
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index 434f3bd..1a0127e 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -82,6 +82,8 @@ const Dropdown: React.VFC<DropDownProps> = (props) => {
           break;
         }
       }
+    } else {
+      setSelectedItem(null);
     }
   }, [selectedId]);