@neo4j-ndl/react 2.16.18 → 2.16.20

package/lib/types/_common/utils.d.ts

@@ -34,7 +34,7 @@ export declare const useDocumentScrollToggle: () => (disable: boolean, doc?: Doc
  * Source:
  * https://hashnode.com/post/useonclickoutside-custom-hook-to-detect-the-mouse-click-on-outside-typescript-ckrejmy3h0k5r91s18iu42t28
  */
-export declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: import("react").RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void) => void;
+export declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void) => void;
 /**
  *  X - char long pseudo-random string
  */
@@ -61,7 +61,7 @@ export declare const findFocusableChildren: (parentElement: HTMLElement) => Elem
  * @param parentRef the parent element
  * @returns the previous focusable element
  */
-export declare const findFocusableSibling: (parentRef: React.RefObject<HTMLElement>, direction: 'prev' | 'next') => HTMLElement | undefined;
+export declare const findFocusableSibling: (parentRef: React.RefObject<HTMLElement>, direction: "prev" | "next") => HTMLElement | undefined;
 /**
  * Convert hex color to rgb format
  *

package/lib/types/accordion/Accordion.d.ts

@@ -52,9 +52,9 @@ export interface AccordionItemProps<T extends AccordionItemId> extends ElementBa
     /** If the component item is disabled. */
     disabled?: boolean;
 }
