@neo4j-ndl/react 2.16.26 → 3.0.0-alpha-4904fb7

package/lib/types/dialog/Dialog.d.ts

@@ -19,11 +19,13 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type ElementBase as _ElementBase } from '../helpers';
+import { type HtmlAttributes } from '../_common/types';
 import { type ModalProps } from '../modal';
-export interface DialogBaseProps extends _ElementBase {
+export interface DialogBaseProps {
     className?: string;
     children: React.ReactNode;
+    /** HTML attributes */
+    htmlAttributes?: HtmlAttributes<'div'>;
 }
 export declare enum DialogCloseReason {
     BACKDROP_CLICK = "backdropClick",
@@ -32,18 +34,20 @@ export declare enum DialogCloseReason {
 }
 export type DialogType = 'info' | 'success' | 'warning' | 'danger';
 export interface DialogProps extends Omit<ModalProps, 'onClose'> {
-    open: boolean;
+    isOpen: boolean;
     type?: DialogType;
-    disableCloseButton?: boolean;
+    hasDisabledCloseButton?: boolean;
     onClose?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: DialogCloseReason) => void;
+    /** HTML attributes */
+    htmlAttributes?: HtmlAttributes<'div'>;
 }
 export declare const Dialog: {
-    ({ open, onClose, children, type, size, disableCloseButton, ...restProps }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
-    Actions: ({ children, className, ...rest }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className, ...rest }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Subtitle: ({ children, className, ...rest }: DialogSubtitleProps) => import("react/jsx-runtime").JSX.Element;
-    Description: ({ children, className, ...rest }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className, ...rest }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    ({ isOpen, onClose, children, type, size, hasDisabledCloseButton, modalProps, htmlAttributes, }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
+    Actions: ({ children, className, htmlAttributes, }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className, htmlAttributes, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Subtitle: ({ children, className, htmlAttributes, }: DialogSubtitleProps) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ children, className, htmlAttributes, }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, htmlAttributes, }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 type DialogActionsProps = DialogBaseProps;
 type DialogHeaderProps = Omit<DialogBaseProps, 'children'> & {

package/lib/types/divider/Divider.d.ts

@@ -19,8 +19,11 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { type ElementBase } from '../helpers';
-export interface DividerProps extends ElementBase<HTMLDivElement> {
+import React from 'react';
+import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+export interface DividerProps {
     orientation?: 'horizontal' | 'vertical';
 }
-export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
+type DividerComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DividerProps>) => React.ReactNode | null;
+export declare const Divider: DividerComponent;
+export {};

package/lib/types/drawer/Drawer.d.ts

@@ -19,14 +19,14 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { FloatingPortal } from '@floating-ui/react';
-import { Resizable, type ResizableProps } from 're-resizable';
-import { type ComponentProps, type ComponentPropsWithoutRef } from 'react';
-import { type ElementBase } from '../helpers';
+import { type ResizableProps } from 're-resizable';
+import React, { type ComponentProps, type ComponentPropsWithoutRef } from 'react';
+import { type PolymorphicComponentPropsWithRef } from '../_common/types';
 export type DrawerPosition = 'left' | 'right';
 export type DrawerType = 'overlay' | 'push';
-export interface DrawerProps extends ElementBase<HTMLDivElement> {
+export interface DrawerProps {
     /** If the component is expanded or hidden. */
-    expanded: boolean;
+    isExpanded: boolean;
     /** What to do on expanded change. */
     onExpandedChange?: (expanded: boolean) => void;
     /** Which position the component will appear. */
@@ -38,20 +38,23 @@ export interface DrawerProps extends ElementBase<HTMLDivElement> {
     /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable */
     resizeableProps?: ResizableProps;
     /** Is closeable. */
-    closeable?: boolean;
+    isCloseable?: boolean;
     /** Whether to portal the content */
     isPortaled?: boolean;
+    children: React.ReactNode;
+    className?: string;
     /**
      * Props to pass to the portal from @floating-ui/react FloatingPortal
      * @see https://floating-ui.com/docs/floatingportal
      */
     portalProps?: ComponentProps<typeof FloatingPortal>;
 }
-export declare const DrawerComponent: (props: DrawerProps & import("react").RefAttributes<HTMLDivElement & Resizable>) => import("react").ReactElement | null;
+type DrawerComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DrawerProps>) => React.ReactNode | null;
+export declare const DrawerComponent: DrawerComponent;
 type DrawerHeaderProps = ComponentPropsWithoutRef<'h5'>;
 type DrawerActionsProps = ComponentPropsWithoutRef<'div'>;
 type DrawerBodyProps = ComponentPropsWithoutRef<'div'>;
-declare const Drawer: ((props: DrawerProps & import("react").RefAttributes<HTMLDivElement & Resizable>) => import("react").ReactElement | null) & {
+declare const Drawer: DrawerComponent & {
     Header: ({ children, className, ...restProps }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
     Actions: ({ children, className, ...restProps }: DrawerActionsProps) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, className, ...restProps }: DrawerBodyProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/dropdown/Dropdown.d.ts

@@ -21,4 +21,7 @@
 import React from 'react';
 import { type GroupBase } from 'react-select';
 import { type DropdownProps } from './types';
-export declare const Dropdown: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>(props: DropdownProps<OptionType, IsMulti, GroupType> & React.RefAttributes<unknown>) => React.ReactElement | null;
+import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+type DividerComponent = <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>, T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, DropdownProps<OptionType, IsMulti, GroupType>>) => React.ReactNode | null;
+export declare const Dropdown: DividerComponent;
+export {};

package/lib/types/dropdown/Overrides.d.ts

@@ -25,4 +25,4 @@ export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boo
 export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: PlaceholderProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomOption: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, hasCheckboxes, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: OptionProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomOption: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => ({ children, ...restProps }: OptionProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;

package/lib/types/dropdown/types.d.ts

@@ -22,8 +22,7 @@ import { type ReactNode } from 'react';
 import { type GroupBase, type Props } from 'react-select';
 import { type AsyncProps } from 'react-select/async';
 import { type CreatableProps } from 'react-select/creatable';
-import { type ElementBase } from '../helpers';
-export interface DropdownCommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value' | 'type'> {
+export interface DropdownCommonProps {
     /**
      * Error message
      *
@@ -39,13 +38,13 @@ export interface DropdownCommonProps extends Omit<ElementBase<HTMLDivElement>, '
     /** Size of the component */
     size?: 'small' | 'medium' | 'large';
     /** Displays with fluid width */
-    fluid?: boolean;
+    isFluid?: boolean;
     /** Displays border */
     hasBorder?: boolean;
-    /** Shows a checkbox before each option */
-    hasCheckboxes?: boolean;
     /** Disabled state */
     isDisabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 }
 type ReactSelectProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
     type: 'select';
@@ -68,5 +67,5 @@ type ReactSelectCreatableProps<OptionType, IsMulti extends boolean = false, Grou
  * in browser
  */
 export type DropdownProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = ReactSelectProps<OptionType, IsMulti, GroupType> | ReactSelectCreatableProps<OptionType, IsMulti, GroupType> | ReactSelectAsyncProps<OptionType, IsMulti, GroupType>;
-export type DropdownOverrideCustomProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = Pick<DropdownProps<OptionType, IsMulti, GroupType>, 'size' | 'errorText' | 'hasBorder' | 'hasCheckboxes'>;
+export type DropdownOverrideCustomProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = Pick<DropdownProps<OptionType, IsMulti, GroupType>, 'size' | 'errorText' | 'hasBorder'>;
 export {};

package/lib/types/dropdown-button/DropdownButton.d.ts

@@ -19,6 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { type ReactElement } from 'react';
+import { type PolymorphicComponentPropsWithRef } from '../_common/types';
 /**
  *
  *
@@ -26,7 +27,7 @@ import React, { type ReactElement } from 'react';
  *
  *
  */
-export interface DropdownButtonProps extends React.ComponentPropsWithRef<'button'> {
+export interface DropdownButtonProps {
     /** Add Component type here   */
     children: React.ReactNode;
     /** Size of button */
@@ -39,6 +40,8 @@ export interface DropdownButtonProps extends React.ComponentPropsWithRef<'button
     leftIcon?: ReactElement;
     /** If the dropdown is activated */
     isOpen?: boolean;
+    /** Extra classnames */
+    className?: string;
 }
 /**
  *
@@ -47,4 +50,6 @@ export interface DropdownButtonProps extends React.ComponentPropsWithRef<'button
  *
  *
  */
-export declare const DropdownButton: React.ForwardRefExoticComponent<Omit<DropdownButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type DropdownButtonComponent = <T extends React.ElementType = 'button'>(props: PolymorphicComponentPropsWithRef<T, DropdownButtonProps>) => React.ReactNode | null;
+export declare const DropdownButton: DropdownButtonComponent;
+export {};

package/lib/{esm/code-block/index.js → types/dropdown-button/avatar-test.stories.tsx.d.ts}

@@ -18,5 +18,6 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export * from './CodeBlock';
-//# sourceMappingURL=index.js.map
+export declare const AvatarTest: ({ text }: {
+    text: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/types/dropzone/Dropzone.d.ts

@@ -20,7 +20,7 @@
  */
 
 import { type DropzoneOptions } from 'react-dropzone';
-import { type ElementBase } from '../helpers';
+import { type HtmlAttributes } from '../_common/types';
 /**
  *
  *
@@ -28,7 +28,7 @@ import { type ElementBase } from '../helpers';
  *
  *
  */
-export interface DropzoneProps extends ElementBase<HTMLDivElement> {
+export interface DropzoneProps {
     /**
      *  See here - https://react-dropzone.js.org/#src. Don't use 'accept'
      *  if using custom file extensions as this option is broken.
@@ -47,12 +47,18 @@ export interface DropzoneProps extends ElementBase<HTMLDivElement> {
     rejectedMessage?: React.ReactNode | string;
     /** The accepted file extensions for the Drag-and-Drop. */
     acceptedFileExtensions?: string[];
+    /** HTML attributes */
+    htmlAttributes?: HtmlAttributes<'div'>;
+    /** classNames */
+    className?: string;
 }
 export interface DropzoneLoadingProgressBarProps {
     /**  The percentage of the progress bar. */
     progressBarPrecentage: number;
     /** The time in minute left to upload the file. */
     progressBarMinute?: number;
+    /** HTML attributes */
+    htmlAttributes?: HtmlAttributes<'div'>;
 }
 declare const Dropzone: ((props: DropzoneProps) => import("react/jsx-runtime").JSX.Element) & {
     LoadingProgressBar: (props: DropzoneLoadingProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/types/graph-label/GraphLabel.d.ts

@@ -20,16 +20,27 @@
  */
 
 import React from 'react';
-export declare const GraphLabel: React.ForwardRefExoticComponent<{
-    type: "node" | "relationship" | "propertyKey";
+import { type PolymorphicComponentProps } from '../_common/types';
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+type GraphLabelProps = {
+    type: 'node' | 'relationship' | 'propertyKey';
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    style?: React.CSSProperties;
     children?: React.ReactNode;
     /** The background color of the label only applicable to type node and relationship*/
     color?: string;
     /** Sets the label to the disabled style */
-    disabled?: boolean;
+    isDisabled?: boolean;
     className?: string;
     /** If the element is selected */
-    selected?: boolean;
-} & Omit<React.HTMLProps<HTMLButtonElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
-    as?: string | React.ComponentType<any>;
-} & React.RefAttributes<HTMLDivElement>>;
+    isSelected?: boolean;
+};
+type GraphLabelComponent = <T extends React.ElementType = 'button'>(props: PolymorphicComponentProps<T, GraphLabelProps>) => React.ReactNode | null;
+export declare const GraphLabel: GraphLabelComponent;
+export {};

package/lib/types/helpers/index.d.ts

@@ -19,5 +19,4 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export * from './debounce';
-export * from './types';
 export * from './forwardRef';

package/lib/types/hooks/index.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-export { useDebounce, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useLockedBody, useEventListener, } from 'usehooks-ts';
+export { useDebounceValue, useDebounceCallback, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useScrollLock, useEventListener, useResizeObserver, } from 'usehooks-ts';
 /**
  * Below are hooks that cannot be found in `usehooks-ts`
  * but are used in some projects.