@bigbinary/neeto-molecules 1.1.21 → 1.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/MoreDropdown.d.ts

@@ -5,54 +5,44 @@ type MenuItems = {
   onClick: () => void;
   key: string;
   isVisible?: boolean;
+  hasSubItems?: boolean;
+  dropdownProps?: DropdownProps;
+  menuItems?: MenuItems[];
 };
 /**
  *
- * The Rename component is used to rename a resource on the page, It can be used as
- *
- * the title in the Header component and provides props for additional actions with
- *
- * the dropdown.
+ * Dropdown menu with a 3 dot trigger button, can be used as a more menu.
  *
  * @example 
  *
- * import Rename from "@bigbinary/neeto-molecules/Rename";
+ * import React from "react";
+ * import MoreDropdown from "@bigbinary/neeto-molecules/MoreDropdown";
  * 
- * const App = () => {
- *   const [value, setValue] = useState("Name");
- *   return (
- *     <Rename
- *       value={value}
- *       placeholder="Enter a name"
- *       dropdownItems={[
- *         {
- *           label: "Clone",
- *           onClick: () => alert("Clicked on clone"),
- *         },
- *       ]}
- *       onRename={value => setValue(name)}
- *       breadcrumbs={[
- *         {
- *           label: "Home",
- *           link: "home",
- *         },
- *         {
- *           label: "Contacts",
- *           link: "contacts",
- *         },
- *       ]}
- *     />
- *   );
- * };
+ * const Component = () => (
+ *   <MoreDropdown
+ *     menuItems={[
+ *       {
+ *         key: "edit-menu",
+ *         label: "Edit",
+ *         onClick: () => setIsEditMenuVisible(true),
+ *       },
+ *       {
+ *         key: "delete-menu",
+ *         label: "Delete",
+ *         onClick: () => setIsDeleteMenuVisible(true),
+ *       },
+ *     ]}
+ *   />
+ * );
  * @endexample
 */
-const Rename: React.FC<{
-  dropdownButtonProps: ButtonProps;
-  isVertical: boolean;
-  isDisabled: boolean;
-  dropdownProps: DropdownProps;
+const MoreDropdown: React.FC<{
+  dropdownButtonProps?: ButtonProps;
+  isVertical?: boolean;
+  isDisabled?: boolean;
+  dropdownProps?: DropdownProps;
   menuTopChildren: React.ReactNode;
   menuBottomChildren: React.ReactNode;
   menuItems: MenuItems[];
 }>;
-export default Rename;
+export default MoreDropdown;