-declare const Accordion: (<T extends AccordionItemId>(props: AccordionProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+declare const Accordion: (<T extends AccordionItemId>(props: AccordionProps<T> & React.RefAttributes<unknown>) => React.ReactElement | null) & {
     Item: {
-        <T_1 extends AccordionItemId>({ itemId, children, title, className, arrowPosition, disabled, onExpandedChange, ...restProps }: AccordionItemProps<T_1>): import("react/jsx-runtime").JSX.Element;
+        <T extends AccordionItemId>({ itemId, children, title, className, arrowPosition, disabled, onExpandedChange, ...restProps }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/lib/types/context-menu/SafeArea.d.ts

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/// <reference types="react" />
 export type SafeAreaPositions = {
     mouse: {
         x: number;

package/lib/types/data-grid/Components.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -36,7 +35,7 @@ export interface CommonInnerProps<T = HTMLDivElement> {
 export interface ResizingBarProps<T extends RowData> extends CommonInnerProps<HTMLButtonElement> {
     header: HeaderType<T, unknown>;
 }
-declare const ResizingBar: <T extends unknown>({ header, children, innerProps, }: ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizingBar: <T extends RowData>({ header, children, innerProps, }: ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const Scrollable: ({ children, innerProps }: CommonInnerProps) => import("react/jsx-runtime").JSX.Element;
 declare const Header: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface ActionButtonProps {
@@ -52,28 +51,28 @@ export interface RowActionCellProps<T extends RowData> {
     innerIconButtonProps?: Partial<React.ComponentProps<typeof IconButton>>;
     innerMenuProps?: Partial<React.ComponentProps<typeof Menu>>;
 }
-declare const RowActionCell: <T extends unknown>({ cell, innerIconButtonProps, innerMenuProps, }: RowActionCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const RowActionCell: <T extends RowData>({ cell, innerIconButtonProps, innerMenuProps, }: RowActionCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export interface ColumnControlsProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     cell: HeaderType<T, unknown>;
 }
-export declare const ColumnControls: <T extends unknown>({ cell, children, innerProps, }: ColumnControlsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ColumnControls: <T extends RowData>({ cell, children, innerProps, }: ColumnControlsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export interface HeaderCellProps<T> extends CommonInnerProps<HTMLDivElement> {
     cell: HeaderType<T, unknown>;
 }
-declare const HeaderCell: <T extends unknown>({ cell, children, innerProps, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderCell: <T extends RowData>({ cell, children, innerProps, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface HeaderTitleProps<T> extends CommonInnerProps<HTMLDivElement> {
     cell: HeaderType<T, unknown>;
 }
-declare const HeaderTitle: <T extends unknown>({ cell, children, innerProps, }: HeaderTitleProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const HeaderTitle: <T extends RowData>({ cell, children, innerProps, }: HeaderTitleProps<T>) => import("react/jsx-runtime").JSX.Element;
 declare const Body: ({ children, innerProps }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface BodyCellProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     cell: Cell<T, unknown>;
 }
-declare const BodyCell: <T extends unknown>({ cell, children, innerProps, }: BodyCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const BodyCell: <T extends RowData>({ cell, children, innerProps, }: BodyCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface BodyRowProps<T extends RowData> extends CommonInnerProps<HTMLDivElement> {
     row: Row<T>;
 }
-declare const BodyRow: <T extends unknown>({ row, children, innerProps, }: BodyRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const BodyRow: <T extends RowData>({ row, children, innerProps, }: BodyRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export interface TableResultProps extends CommonInnerProps<HTMLSpanElement> {
     manualPagination?: {
         from: number;
@@ -101,7 +100,7 @@ export interface InlineEditCellProps<T extends RowData> {
     cell: CellContext<T, unknown>;
     value: string;
 }
-declare const InlineEditCell: <T extends unknown>({ cell, value, }: InlineEditCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const InlineEditCell: <T extends RowData>({ cell, value, }: InlineEditCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export interface DropDownCellProps<T extends RowData> {
     cell: CellContext<T, unknown>;
     options: {
@@ -110,5 +109,5 @@ export interface DropDownCellProps<T extends RowData> {
     }[];
     portalTarget?: HTMLElement;
 }
-declare const DropDownCell: <T extends unknown>({ cell, options, portalTarget, }: DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const DropDownCell: <T extends RowData>({ cell, options, portalTarget, }: DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };

package/lib/types/data-grid/DataGrid.d.ts

@@ -19,23 +19,22 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/// <reference types="react" />
 import type { Table as DataGridType, RowData } from '@tanstack/react-table';
 import { type ElementBase } from '../helpers';
 import { type DataGridComponentsInterface } from './DataGridContext';
 export declare const DataGridComponents: {
-    ResizingBar: <T extends unknown>({ header, children, innerProps, }: import("./Components").ResizingBarProps<T>) => import("react/jsx-runtime").JSX.Element;
+    ResizingBar: <T extends RowData>({ 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;
-    RowActionCell: <T_3 extends unknown>({ cell, innerIconButtonProps, innerMenuProps, }: import("./Components").RowActionCellProps<T_3>) => import("react/jsx-runtime").JSX.Element | null;
-    InlineEditCell: <T_4 extends unknown>({ cell, value, }: import("./Components").InlineEditCellProps<T_4>) => import("react/jsx-runtime").JSX.Element | null;
-    DropDownCell: <T_5 extends unknown>({ cell, options, portalTarget, }: import("./Components").DropDownCellProps<T_5>) => import("react/jsx-runtime").JSX.Element | null;
-    HeaderCell: <T_6 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_6>) => import("react/jsx-runtime").JSX.Element;
-    HeaderTitle: <T_7 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderTitleProps<T_7>) => import("react/jsx-runtime").JSX.Element;
+    BodyCell: <T extends RowData>({ cell, children, innerProps, }: import("./Components").BodyCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+    BodyRow: <T extends RowData>({ row, children, innerProps, }: import("./Components").BodyRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+    RowActionCell: <T extends RowData>({ cell, innerIconButtonProps, innerMenuProps, }: import("./Components").RowActionCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    InlineEditCell: <T extends RowData>({ cell, value, }: import("./Components").InlineEditCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    DropDownCell: <T extends RowData>({ cell, options, portalTarget, }: import("./Components").DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+    HeaderCell: <T extends RowData>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+    HeaderTitle: <T extends RowData>({ cell, children, innerProps, }: import("./Components").HeaderTitleProps<T>) => import("react/jsx-runtime").JSX.Element;
     ActionButton: ({ action, children, onClose, innerProps, }: import("./Components").ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
-    ColumnControls: <T_8 extends unknown>({ cell, children, innerProps, }: import("./Components").ColumnControlsProps<T_8>) => import("react/jsx-runtime").JSX.Element | null;
+    ColumnControls: <T extends RowData>({ cell, children, innerProps, }: import("./Components").ColumnControlsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
     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;
@@ -45,7 +44,7 @@ export declare const DataGridComponents: {
     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;
-    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps) => import("react/jsx-runtime").JSX.Element;
 };
 declare enum BorderStyleEnum {
     AllSides = "all-sides",
@@ -102,5 +101,5 @@ export type DataGridProps<T extends RowData> = {
     /** Root `div` props */
     rootProps?: ElementBase<HTMLDivElement>;
 };
-export declare const DataGrid: <T extends unknown>(props: DataGridProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const DataGrid: <T extends RowData>(props: DataGridProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
 export {};

package/lib/types/data-grid/DataGridContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"

package/lib/types/data-grid/datagrid-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"

package/lib/types/data-grid/helpers.d.ts

@@ -18,7 +18,7 @@
  *  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 ColumnDef, type Table } from '@tanstack/react-table';
+import { type ColumnDef, type RowData, type Table } from '@tanstack/react-table';
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *
@@ -36,10 +36,10 @@ export declare const userFriendlyPagination: (current: number, max: number) => (
  * fill the available space, and the result till be for 4 columns:
  * minmax(min column1Sizepx,column1Sizepx) minmax(min column2Sizepx,column2Sizepx) ... minmax(columnNSizepx, auto)
  */
-export declare const gridGenerator: <T extends unknown>(table: Table<T>) => string;
+export declare const gridGenerator: <T extends RowData>(table: Table<T>) => string;
 /**
  * Check if the column is size constrained,
  * so we can let the column's width grow with `flex-grow: 1`
  * @param columnDef
  */
-export declare const isSizeConstrained: <T extends unknown>(columnDef: ColumnDef<T>) => boolean;
+export declare const isSizeConstrained: <T extends RowData>(columnDef: ColumnDef<T>) => boolean;

package/lib/types/date-picker/DatePicker.d.ts

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/// <reference types="react" />
 import { type ReactDatePickerProps } from 'react-datepicker';
 import { type ElementBase } from '../helpers';
 import { type TextInputProperties } from '../text-input/TextInput';
@@ -33,4 +32,4 @@ export interface DatePickerProps<WithRange extends boolean = false> extends Elem
      */
     reactDatePickerProps: ReactDatePickerProps<string, WithRange>;
 }
-export declare const DatePicker: <T extends boolean>(props: DatePickerProps<T> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const DatePicker: <T extends boolean>(props: DatePickerProps<T> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement | null;

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

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/// <reference types="react" />
 import { type ElementBase } from '../helpers';
 export interface DividerProps extends ElementBase<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';

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

@@ -47,11 +47,11 @@ export interface DrawerProps extends ElementBase<HTMLDivElement> {
      */
     portalProps?: ComponentProps<typeof FloatingPortal>;
 }
-export declare const DrawerComponent: (props: DrawerProps & import("react").RefAttributes<HTMLDivElement & Resizable>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const DrawerComponent: (props: DrawerProps & import("react").RefAttributes<HTMLDivElement & Resizable>) => import("react").ReactElement | null;
 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<any, string | import("react").JSXElementConstructor<any>> | null) & {
+declare const Drawer: ((props: DrawerProps & import("react").RefAttributes<HTMLDivElement & Resizable>) => import("react").ReactElement | null) & {
     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,4 @@
 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<any, string | React.JSXElementConstructor<any>> | null;
+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;

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

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-/// <reference types="react" />
 import { type DropzoneOptions } from 'react-dropzone';
 import { type ElementBase } from '../helpers';
 /**

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

@@ -21,15 +21,15 @@
 
 import React from 'react';
 export declare const GraphLabel: React.ForwardRefExoticComponent<{
-    type: 'node' | 'relationship' | 'propertyKey';
+    type: "node" | "relationship" | "propertyKey";
     children?: React.ReactNode;
     /** The background color of the label only applicable to type node and relationship*/
-    color?: string | undefined;
+    color?: string;
     /** Sets the label to the disabled style */
-    disabled?: boolean | undefined;
-    className?: string | undefined;
+    disabled?: boolean;
+    className?: string;
     /** If the element is selected */
-    selected?: boolean | undefined;
+    selected?: boolean;
 } & Omit<React.HTMLProps<HTMLButtonElement>, "as" | "selected" | "size" | "onChange" | "ref"> & {
-    as?: string | React.ComponentType<any> | undefined;
+    as?: string | React.ComponentType<any>;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -45,3 +45,20 @@ export declare function useEffectDebugger(effectHook: unknown, dependencies: unk
  * The `useRenderCount` hook returns the number of times a component has rendered.
  */
 export declare function useRenderCount(): number;
+/**
+ * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component
+ * if all relevant props and states variables are passed to the hook.
+ * For debugging purposes only.
+ *
+ * Howto use:
+ * Place the hook at the top of the component you want to debug and call it like this:
+ * useRenderDebugger('MyComponent', props);
+ *
+ * if there are state variables include them as well:
+ *
+ * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });
+ *
+ * @param componentName Name of the component to debug
+ * @param propsAndStates an object containing all props and states variables of the component
+ */
+export declare const useRenderDebugger: (componentName: string, propsAndStates: Record<string, unknown>) => void;