@omniumretail/component-library 1.1.13 → 1.1.15

package/dist/types/components/DropdownButton/DropdownButton.stories.d.ts

@@ -1,4 +1,5 @@
 import { Meta, Story } from '@storybook/react';
+import { DropdownButtonProps } from '.';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const BasicDropdown: Story<any>;
+export declare const BasicDropdown: Story<DropdownButtonProps>;

package/dist/types/components/DropdownButton/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 import { DropdownProps } from 'antd';
-interface DropdownButtonProps extends DropdownProps {
-    options: string[];
+export interface DropdownButtonProps extends DropdownProps {
+    options: {
+        label: string;
+        action: () => void;
+    }[];
     buttonText: string;
     buttonClass?: string;
     customButton?: React.ReactNode;
 }
 export declare const DropdownButton: ({ options, buttonText, buttonClass, customButton, ...props }: DropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/Navigation/index.d.ts

@@ -7,6 +7,9 @@ export interface NavigationProps {
     loginOnClickFunction?: () => void;
     backLinkOnClickFunction?: () => void;
     homeOnClickFunction?: () => void;
-    options?: string[];
+    options: {
+        label: string;
+        action: () => void;
+    }[];
 }
 export declare const Navigation: (props: NavigationProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/DropdownButton/DropdownButton.stories.tsx

@@ -1,15 +1,24 @@
 import React from 'react';
 import { Meta, Story } from '@storybook/react';
-import { DropdownButton } from './index';
+import { DropdownButton, DropdownButtonProps } from '.';
 
 export default {
   title: 'DropdownButton',
   component: DropdownButton,
 } as Meta;
 
-const Template: Story<any> = (args) => <DropdownButton {...args} />;
+const onLeft = () => {
+  console.log(9);
+};
+
+const Template: Story<DropdownButtonProps> = (args) => <DropdownButton {...args} />;
 
 export const BasicDropdown = Template.bind({});
 BasicDropdown.args = {
-  options: ['Option 1', 'Option 2', 'Option 3'],
+  buttonText: 'Dropdown',
+  options: [
+    { label: 'Option 1', action: () => onLeft() },
+    { label: 'Option 2', action: () => alert('Option 2 clicked') },
+    { label: 'Option 3', action: () => alert('Option 3 clicked') },
+  ],
 };

package/src/components/DropdownButton/index.tsx

@@ -3,8 +3,8 @@ import { Menu, Dropdown, DropdownProps } from 'antd';
 import classNames from 'classnames';
 import { Button } from '../Button';
 
-interface DropdownButtonProps extends DropdownProps {
-  options: string[];
+export interface DropdownButtonProps extends DropdownProps {
+  options: { label: string, action: () => void }[];
   buttonText: string;
   buttonClass?: string;
   customButton?: React.ReactNode;
@@ -13,8 +13,8 @@ interface DropdownButtonProps extends DropdownProps {
 export const DropdownButton = ({ options, buttonText, buttonClass, customButton, ...props }: DropdownButtonProps) => {
   const menu = (
     <Menu>
-      {options.map((option, index) => (
-        <Menu.Item key={index}>{option}</Menu.Item>
+      {options && options.map((option, index) => (
+        <Menu.Item key={index} onClick={option.action}>{option.label}</Menu.Item>
       ))}
     </Menu>
   );

package/src/components/Navigation/Navigation.stories.tsx

@@ -15,5 +15,8 @@ Primary.args = {
     title: 'Gestão de Aplicações',
     loginLink: true,
     userName: "Diogo Silva Coutinho",
-    options: ['Option 1', 'Option 2', 'Option 3'],
-};
+    options: [
+        { label: 'Option 1', action: () => alert('Option 1 clicked') },
+        { label: 'Option 2', action: () => alert('Option 2 clicked') },
+        { label: 'Option 3', action: () => alert('Option 3 clicked') },
+      ],};

package/src/components/Navigation/index.tsx

@@ -14,7 +14,7 @@ export interface NavigationProps {
     loginOnClickFunction?: () => void;
     backLinkOnClickFunction?: () => void;
     homeOnClickFunction?: () => void;
-    options?: string[];
+    options: { label: string, action: () => void }[];
 }
 
 const TABLET_MAX_WIDTH = 1000;