@neo4j-ndl/react 3.5.6 → 3.6.0

package/lib/esm/spotlight/use-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-indicator.js","sourceRoot":"","sources":["../../../src/spotlight/use-indicator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-indicator.js","sourceRoot":"","sources":["../../../src/spotlight/use-indicator.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+/**
+ *
+ *  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 { type HtmlAttributes } from './types';
+export type IconIndicatorType = 'info' | 'warning' | 'danger';
+type IconIndicatorWrapperProps = {
+    children: React.ReactNode;
+    type: IconIndicatorType;
+    className?: string;
+    style?: React.CSSProperties;
+    htmlAttributes?: HtmlAttributes<'div'>;
+};
+export declare const IconIndicatorWrapper: import("react").ForwardRefExoticComponent<IconIndicatorWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export * from './side-navigation';

package/lib/types/next/side-navigation/SideNavigation.d.ts

@@ -0,0 +1,93 @@
+/**
+ *
+ *  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 type React from 'react';
+import { type IconIndicatorType } from '../../_common/IconIndicatorWrapper';
+import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../../_common/types';
+/**
+ * SideNav
+ */
+type SideNavProps = {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    htmlAttributes?: HtmlAttributes<'nav'>;
+    isExpanded?: boolean;
+    shouldExpandOnHover?: boolean;
+    pinButtonCallback?: () => void;
+    expandedWidth?: React.CSSProperties['width'];
+};
+/**
+ * SideNavList
+ */
+type SideNavListProps = {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+/**
+ * NavItem
+ */
+type BaseItemProps = {
+    icon?: React.ReactNode;
+    label?: string;
+    isSelected?: boolean;
+    badge?: ItemBadgeProps;
+};
+type NavItemProps = BaseItemProps & {
+    rightElement?: React.ReactNode;
+} & ({
+    as: 'button';
+    onClick?: HtmlAttributes<'button'>['onClick'];
+} | {
+    as?: React.ElementType;
+} | {
+    as: 'a';
+    href?: HtmlAttributes<'a'>['href'];
+    target?: HtmlAttributes<'a'>['target'];
+});
+/**
+ * CategoryHeader
+ */
+type CategoryHeaderProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+/**
+ * ItemBadge
+ */
+type ItemBadgeProps = {
+    number: number;
+    type: IconIndicatorType;
+};
+declare const SideNavigation: React.ForwardRefExoticComponent<SideNavProps & React.RefAttributes<HTMLDivElement>> & {
+    CategoryHeader: ({ children, className }: CategoryHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    CategoryItem: React.ForwardRefExoticComponent<BaseItemProps & {
+        children?: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+        htmlAttributes?: HtmlAttributes<"button">;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Divider: () => import("react/jsx-runtime").JSX.Element;
+    ItemBadge: ({ number, type }: ItemBadgeProps) => import("react/jsx-runtime").JSX.Element;
+    List: React.ForwardRefExoticComponent<SideNavListProps & React.RefAttributes<HTMLUListElement>>;
+    NavItem: PolymorphicForwardRefExoticComponent<"button", NavItemProps>;
+};
+export { SideNavigation };

package/lib/types/next/side-navigation/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export * from './SideNavigation';

package/lib/types/next/side-navigation/stories/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ *
+ *  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/>.
+ */
+export { default as SideNavDefault } from './side-nav-default.story';
+export { default as SideNavCompact } from './side-nav-compact.story';
+export { default as SideNavSecondary } from './side-nav-secondary.story';
+export { default as SideNavBadges } from './side-nav-badges.story';
+export declare const SideNavDefaultSrc: string;
+export declare const SideNavCompactSrc: string;
+export declare const SideNavSecondarySrc: string;
+export declare const SideNavBadgesSrc: string;

package/lib/types/next/side-navigation/stories/side-nav-badges.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/next/side-navigation/stories/side-nav-compact.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/next/side-navigation/stories/side-nav-default.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/next/side-navigation/stories/side-nav-secondary.story.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/lib/types/next/side-navigation/stories/side-nav.stories.d.ts

@@ -0,0 +1,95 @@
+/**
+ *
+ *  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 { type StoryObj } from '@storybook/react';
+declare const componentMeta: {
+    component: import("react").ForwardRefExoticComponent<{
+        children?: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+        htmlAttributes?: import("../../../_common/types").HtmlAttributes<"nav">;
+        isExpanded?: boolean;
+        shouldExpandOnHover?: boolean;
+        pinButtonCallback?: () => void;
+        expandedWidth?: React.CSSProperties["width"];
+    } & import("react").RefAttributes<HTMLDivElement>> & {
+        CategoryHeader: ({ children, className }: {
+            children?: React.ReactNode;
+            className?: string;
+        }) => import("react/jsx-runtime").JSX.Element;
+        CategoryItem: import("react").ForwardRefExoticComponent<{
+            icon?: React.ReactNode;
+            label?: string;
+            isSelected?: boolean;
+            badge?: {
+                number: number;
+                type: import("../../../_common/IconIndicatorWrapper").IconIndicatorType;
+            };
+        } & {
+            children?: React.ReactNode;
+            className?: string;
+            style?: React.CSSProperties;
+            htmlAttributes?: import("../../../_common/types").HtmlAttributes<"button">;
+        } & import("react").RefAttributes<HTMLButtonElement>>;
+        Divider: () => import("react/jsx-runtime").JSX.Element;
+        ItemBadge: ({ number, type }: {
+            number: number;
+            type: import("../../../_common/IconIndicatorWrapper").IconIndicatorType;
+        }) => import("react/jsx-runtime").JSX.Element;
+        List: import("react").ForwardRefExoticComponent<{
+            children?: React.ReactNode;
+            className?: string;
+            style?: React.CSSProperties;
+        } & import("react").RefAttributes<HTMLUListElement>>;
+        NavItem: import("../../../_common/types").PolymorphicForwardRefExoticComponent<"button", {
+            icon?: React.ReactNode;
+            label?: string;
+            isSelected?: boolean;
+            badge?: {
+                number: number;
+                type: import("../../../_common/IconIndicatorWrapper").IconIndicatorType;
+            };
+        } & ({
+            rightElement?: React.ReactNode;
+        } & ({
+            as: "button";
+            onClick?: import("../../../_common/types").HtmlAttributes<"button">["onClick"];
+        } | {
+            as?: React.ElementType;
+        } | {
+            as: "a";
+            href?: import("../../../_common/types").HtmlAttributes<"a">["href"];
+            target?: import("../../../_common/types").HtmlAttributes<"a">["target"];
+        }))>;
+    };
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+    tags: string[];
+    title: string;
+};
+export default componentMeta;
+type Story = StoryObj<typeof componentMeta>;
+export declare const Default: Story;
+export declare const Compact: Story;
+export declare const WithSecondaryNav: Story;
+export declare const WithBadges: Story;

package/lib/types/popover/Popover.d.ts

@@ -48,10 +48,12 @@ export interface PopoverProps {
     initialFocus?: number | React.MutableRefObject<HTMLElement | null>;
     /** The role of the popover */
     role?: 'tooltip' | 'dialog' | 'alertdialog' | 'menu' | 'listbox' | 'grid' | 'tree';
+    /** If the popover should close when the user clicks outside of it */
+    closeOnClickOutside?: boolean;
 }
 export declare const usePopoverContext: () => import("./use-popover").UsePopoverReturn;
 export declare const Popover: {
-    ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus, initialFocus, onOpenChange, role, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus, initialFocus, onOpenChange, role, closeOnClickOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
     Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLElement>>;
     Content: PolymorphicForwardRefExoticComponent<"div", PopoverContentProps>;
 };

package/lib/types/popover/use-popover.d.ts

@@ -34,6 +34,7 @@ export interface PopoverOptions {
     shouldCaptureFocus?: boolean;
     initialFocus?: number | React.MutableRefObject<HTMLElement | null>;
     role?: 'tooltip' | 'dialog' | 'alertdialog' | 'menu' | 'listbox' | 'grid' | 'tree';
+    closeOnClickOutside?: boolean;
 }
 export interface UsePopoverReturn extends UseInteractionsReturn, ReturnType<typeof useFloating> {
     isOpen: boolean;
@@ -47,4 +48,4 @@ export interface UsePopoverReturn extends UseInteractionsReturn, ReturnType<type
     shouldCaptureFocus: boolean | undefined;
     initialFocus: number | React.MutableRefObject<HTMLElement | null> | undefined;
 }
-export declare function usePopover({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, }?: PopoverOptions): UsePopoverReturn;
+export declare function usePopover({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, closeOnClickOutside, }?: PopoverOptions): UsePopoverReturn;

package/lib/types/side-navigation/SideNavigation.d.ts

@@ -71,10 +71,13 @@ export type SideNavigationGroupHeaderProps = {
     className?: string;
     style?: React.CSSProperties;
 };
+/**
+ * @deprecated Use new SideNavigation from @neo4j-ndl/react/next instead.
+ */
 declare const SideNavigation: React.ForwardRefExoticComponent<SideNavigationProps & React.RefAttributes<HTMLDivElement>> & {
-    List: React.ForwardRefExoticComponent<SideNavigationListProps & React.RefAttributes<HTMLUListElement>>;
     GroupHeader: PolymorphicForwardRefExoticComponent<"li", SideNavigationGroupHeaderProps>;
     Item: PolymorphicForwardRefExoticComponent<"a", SideNavigationItemProps>;
     ItemBadge: React.ForwardRefExoticComponent<SideNavigationItemBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+    List: React.ForwardRefExoticComponent<SideNavigationListProps & React.RefAttributes<HTMLUListElement>>;
 };
 export { SideNavigation };

package/lib/types/spotlight/Spotlight.d.ts

@@ -71,6 +71,8 @@ export type SpotlightProps = {
     className?: string;
     style?: React.CSSProperties;
     htmlAttributes?: HtmlAttributes<'div'>;
+    /** If the spotlight should close when the user clicks outside of it */
+    closeOnClickOutside?: boolean;
 } & Pick<PopoverProps, 'placement' | 'initialFocus'>;
 declare const Spotlight: Omit<React.ForwardRefExoticComponent<{
     /** Id of the SpotlightTarget where the spotlight should be rendered */
@@ -87,6 +89,8 @@ declare const Spotlight: Omit<React.ForwardRefExoticComponent<{
     className?: string;
     style?: React.CSSProperties;
     htmlAttributes?: HtmlAttributes<"div">;
+    /** If the spotlight should close when the user clicks outside of it */
+    closeOnClickOutside?: boolean;
 } & Pick<PopoverProps, "placement" | "initialFocus"> & {
     [key: string]: unknown;
 }>, "$$typeof"> & Omit<React.ExoticComponent<{
@@ -104,6 +108,8 @@ declare const Spotlight: Omit<React.ForwardRefExoticComponent<{
     className?: string;
     style?: React.CSSProperties;
     htmlAttributes?: HtmlAttributes<"div">;
+    /** If the spotlight should close when the user clicks outside of it */
+    closeOnClickOutside?: boolean;
 } & Pick<PopoverProps, "placement" | "initialFocus"> & {
     [key: string]: unknown;
 }>, never> & (<InstanceT extends React.ElementType = "div">(props: PolymorphicPropsWithRef<InstanceT, SpotlightProps>) => React.ReactElement | null) & {

package/lib/types/spotlight/SpotlightProvider.d.ts

@@ -38,6 +38,8 @@ type SpotlightProviderProps = {
     children: React.ReactNode;
     /** If the spotlights should have an overlay */
     hasOverlay?: boolean;
+    /** If the overlay should be transparent */
+    isOverlayTransparent?: boolean;
 };
-export declare const SpotlightProvider: (props: SpotlightProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpotlightProvider: ({ children, hasOverlay, isOverlayTransparent, }: SpotlightProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "3.5.6",
+  "version": "3.6.0",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -17,6 +17,11 @@
   "module": "./lib/esm/index.js",
   "types": "./lib/types/index.d.ts",
   "exports": {
+    "./next": {
+      "types": "./lib/types/next/index.d.ts",
+      "require": "./lib/cjs/next/index.js",
+      "import": "./lib/esm/next/index.js"
+    },
     "./icons": {
       "types": "./lib/types/icons/index.d.ts",
       "require": "./lib/cjs/icons/index.js",
@@ -65,7 +70,7 @@
     "@tanstack/react-table": "8.20.5",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "@neo4j-ndl/base": "^3.4.3"
+    "@neo4j-ndl/base": "^3.5.0"
   },
   "dependencies": {
     "@dnd-kit/core": "6.1.0",