@neo4j-ndl/react 2.9.0 → 2.9.2

package/lib/types/cypher-code-block/CypherCodeBlock.d.ts

@@ -18,9 +18,10 @@
  *  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 React from 'react';
-import { type ElementBase } from '../helpers';
 import { type IconButtonProps } from '../button';
+import { type ElementBase } from '../helpers';
 export interface CypherCodeBlockProps extends ElementBase<HTMLElement> {
     maxHeight?: number;
     code: string;

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

@@ -19,10 +19,10 @@
  *  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 RowData, type Row, type Cell, type Header as HeaderType, type CellContext, type SortDirection } from '@tanstack/react-table';
-import { type ElementBase } from '../helpers';
+import { type Cell, type CellContext, type Header as HeaderType, type Row, type RowData, type SortDirection } from '@tanstack/react-table';
 import { IconButton } from '../button';
 import { Menu } from '../context-menu';
+import { type ElementBase } from '../helpers';
 import { type ColumnAction } from './datagrid-types';
 type MenuItemProps = React.ComponentProps<typeof Menu.Item>;
 export declare const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {
@@ -97,4 +97,17 @@ declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivEl
 declare const Navigation: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 declare const LoadingPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 declare const NoDataPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export { ResizingBar, Header, Body, BodyCell, BodyRow, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };
+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;
+export interface DropDownCellProps<T extends RowData> {
+    cell: CellContext<T, unknown>;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+declare const DropDownCell: <T extends unknown>({ cell, options, }: 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

@@ -18,9 +18,10 @@
  *  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 { Table as DataGridType, RowData } from '@tanstack/react-table';
 import { type ElementBase } from '../helpers';
-import type { RowData, Table as DataGridType } from '@tanstack/react-table';
 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;
@@ -29,10 +30,12 @@ export declare const DataGridComponents: {
     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;
-    HeaderCell: <T_4 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderCellProps<T_4>) => import("react/jsx-runtime").JSX.Element;
-    HeaderTitle: <T_5 extends unknown>({ cell, children, innerProps, }: import("./Components").HeaderTitleProps<T_5>) => import("react/jsx-runtime").JSX.Element;
+    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, }: 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;
     ActionButton: ({ action, children, onClose, innerProps, }: import("./Components").ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
-    ColumnControls: <T_6 extends unknown>({ cell, children, innerProps, }: import("./Components").ColumnControlsProps<T_6>) => import("react/jsx-runtime").JSX.Element | null;
+    ColumnControls: <T_8 extends unknown>({ cell, children, innerProps, }: import("./Components").ColumnControlsProps<T_8>) => 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;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,9 +19,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 { RowData, Table as DataGridType } from '@tanstack/react-table';
-import { type Body, type BodyCell, type BodyRow, type RowActionCell, type TableResults, type ResizingBar, type Navigation, type Header, type Pagination, type NoDataPlaceholder, type LoadingPlaceholder, type PaginationNumericButtons, type PaginationNumericButton, type HeaderCell, type HeaderTitle, type PaginationArrowButton, type RowsPerPage, type ActionButton, type ColumnControls, type Scrollable } from './Components';
+import type { Table as DataGridType, RowData } from '@tanstack/react-table';
+import { type ActionButton, type Body, type BodyCell, type BodyRow, type ColumnControls, type Header, type HeaderCell, type HeaderTitle, type LoadingPlaceholder, type Navigation, type NoDataPlaceholder, type Pagination, type PaginationArrowButton, type PaginationNumericButton, type PaginationNumericButtons, type ResizingBar, type RowActionCell, type RowsPerPage, type Scrollable, type TableResults } from './Components';
 type Nullable<T> = T | null;
 export interface DataGridComponentsInterface<T extends RowData> {
     ResizingBar?: Nullable<typeof ResizingBar<T>>;

package/lib/types/data-grid/datagrid-types.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 RowData } from '@tanstack/react-table';
-import { type MenuItemProps } from '../context-menu';
+import type { CellContext, RowData } from '@tanstack/react-table';
 import '@tanstack/react-table';
+import { type MenuItemProps } from '../context-menu';
 export type ColumnAction = MenuItemProps;
 export type RowAction = MenuItemProps;
 declare module '@tanstack/table-core' {
@@ -43,5 +43,11 @@ declare module '@tanstack/table-core' {
             /** Callback for consumer to delegate tasks like polling */
             onOpenChange?: (isOpen: boolean) => void;
         };
+        isInlineEditCell?: {
+            onEditChange: (newValue: string, cell: CellContext<TData, TValue>) => void;
+        };
+        isDropDownCell?: {
+            onChange: (newValue: string | undefined, cell: CellContext<TData, TValue>) => void;
+        };
     }
 }

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 Table, type ColumnDef } from '@tanstack/react-table';
+import { type ColumnDef, type Table } from '@tanstack/react-table';
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *

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

@@ -1,3 +1,5 @@
+import { useDataGridContext } from './DataGridContext';
+import * as dataGridUtils from './helpers';
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -19,7 +21,5 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export { default as DataGrid, DataGridComponents } from './DataGrid';
-import * as dataGridUtils from './helpers';
-import { useDataGridContext } from './DataGridContext';
 export { dataGridUtils, useDataGridContext };
 export type * from './datagrid-types';

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

@@ -18,10 +18,11 @@
  *  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 ReactDatePickerProps } from 'react-datepicker';
