@highlight-ui/dropdown-menu - npm Package Compare versions

Comparing version 3.1.19 to 3.1.20

dist/cjs/src/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +0,7 @@
-import * as React from 'react';
-import { PropsWithMetadata } from '@highlight-ui/utils-commons';
-export declare type DropdownMenuProps = React.PropsWithChildren<PropsWithMetadata<{
+import { PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
+import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
+export declare type DropdownMenuProps = PropsWithChildren<PropsWithMetadata<{
     /** Allows providing a custom class name to the DIV element that surrounds the text */
     className?: string;
-    /** Enables closing the dropdown menu when clicking outside */
+    /** Enables closing the dropdown menu when clicking inside */
     closeOnClickAnywhere?: boolean;
@@ -15,36 +15,11 @@ /** Whether the dropdown is open or not */
     /** Callback triggered whenever the open state of the dropdown menu is changed (Only works when the `open` prop is *not* being used) */
-    onChange?: () => void;
+    onChange?: typeof noop;
     /** Callback triggered whenever the dropdown menu  is closed (Only works when the `open` prop is *not* being used) */
-    onClose?: () => void;
+    onClose?: typeof noop;
     /** Callback triggered whenever the dropdown menu  is opened (Only works when the `open` prop is *not* being used) */
-    onOpen?: () => void;
+    onOpen?: typeof noop;
     /** Callback triggered when the open state of the dropdown menu is about to change (Only works when the `open` prop is in use) */
-    onRequestToChange?: () => void;
-}>> & React.ComponentPropsWithoutRef<'div'>;
-declare type TState = {
-    open: boolean;
-    width: number | null | undefined;
-};
-declare class DropdownMenu extends React.PureComponent<DropdownMenuProps, TState> {
-    dropdownRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: {
-        disabled: boolean;
-        open: null;
-        defaultValue: boolean;
-    };
-    controlledComponent: boolean;
-    constructor(props: DropdownMenuProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    get open(): boolean;
-    get onToggleCallback(): (() => void) | undefined;
-    dropdownCurrentRef: () => any;
-    _handleClickOutside: (event: MouseEvent) => void;
-    handleRequestToChange: () => void;
-    handleOpen: () => void;
-    handleClose: () => void;
-    handleToggle: () => void;
-    render(): React.ReactNode;
-}
+    onRequestToChange?: typeof noop;
+}>> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue'>;
+declare const DropdownMenu: FC<DropdownMenuProps>;
 export default DropdownMenu;

dist/cjs/src/DropdownMenuList/DropdownMenuList.d.ts

 import React from 'react';
-import { Direction, PropsWithMetadata } from '@highlight-ui/utils-commons';
+import { Direction, PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
 export declare type DropdownMenuListProps = React.PropsWithChildren<PropsWithMetadata<{
@@ -7,3 +7,3 @@ className?: string;
     direction?: Direction;
-    onToggle?: () => void;
+    onToggle?: typeof noop;
     open?: boolean;
@@ -10,0 +10,0 @@ preventToCloseOnClick?: boolean;

dist/cjs/src/DropdownMenuToggle/DropdownMenuToggle.d.ts

 import React from 'react';
-import { PropsWithMetadata } from '@highlight-ui/utils-commons';
+import { PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
 export declare type DropdownMenuToggleProps = React.PropsWithChildren<PropsWithMetadata<{
@@ -10,5 +10,5 @@ className?: string;
     disabled?: boolean;
-    onToggle?: () => void;
+    onToggle?: typeof noop;
 }>>;
 declare const DropdownMenuToggle: React.FC<DropdownMenuToggleProps>;
 export default DropdownMenuToggle;

dist/esm/src/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +0,7 @@
-import * as React from 'react';
-import { PropsWithMetadata } from '@highlight-ui/utils-commons';
-export declare type DropdownMenuProps = React.PropsWithChildren<PropsWithMetadata<{
+import { PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
+import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
+export declare type DropdownMenuProps = PropsWithChildren<PropsWithMetadata<{
     /** Allows providing a custom class name to the DIV element that surrounds the text */
     className?: string;
-    /** Enables closing the dropdown menu when clicking outside */
+    /** Enables closing the dropdown menu when clicking inside */
     closeOnClickAnywhere?: boolean;
@@ -15,36 +15,11 @@ /** Whether the dropdown is open or not */
     /** Callback triggered whenever the open state of the dropdown menu is changed (Only works when the `open` prop is *not* being used) */
-    onChange?: () => void;
+    onChange?: typeof noop;
     /** Callback triggered whenever the dropdown menu  is closed (Only works when the `open` prop is *not* being used) */
-    onClose?: () => void;
+    onClose?: typeof noop;
     /** Callback triggered whenever the dropdown menu  is opened (Only works when the `open` prop is *not* being used) */
-    onOpen?: () => void;
+    onOpen?: typeof noop;
     /** Callback triggered when the open state of the dropdown menu is about to change (Only works when the `open` prop is in use) */
-    onRequestToChange?: () => void;
-}>> & React.ComponentPropsWithoutRef<'div'>;
-declare type TState = {
-    open: boolean;
-    width: number | null | undefined;
-};
-declare class DropdownMenu extends React.PureComponent<DropdownMenuProps, TState> {
-    dropdownRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: {
-        disabled: boolean;
-        open: null;
-        defaultValue: boolean;
-    };
-    controlledComponent: boolean;
-    constructor(props: DropdownMenuProps);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    get open(): boolean;
-    get onToggleCallback(): (() => void) | undefined;
-    dropdownCurrentRef: () => any;
-    _handleClickOutside: (event: MouseEvent) => void;
-    handleRequestToChange: () => void;
-    handleOpen: () => void;
-    handleClose: () => void;
-    handleToggle: () => void;
-    render(): React.ReactNode;
-}
+    onRequestToChange?: typeof noop;
+}>> & Omit<ComponentPropsWithoutRef<'div'>, 'defaultValue'>;
+declare const DropdownMenu: FC<DropdownMenuProps>;
 export default DropdownMenu;

dist/esm/src/DropdownMenuList/DropdownMenuList.d.ts

 import React from 'react';
-import { Direction, PropsWithMetadata } from '@highlight-ui/utils-commons';
+import { Direction, PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
 export declare type DropdownMenuListProps = React.PropsWithChildren<PropsWithMetadata<{
@@ -7,3 +7,3 @@ className?: string;
     direction?: Direction;
-    onToggle?: () => void;
+    onToggle?: typeof noop;
     open?: boolean;
@@ -10,0 +10,0 @@ preventToCloseOnClick?: boolean;

dist/esm/src/DropdownMenuToggle/DropdownMenuToggle.d.ts

 import React from 'react';
-import { PropsWithMetadata } from '@highlight-ui/utils-commons';
+import { PropsWithMetadata, noop } from '@highlight-ui/utils-commons';
 export declare type DropdownMenuToggleProps = React.PropsWithChildren<PropsWithMetadata<{
@@ -10,5 +10,5 @@ className?: string;
     disabled?: boolean;
-    onToggle?: () => void;
+    onToggle?: typeof noop;
 }>>;
 declare const DropdownMenuToggle: React.FC<DropdownMenuToggleProps>;
 export default DropdownMenuToggle;

package.json

 {
   "name": "@highlight-ui/dropdown-menu",
-  "version": "3.1.19",
+  "version": "3.1.20",
   "author": "Personio GmbH & Co. KG",
@@ -58,3 +58,3 @@ "main": "dist/cjs/index.js",
   },
-  "gitHead": "a4612e427a0697e1d6e9facb2ef563fec15da2d5"
+  "gitHead": "f4c996214c2f0973639152b02b41d39a62d5f58d"
 }

No alert changes

Worsened metrics

Total package byte prevSize

1368770

decreased by-1.72%

Lines of code

14334

decreased by-2.38%

No dependency changes