@neo4j-ndl/react 1.10.7 → 2.0.0-alpha-e609471

package/lib/types/table/Table.d.ts

@@ -28,24 +28,24 @@ import { type TableComponentsInterface } from './TableContext';
  *
  */
 export declare const TableComponents: {
-    ResizingBar: <T extends unknown>({ header, children, innerProps, }: import("./Components").ResizingBarProps<T>) => JSX.Element;
-    Header: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    Body: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    BodyCell: <T_1 extends unknown>({ cell, children, innerProps, }: import("./Components").BodyCellProps<T_1>) => JSX.Element;
-    BodyRow: <T_2 extends unknown>({ row, children, innerProps, }: import("./Components").BodyRowProps<T_2>) => JSX.Element;
-    HeaderCell: <T_3 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_3>) => JSX.Element;
-    ColumnControls: <T_4 extends unknown>({ cell, controls, children, innerProps, }: import("./Components").ColumnControlsProps<T_4>) => JSX.Element;
-    Navigation: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    TableResults: ({ children, innerProps, manualPagination, }: import("./Components").TableResultProps) => JSX.Element;
-    RowsPerPage: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    Pagination: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    PaginationNumericButtons: () => JSX.Element;
-    PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => JSX.Element;
-    PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => JSX.Element;
-    LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
-    SortingButton: ({ sortDirection, children, innerProps, }: import("./Components").SortingButtonProps) => JSX.Element;
-    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => JSX.Element;
+    ResizingBar: <T extends unknown>({ header, children, innerProps, }: import("./Components").ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    BodyCell: <T_1 extends unknown>({ cell, children, innerProps, }: import("./Components").BodyCellProps<T_1>) => import("react/jsx-runtime").JSX.Element;
+    BodyRow: <T_2 extends unknown>({ row, children, innerProps, }: import("./Components").BodyRowProps<T_2>) => import("react/jsx-runtime").JSX.Element;
+    HeaderCell: <T_3 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_3>) => import("react/jsx-runtime").JSX.Element;
+    ColumnControls: <T_4 extends unknown>({ cell, controls, children, innerProps, }: import("./Components").ColumnControlsProps<T_4>) => import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    TableResults: ({ children, innerProps, manualPagination, }: import("./Components").TableResultProps) => import("react/jsx-runtime").JSX.Element;
+    RowsPerPage: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Pagination: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    PaginationNumericButtons: () => import("react/jsx-runtime").JSX.Element;
+    PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => import("react/jsx-runtime").JSX.Element;
+    PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+    LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    SortingButton: ({ sortDirection, children, innerProps, }: import("./Components").SortingButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
 declare const TableNameSpace: (<T extends unknown>(props: {
     resizable?: boolean | undefined;
@@ -54,6 +54,6 @@ declare const TableNameSpace: (<T extends unknown>(props: {
     tableProps: TableType<T>;
     components?: TableComponentsInterface<T> | undefined;
 } & Omit<ElementBase<HTMLDivElement>, "as" | "controls" | "data" | "headers" | "rows"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
-    RowActions: (props: ElementBase<HTMLDivElement>) => JSX.Element;
+    RowActions: (props: ElementBase<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export default TableNameSpace;

package/lib/types/table/TableContext.d.ts

@@ -21,7 +21,7 @@
 /// <reference types="react" />
 import { type RowData, type Table as TableType } from '@tanstack/react-table';
 import { type Body, type BodyCell, type BodyRow, type TableResults, type ResizingBar, type Navigation, type Header, type Pagination, type NoDataPlaceholder, type LoadingPlaceholder, type PaginationNumericButtons, type PaginationNumericButton, type HeaderCell, type PaginationArrowButton, type RowsPerPage, type ColumnControls, type SortingButton, type Scrollable } from './Components';
-declare type Nullable<T> = T | null;
+type Nullable<T> = T | null;
 export interface TableComponentsInterface<T extends RowData> {
     ResizingBar?: Nullable<typeof ResizingBar<T>>;
     /**

package/lib/types/table-deprecated/Table.d.ts

@@ -21,7 +21,7 @@
 /// <reference types="react" />
 import { type Row, type UseColumnOrderState, type UseExpandedState, type UseFiltersState, type UsePaginationState, type UseGlobalFiltersState, type UsePaginationInstanceProps, type UseSortByInstanceProps, type UseTableInstanceProps } from 'react-table';
 import { type ElementBase } from '../helpers/types';
-declare type Sections = Record<'controls' | 'header' | 'body' | 'navigation', JSX.Element | JSX.Element[]>;
+type Sections = Record<'controls' | 'header' | 'body' | 'navigation', JSX.Element | JSX.Element[]>;
 /**
  *
  * Small Utilities
@@ -34,14 +34,14 @@ export declare const fixedHeight: (items: number, height: number) => {
         height: string;
     };
 };
-declare type DefaultHeaderProps<T extends object> = Pick<UseTableInstanceProps<T>, 'headerGroups'> & UseSortByInstanceProps<T>;
-declare type DefaultBodyProps<T extends object> = {
+type DefaultHeaderProps<T extends object> = Pick<UseTableInstanceProps<T>, 'headerGroups'> & UseSortByInstanceProps<T>;
+type DefaultBodyProps<T extends object> = {
     actionsButtons?: (row: Row<T>) => JSX.Element | JSX.Element[];
     loading: boolean;
 } & UseTableInstanceProps<T> & Partial<UsePaginationInstanceProps<T>>;
 export interface PaginationTableState<T extends object> extends UseColumnOrderState<T>, UseExpandedState<T>, UseFiltersState<T>, UsePaginationState<T>, UseGlobalFiltersState<T> {
 }
-export declare type DefaultNavigationProps<T extends object> = {
+export type DefaultNavigationProps<T extends object> = {
     state: Partial<PaginationTableState<T>>;
     rows: Row<T>[];
 } & UsePaginationInstanceProps<T>;
@@ -70,7 +70,7 @@ declare const Table: {
     } & UseTableInstanceProps<T> & Partial<UsePaginationInstanceProps<T>> & {
         state: Partial<PaginationTableState<T>>;
         rows: Row<T>[];
-    } & UsePaginationInstanceProps<T> & Pick<UseTableInstanceProps<T>, "headerGroups"> & UseSortByInstanceProps<T>> & Omit<ElementBase<HTMLDivElement>, "controls" | "data" | "headers" | "rows">): JSX.Element;
-    RowActions: (props: ElementBase<HTMLDivElement>) => JSX.Element;
+    } & UsePaginationInstanceProps<T> & Pick<UseTableInstanceProps<T>, "headerGroups"> & UseSortByInstanceProps<T>> & Omit<ElementBase<HTMLDivElement>, "controls" | "data" | "headers" | "rows">): import("react/jsx-runtime").JSX.Element;
+    RowActions: (props: ElementBase<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 };
 export default Table;

package/lib/types/table-deprecated/TableNavigation.d.ts

@@ -18,7 +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/>.
  */
-/// <reference types="react" />
 interface TableNavigationProps {
     /** If there is a previous page available */
     canPreviousPage: boolean;
@@ -35,5 +34,5 @@ interface TableNavigationProps {
     /** React Table current index */
     pageIndex: number;
 }
-export declare const TableNavigation: ({ canPreviousPage, canNextPage, onPageClick, previousPage, nextPage, pageIndex, pageOptions, }: TableNavigationProps) => JSX.Element;
+export declare const TableNavigation: ({ canPreviousPage, canNextPage, onPageClick, previousPage, nextPage, pageIndex, pageOptions, }: TableNavigationProps) => import("react/jsx-runtime").JSX.Element;
 export default TableNavigation;

package/lib/types/table-deprecated/helpers.d.ts

@@ -29,13 +29,13 @@ import { type TableResizerProps } from 'react-table';
  */
 export declare const SortIcon: ({ isSortedDesc, ...props }: {
     isSortedDesc: boolean | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ResizingBar: import("react").NamedExoticComponent<TableResizerProps>;
 /**
  * The left section of the bottom navigation
  * that is showing the current page and how many results we can see
  */
-export declare const TableResults: ({ pageIndex, pageLength, rowsLength, }: Record<'pageIndex' | 'pageLength' | 'rowsLength', number>) => JSX.Element;
+export declare const TableResults: ({ pageIndex, pageLength, rowsLength, }: Record<'pageIndex' | 'pageLength' | 'rowsLength', number>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *

package/lib/types/table-deprecated/hooks/hookCallbackTypes.d.ts

@@ -19,9 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { type TableInstance } from 'react-table';
-export declare type RowInstance<T extends Record<string, unknown>> = {
+export type RowInstance<T extends Record<string, unknown>> = {
     onAllRowSelect: onAllRowSelectType;
     onRowSelect: onRowSelectType<T>;
 } & TableInstance<T>;
-export declare type onAllRowSelectType = () => void;
-export declare type onRowSelectType<T extends Record<string, unknown>> = (originalDataRow: T, index: number) => void;
+export type onAllRowSelectType = () => void;
+export type onRowSelectType<T extends Record<string, unknown>> = (originalDataRow: T, index: number) => void;

package/lib/types/tabs/Tabs.d.ts

@@ -20,9 +20,9 @@
  */
 import React from 'react';
 import { type ElementBase } from '../helpers';
-declare type TabId = string | number;
-declare type Size = 'small' | 'large';
-declare type Fill = 'underline' | 'filled';
+type TabId = string | number;
+type Size = 'small' | 'large';
+type Fill = 'underline' | 'filled';
 export interface BaseTabsProps<T extends TabId> {
     /**
      * The currently active tabId

package/lib/types/tag/Tag.d.ts

@@ -42,7 +42,7 @@ export interface NonRemovableTagProps extends CommonTagProps {
     removeable?: false;
     onRemove?: never;
 }
-export declare type TagProps = RemoveableTagProps | NonRemovableTagProps;
+export type TagProps = RemoveableTagProps | NonRemovableTagProps;
 /**
  *
  *

package/lib/types/text-input/TextInput.d.ts

@@ -18,9 +18,9 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { type ReactElement, type ReactNode } from 'react';
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode } from 'react';
 import { type CommonInputProps } from '../_common/input/types';
-import { type SmartTooltipProps } from '../tooltip/SmartTooltip';
+import { Tip } from '../tip';
 export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
     /** Label text */
     label?: ReactNode;
@@ -39,9 +39,9 @@ export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
     /** If the component is optional to fill in */
     isOptional?: boolean;
     /** Information to be displayed in the information tooltip */
-    informationIconText?: string;
-    /** Pass props to the underlying SmartTooltip component */
-    smartTooltipProps?: SmartTooltipProps;
+    informationIconText?: React.ReactNode;
+    /** Pass props to the underlying Tip component */
+    tooltipProps?: ComponentPropsWithoutRef<typeof Tip>;
 }
 /**
  *

package/lib/types/textarea/Textarea.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import { type SmartTooltipProps } from '../tooltip/SmartTooltip';
+import { Tip } from '../tip';
 /**
  *
  *
@@ -41,9 +41,9 @@ export interface TextareaProps extends Omit<Omit<ComponentPropsWithoutRef<'texta
     /** If the component is optional to fill in */
     isOptional?: boolean;
     /** Information to be displayed in the information tooltip */
-    informationIconText?: string;
-    /** Pass props to the underlaying SmartTooltip component */
-    smartTooltipProps?: SmartTooltipProps;
+    informationIconText?: React.ReactNode;
+    /** Pass props to the underlying Tip component */
+    tooltipProps?: ComponentPropsWithoutRef<typeof Tip>;
 }
 /**
  *

package/lib/types/tip/Tip.d.ts

@@ -0,0 +1,166 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { FloatingPortal } from '@floating-ui/react';
+import { type Side } from '@floating-ui/core/src/types';
+import { type ElementBase } from '../helpers';
+import { Typography } from '../typography';
+import React, { type ComponentProps } from 'react';
+export interface TipProps {
+    /** Type of the tip */
+    type?: 'tooltip' | 'toggletip';
+    /** Allowed places of the tooltip */
+    allowedPlacements?: Side[];
+    /** Controlled open state */
+    isOpen?: boolean;
+    /** For controlled open state */
+    onOpenChange?: (isOpen: boolean, event?: Event) => void;
+}
+export declare function useTip({ allowedPlacements, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, }?: TipProps): {
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: (isOpen: boolean, event?: Event | undefined) => void;
+    type: "tooltip" | "toggletip";
+};
+export declare const useTipContext: () => {
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
+        floating: HTMLElement | null;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        x: number;
+        y: number;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event | undefined) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: (isOpen: boolean, event?: Event) => void;
+    type: "tooltip" | "toggletip";
+};
+export declare function Tip({ children, ...options }: {
+    children: React.ReactNode;
+} & TipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tip {
+    var Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+    var Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
+        /** Wraps trigger element in an accessible `button` element */
+        hasButtonWrapper?: boolean | undefined;
+    }, "ref"> & React.RefAttributes<HTMLElement>>;
+    var Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
+    var Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
+    var Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
+    var Action: (props: ActionProps) => import("react/jsx-runtime").JSX.Element | null;
+}
+/**
+ * Wrapping the trigger in a button by default
+ * Use `asChild` to pass any element as the trigger
+ */
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
+    /** Wraps trigger element in an accessible `button` element */
+    hasButtonWrapper?: boolean | undefined;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+export interface ContentProps extends Omit<ElementBase<HTMLDivElement>, 'as'> {
+    /** Whether to portal the content */
+    isPortaled?: boolean;
+    /**
+     * 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 Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface HeaderProps extends Omit<ElementBase<HTMLDivElement>, 'as'> {
+    /** Close button will be visible */
+    isCloseable?: boolean;
+}
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
+export type BodyProps = Omit<ElementBase<HTMLDivElement>, 'as'>;
+export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
+export type ActionsProps = Omit<ElementBase<HTMLDivElement>, 'as'>;
+export declare const Actions: React.ForwardRefExoticComponent<ActionsProps & React.RefAttributes<HTMLDivElement>>;
+export type ActionProps = Omit<ComponentProps<typeof Typography>, 'variant'>;
+export declare const Action: (props: ActionProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/types/{tooltip → tip}/Tooltip.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-declare type ArrowPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right';
+type ArrowPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right';
 export interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     arrowPosition: ArrowPosition;
     children: React.ReactNode | string;

package/lib/types/{tooltip → tip}/index.d.ts

@@ -19,5 +19,4 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export { default as Tooltip } from './Tooltip';
-export { default as SmartTooltip } from './SmartTooltip';
-export { default as Tip } from './Tip';
+export * from './Tip';

package/lib/types/typography/Typography.d.ts

@@ -18,9 +18,8 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-/// <reference types="react" />
 import { type AsType, type ConditionalTypography } from './types';
 export declare const Typography: <TVar extends "label" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subheading-large" | "subheading-medium" | "subheading-small" | "body-large" | "body-medium" | "body-small", TAs extends AsType = undefined>(props: {
     as?: TAs | undefined;
     variant: TVar;
-} & ConditionalTypography<TAs, TVar>) => JSX.Element;
+} & ConditionalTypography<TAs, TVar>) => import("react/jsx-runtime").JSX.Element;

package/lib/types/typography/types.d.ts

@@ -20,15 +20,15 @@
  */
 /// <reference types="react" />
 import { type tokens } from '@neo4j-ndl/base';
-export declare type TypographyVariants = keyof typeof tokens.font.size;
+export type TypographyVariants = keyof typeof tokens.font.size;
 export declare const TypographyDefaultMapping: {
     [key in TypographyVariants]: React.ElementType;
 };
-declare type Tags = keyof HTMLElementTagNameMap;
-declare type VariantsDefaultType<T extends TypographyVariants> = Omit<React.ComponentPropsWithoutRef<(typeof TypographyDefaultMapping)[T]>, 'as'> & {
+type Tags = keyof HTMLElementTagNameMap;
+type VariantsDefaultType<T extends TypographyVariants> = Omit<React.ComponentPropsWithoutRef<(typeof TypographyDefaultMapping)[T]>, 'as'> & {
     variant: TypographyVariants;
 };
-export declare type ReactComponent = (args: any) => JSX.Element;
-export declare type AsType = undefined | Tags | React.FunctionComponent<any>;
-export declare type ConditionalTypography<T extends AsType, V extends TypographyVariants> = T extends undefined ? VariantsDefaultType<V> : T extends Tags ? React.ComponentPropsWithoutRef<T> : T extends ReactComponent ? React.ComponentProps<T> : never;
+export type ReactComponent = (args: any) => JSX.Element;
+export type AsType = undefined | Tags | React.FunctionComponent<any>;
+export type ConditionalTypography<T extends AsType, V extends TypographyVariants> = T extends undefined ? VariantsDefaultType<V> : T extends Tags ? React.ComponentPropsWithoutRef<T> : T extends ReactComponent ? React.ComponentProps<T> : never;
 export {};

package/lib/types/view-selector/ViewSelector.d.ts

@@ -27,7 +27,7 @@ import { type ElementBase } from '../helpers';
  *
  *
  */
-declare type ViewSelectorID = string | number;
+type ViewSelectorID = string | number;
 export interface ViewSelectorProps<T extends ViewSelectorID> extends ElementBase {
     /** Size of the selector */
     size?: 'small' | 'large';

package/lib/types/widget/Widget.d.ts

@@ -26,7 +26,7 @@ import React from 'react';
  *
  *
  */
-declare type CommonProps = {
+type CommonProps = {
     header: React.ReactNode;
     subheader?: React.ReactNode;
     leftMenu?: React.ReactNode;

package/lib/types/wizard/Wizard.d.ts

@@ -20,12 +20,12 @@
  */
 /// <reference types="react" />
 import { type ElementBase } from '../helpers';
-export declare const Horizontal: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
-export declare const Vertical: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
-export declare const Footer: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
+export declare const Horizontal: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
+export declare const Vertical: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
 export interface WizardProps extends ElementBase<HTMLDivElement> {
     type?: 'horizontal' | 'vertical' | 'footer';
     activeStep: number;
     steps: (string | JSX.Element)[];
 }
-export declare const Wizard: ({ type, activeStep, steps, ...props }: WizardProps) => JSX.Element;
+export declare const Wizard: ({ type, activeStep, steps, ...props }: WizardProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "1.10.7",
+  "version": "2.0.0-alpha-e609471",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -11,7 +11,7 @@
     "ndl"
   ],
   "author": "Neo4j Inc.",
-  "homepage": "",
+  "homepage": "https://www.neo4j.design",
   "license": "GPL-3.0",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -42,10 +42,12 @@
   "scripts": {
     "generate-component": "node ./scripts/component-generator.js",
     "pretest": "yarn run lint",
-    "test": "jest",
+    "test": "vitest run",
     "build": "yarn build:esm && yarn build:cjs && yarn build:types",
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
+    "watch:esm": "tsc -p tsconfig.esm.json --watch",
+    "watch:cjs": "tsc -p tsconfig.cjs.json --watch",
     "build:types": "tsc -p tsconfig.types.json",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint --ext .jsx,.tsx,.js,.ts src",
@@ -54,22 +56,19 @@
     "generate:hero-icons": "ts-node ./scripts/generatedHeroIcons.ts"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
     "@svgr/cli": "6.5.1",
-    "@testing-library/jest-dom": "^5.15.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "14.4.3",
     "@types/jest-axe": "^3.5.3",
-    "@types/react": "17.0.62",
+    "@types/react": "18.2.18",
     "@types/react-datepicker": "^4.11.2",
-    "@types/react-dom": "17.0.18",
+    "@types/react-dom": "18.2.7",
     "@types/react-syntax-highlighter": "^15.5.5",
     "@types/react-table": "^7.7.10",
     "@types/tinycolor2": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
-    "babel-jest": "^27.3.1",
     "eslint": "^8.3.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "2.28.1",
@@ -77,24 +76,24 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "jest": "^27.3.1",
     "jest-axe": "^5.0.1",
-    "react": "^17.0.2",
+    "jsdom": "22.1.0",
+    "react": "18.2.0",
     "react-select-event": "^5.5.0",
     "resize-observer-polyfill": "^1.5.1",
-    "ts-jest": "^27.0.7",
     "ts-node": "^10.9.1",
-    "typescript": "4.8.4"
+    "typescript": "5.1.6",
+    "vitest": "0.34.1"
   },
   "peerDependencies": {
     "@heroicons/react": "2.0.13",
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.24.2",
+    "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^1.10.3",
+    "@neo4j-ndl/base": "2.0.0-alpha-e609471",
     "@tanstack/react-table": "^8.9.3",
     "classnames": "^2.3.1",
     "date-fns": "^2.30.0",
@@ -111,7 +110,7 @@
     "tinycolor2": "^1.4.2"
   },
   "resolutions": {
-    "@types/react": "17.0.62",
-    "@types/react-dom": "17.0.18"
+    "@types/react": "18.2.18",
+    "@types/react-dom": "18.2.7"
   }
-}
+}