-import { type TextInputProperties } from '../text-input/TextInput';
 import { type ElementBase } from '../helpers';
+import { type TextInputProperties } from '../text-input/TextInput';
 export interface DatePickerProps<WithRange extends boolean = false> extends ElementBase<'div'> {
     /** Add Component type here   */
     textInputProps?: TextInputProperties;

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

@@ -18,10 +18,10 @@
  *  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 ComponentPropsWithoutRef, type ComponentProps } from 'react';
+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 { FloatingPortal } from '@floating-ui/react';
 export type DrawerPosition = 'left' | 'right';
 export type DrawerType = 'overlay' | 'push';
 export interface DrawerProps extends ElementBase<HTMLDivElement> {

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

@@ -19,6 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type DropdownProps } from './types';
 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;

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

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { type ClearIndicatorProps, type DropdownIndicatorProps, type GroupBase, type MultiValueRemoveProps, type PlaceholderProps, type OptionProps } from 'react-select';
+import { type ClearIndicatorProps, type DropdownIndicatorProps, type GroupBase, type MultiValueRemoveProps, type OptionProps, type PlaceholderProps } from 'react-select';
 import { type DropdownOverrideCustomProps } from './types';
 export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: DropdownOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => import("react/jsx-runtime").JSX.Element;
 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;

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

@@ -18,11 +18,11 @@
  *  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 ReactNode } from 'react';
 import { type GroupBase, type Props } from 'react-select';
-import { type CreatableProps } from 'react-select/creatable';
 import { type AsyncProps } from 'react-select/async';
+import { type CreatableProps } from 'react-select/creatable';
 import { type ElementBase } from '../helpers';
-import { type ReactNode } from 'react';
 export interface DropdownCommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value' | 'type'> {
     /**
      * Error message

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

@@ -18,6 +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/>.
  */
+
 /// <reference types="react" />
 import { type DropzoneOptions } from 'react-dropzone';
 import { type ElementBase } from '../helpers';

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

@@ -18,6 +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 React from 'react';
 declare const GraphLabel: React.ForwardRefExoticComponent<{
     type: 'node' | 'relationship' | 'propertyKey';

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

@@ -18,6 +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/>.
  */
+
 /**
  * Takes a color string and returns color string
  * that is readable on top of that background. Prioritizes pallete

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

@@ -18,6 +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/>.
  */
+
 export { useDebounce, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useLockedBody, useEventListener, } from 'usehooks-ts';
 /**
  * Below are hooks that cannot be found in `usehooks-ts`

package/lib/types/inline-edit/InlineEdit.d.ts

@@ -18,6 +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 ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode } from 'react';
 import { type TooltipObjectProps } from '../_common/input/types';
 import { Typography } from '../typography';

package/lib/types/layout/Box.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React, { type ComponentPropsWithoutRef } from 'react';
-import { type CustomElementType, type Spacing, type Radius } from './types';
+import { type CustomElementType, type Radius, type Spacing } from './types';
 type BaseBoxProps<T extends CustomElementType> = {
     /**
      * The DOM element to render as the Box.

package/lib/types/layout/Flex.d.ts

@@ -18,8 +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 React, { type ComponentPropsWithoutRef } from 'react';
-import { type CustomElementType, type Spacing, type Radius } from './types';
+import { type CustomElementType, type Radius, type Spacing } from './types';
 type AllowedFlexElements = 'div' | 'span' | 'ul' | 'ol' | 'li';
 type BaseFlexProps<T extends CustomElementType> = {
     /**

package/lib/types/layout/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,7 +19,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" />
 import { tokens } from '@neo4j-ndl/base';
 /**
  * Currently supporting only native HTML elements.

package/lib/types/portal/Portal.d.ts

@@ -18,6 +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/>.
  */
+
 /// <reference types="react" />
 interface PortalProps {
     children: React.ReactNode | null;

package/lib/types/slider/Slider.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/>.
  */
-
 import React from 'react';
 import { type ComponentPropsWithoutRefAsObj } from '../helpers';
 export interface SliderPropsBase {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,11 +19,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/>.
  */
-
-/// <reference types="react" />
-import { type RowData, type Row, type Cell, type Header as HeaderType } from '@tanstack/react-table';
-import { type ElementBase } from '../helpers';
+import { type Cell, type Header as HeaderType, type Row, type RowData } from '@tanstack/react-table';
 import { type SortingColumn } from '@tanstack/table-core';
+import { type ElementBase } from '../helpers';
 export interface CommonInnerProps<T = HTMLDivElement> {
     /** Children are surfaced to allow easy overriding */
     children?: React.ReactNode;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,9 +19,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 ElementBase } from '../helpers';
 import { type Table as TableType } from '@tanstack/react-table';
+import { type ElementBase } from '../helpers';
 import { type TableComponentsInterface } from './TableContext';
 /**
  *

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,9 +19,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 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';
+import { type Body, type BodyCell, type BodyRow, type ColumnControls, type Header, type HeaderCell, type LoadingPlaceholder, type Navigation, type NoDataPlaceholder, type Pagination, type PaginationArrowButton, type PaginationNumericButton, type PaginationNumericButtons, type ResizingBar, type RowsPerPage, type Scrollable, type SortingButton, type TableResults } from './Components';
 type Nullable<T> = T | null;
 export interface TableComponentsInterface<T extends RowData> {
     ResizingBar?: Nullable<typeof ResizingBar<T>>;

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

@@ -1,3 +1,5 @@
+import { useTableContext } from './TableContext';
+import * as tableUtils from './helpers';
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -19,6 +21,4 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export { default as Table, TableComponents } from './Table';
-import * as tableUtils from './helpers';
-import { useTableContext } from './TableContext';
 export { tableUtils, useTableContext };

package/lib/types/theme/agnostic.d.ts

@@ -18,6 +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/>.
  */
+
 declare function defaultStringToJson(path: string, json: any, theme: string): any;
 export declare const n: (path: string, stringToJson?: typeof defaultStringToJson) => string | void;
 export {};

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

@@ -19,9 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { FloatingPortal, type Side } from '@floating-ui/react';
+import React, { type ComponentProps } from 'react';
 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';

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

@@ -18,6 +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 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;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,7 +19,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" />
 import { type tokens } from '@neo4j-ndl/base';
 export type TypographyVariants = keyof typeof tokens.font.size;
 export declare const TypographyDefaultMapping: {

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

@@ -18,6 +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/>.
  */
+
 /// <reference types="react" />
 import { type ElementBase } from '../helpers';
 export declare const Horizontal: ({ activeStep, steps, className, ...restProps }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -69,16 +69,7 @@
     "@types/react-table": "^7.7.10",
     "@types/sinon": "17",
     "@types/tinycolor2": "^1.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "6.15.0",
     "@vitejs/plugin-react": "4.2.1",
-    "eslint": "^8.3.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "2.28.1",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
     "jsdom": "22.1.0",
     "react": "18.2.0",
     "react-select-event": "^5.5.0",
@@ -90,13 +81,14 @@
   },
   "peerDependencies": {
     "@heroicons/react": "2.0.13",
-    "react": ">=16.8.0"
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "dependencies": {
     "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^2.7.9",
+    "@neo4j-ndl/base": "^2.7.11",
     "@table-nav/core": "0.0.7",
     "@table-nav/react": "0.0.7",
     "@tanstack/react-table": "^8.9.3",