@neo4j-ndl/react 3.0.0-alpha-9886872 → 3.0.0-alpha-5f92d5f

package/lib/types/banner/Banner.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes, type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type HtmlAttributes, type PolymorphicComponentProps, type PolymorphicComponentPropsWithRef } from '../_common/types';
 /**
  *
  *
@@ -34,10 +34,11 @@ export type BannerActionsProps = {
 } & ({
     as: 'button';
     /** Event handler when the action button is clicked. If set, the element is rendered as `button` */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 } | {
     as?: 'a';
     href?: string;
+    target?: React.ComponentPropsWithoutRef<'a'>['target'];
 } | {
     as: React.ElementType;
 });
@@ -55,7 +56,7 @@ export interface BannerCommonProps {
     /** Shows status icon. Icon is automatically picked based on `type` value   */
     hasIcon?: boolean;
     /** Shows Action buttons in the footer */
-    actions?: BannerActionsProps[];
+    actions?: React.ComponentProps<typeof BannerActions>[];
     htmlAttributes?: HtmlAttributes<'div'>;
     children?: React.ReactNode;
     className?: string;
@@ -83,7 +84,7 @@ type CloseableBannerProps = {
     /** Shows close icon. Expects onClose to be passed */
     isCloseable: true;
     /** Event handler when close icon is clicked */
-    onClose: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    onClose: (e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
 };
 type NonCloseableBannerProps = {
     isCloseable?: false;
@@ -92,7 +93,8 @@ type NonCloseableBannerProps = {
 type BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;
 export type BannerProps = BannerCommonProps & BannerCloseProps & BannerUsageProps;
 export type BannerType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-declare const BannerNamespace: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>> & {
+declare const BannerActions: BannerActionsComponent;
+declare const BannerNamespace: React.ForwardRefExoticComponent<PolymorphicComponentProps<React.ElementType<any>, BannerProps> & React.RefAttributes<unknown>> & {
     Actions: BannerActionsComponent;
 };
 export { BannerNamespace as Banner };

package/lib/types/button/Button.d.ts

@@ -45,7 +45,6 @@ type BaseButtonProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /** OnKeyDown callback */
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    className?: string;
 } & ({
     as: 'a';
     href: HtmlAttributes<'a'>['href'];

package/lib/types/button/IconButtonArray.d.ts

@@ -36,11 +36,11 @@ export interface CollapsibleButtonWrapperProps {
 export declare const IconButtonArrayComponent: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & React.RefAttributes<unknown>>;
+} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 declare const IconButtonArray: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & React.RefAttributes<unknown>> & {
+} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
     CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps>;
 };
 export { IconButtonArray };

package/lib/types/callout/Callout.d.ts

@@ -48,4 +48,4 @@ export type CalloutType = 'note' | 'important' | 'example' | 'tip';
 export declare const Callout: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & CalloutProps & React.RefAttributes<unknown>>;
+} & CalloutProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/charts/ChartTooltip.d.ts

@@ -30,7 +30,7 @@ export interface ChartTooltipProps {
 export declare const ChartTooltipComponent: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & React.RefAttributes<unknown>>;
+} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 export type ChartTooltipContentProps = {
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
@@ -44,7 +44,7 @@ export type ChartTooltipContentProps = {
 declare const ChartTooltip: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & React.RefAttributes<unknown>> & {
+} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
     Title: React.ForwardRefExoticComponent<{
         children: React.ReactNode;
     } & React.RefAttributes<unknown>>;
@@ -52,7 +52,7 @@ declare const ChartTooltip: React.ForwardRefExoticComponent<{
     Link: React.ForwardRefExoticComponent<Omit<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & import("../text-link").TextLinkProps & {
+    } & import("../text-link").TextLinkProps & import("../_common/types").CommonComponentProps & {
         ref?: any;
     }, "ref"> & React.RefAttributes<unknown>>;
 };

package/lib/types/charts/Charts.d.ts

@@ -76,7 +76,7 @@ export declare const ChartsContext: import("react").Context<ChartsContextType>;
 declare const Charts: import("react").ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<import("react").ElementType<any>> | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & ChartsProps & import("react").RefAttributes<unknown>> & {
+} & ChartsProps & import("../_common/types").CommonComponentProps & import("react").RefAttributes<unknown>> & {
     Chart: import("react").ForwardRefExoticComponent<import("./Chart").ChartProps & import("react").RefAttributes<unknown>> & {
         Line: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Line").LineProps & import("react").RefAttributes<SVGPathElement>>>;
     };

package/lib/types/code/Code.d.ts

@@ -49,7 +49,6 @@ export interface BlockProps {
 export interface CommonProps {
     code: string;
     isDisabled?: boolean;
-    className?: string;
 }
 type ConditionalProps = InlineProps | BlockProps;
 type Props = CommonProps & ConditionalProps;

package/lib/types/code/languages.d.ts

@@ -18,5 +18,5 @@
  *  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 declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript"];
+export declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript", "yaml"];
 export type LanguageProp = (typeof Languages)[number];

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

@@ -27,14 +27,14 @@ export interface MenuItemProps {
     description?: string;
     isDisabled?: boolean;
     className?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     children?: React.ReactNode;
 }
 declare const MenuItem: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & MenuItemProps & React.RefAttributes<unknown>>;
+} & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 export type NestedMenuItemProps = Omit<React.ComponentProps<typeof MenuItem>, 'children'>;
 export interface ContextMenuProps {
     isOpen?: boolean;
@@ -45,11 +45,11 @@ export interface ContextMenuProps {
     minWidth?: number;
     className?: string;
     title?: string;
+    isDisabled?: boolean;
     description?: string;
 }
 export interface MenuItemsProps {
     children: React.ReactNode;
-    className?: string;
 }
 export interface MenuSubheaderProps {
     title: string;
@@ -66,13 +66,16 @@ declare const Menu: React.ForwardRefExoticComponent<ContextMenuProps & React.Ref
     Item: React.ForwardRefExoticComponent<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & MenuItemProps & React.RefAttributes<unknown>>;
-    Items: ({ children, className }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+    } & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Items: React.ForwardRefExoticComponent<{
+        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & MenuItemsProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
     Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
     Subheader: (props: MenuSubheaderProps) => import("react/jsx-runtime").JSX.Element;
     Header: React.ForwardRefExoticComponent<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & MenuHeaderProps & React.RefAttributes<unknown>>;
+    } & MenuHeaderProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 };
 export { Menu };

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

@@ -22,6 +22,7 @@ import { type Cell, type CellContext, type Header as HeaderType, type Row, type
 import { type IconButtonProps } from '../button';
 import { Menu } from '../context-menu';
 import { type ColumnAction } from './datagrid-types';
+import NoDataIllustration from './illustrations/NoData';
 type MenuItemProps = React.ComponentProps<typeof Menu.Item>;
 export declare const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {
     [key in SortDirection | 'default']: ColumnAction;
@@ -32,7 +33,7 @@ export interface CommonInnerProps<T = HTMLDivElement> {
     innerProps?: {
         className?: string;
         style?: React.CSSProperties;
-        onClick?: (e: React.MouseEvent<T>) => void;
+        onClick?: (e: React.MouseEvent<T, MouseEvent>) => void;
         htmlAttributes?: React.HTMLAttributes<T>;
     };
 }
@@ -99,6 +100,8 @@ declare const PaginationNumericButtons: () => import("react/jsx-runtime").JSX.El
 declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 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 declare const NoDataPlaceholderContentWrapper: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface InlineEditCellProps<T extends RowData> {
     cell: CellContext<T, unknown>;
     value: string;
@@ -113,8 +116,4 @@ export interface DropDownCellProps<T extends RowData> {
     portalTarget?: HTMLElement;
 }
 declare const DropDownCell: <T extends RowData>({ cell, options, portalTarget, }: DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-declare const NoDataPlaceholder: (({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
-    Content: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Illustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };
+export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, NoDataIllustration, LoadingPlaceholder, Scrollable, };

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

@@ -43,10 +43,9 @@ export declare const DataGridComponents: {
     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) & {
-        Content: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-        Illustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    };
+    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataIllustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataPlaceholderContentWrapper: ({ 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 {

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

@@ -28,11 +28,10 @@ export interface DialogBaseProps {
     htmlAttributes?: HtmlAttributes<'div'>;
 }
 export declare enum DialogCloseReason {
-    BACKDROP_CLICK = "backdropClick",
     ESCAPE_KEY_DOWN = "escapeKeyDown",
     CLOSE_BUTTON_CLICK = "closeButtonClick"
 }
-export type DialogType = 'info' | 'success' | 'warning' | 'danger';
+export type DialogType = 'info' | 'warning' | 'danger';
 export interface DialogProps extends Omit<ModalProps, 'onClose'> {
     isOpen: boolean;
     type?: DialogType;
@@ -43,17 +42,26 @@ export interface DialogProps extends Omit<ModalProps, 'onClose'> {
 }
 export declare const Dialog: {
     ({ isOpen, onClose, children, type, size, hasDisabledCloseButton, modalProps, htmlAttributes, }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
-    Actions: ({ children, className, htmlAttributes, }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className, htmlAttributes, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Subtitle: ({ children, className, htmlAttributes, }: DialogSubtitleProps) => import("react/jsx-runtime").JSX.Element;
-    Description: ({ children, className, htmlAttributes, }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className, htmlAttributes, }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    Actions: React.ForwardRefExoticComponent<{
+        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Header: React.ForwardRefExoticComponent<{
+        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & Omit<DialogBaseProps, "children"> & {
+        children?: React.ReactNode;
+    } & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Subtitle: React.ForwardRefExoticComponent<{
+        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Description: React.ForwardRefExoticComponent<{
+        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Content: React.ForwardRefExoticComponent<{
+        htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & DialogBaseProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 };
-type DialogActionsProps = DialogBaseProps;
-type DialogHeaderProps = Omit<DialogBaseProps, 'children'> & {
-    children?: React.ReactNode;
-};
-type DialogSubtitleProps = DialogBaseProps;
-type DialogDescriptionProps = DialogBaseProps;
-type DialogContentProps = DialogBaseProps;
-export {};

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

@@ -51,6 +51,8 @@ export interface DropzoneProps {
     htmlAttributes?: HtmlAttributes<'div'>;
     /** classNames */
     className?: string;
+    /** Extra styles */
+    style?: React.CSSProperties;
 }
 export interface DropzoneLoadingProgressBarProps {
     /**  The percentage of the progress bar. */

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

@@ -83,4 +83,4 @@ export interface InlineEditProps {
 export declare const InlineEdit: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & InlineEditProps & React.RefAttributes<unknown>>;
+} & InlineEditProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/label/Label.d.ts

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
 /**
  *
  *
@@ -37,6 +36,8 @@ export interface EventTypeLabelProps {
     fill?: 'filled' | 'outlined' | 'semi-filled' | 'clean';
     /** If label should have an icon */
     hasIcon?: boolean;
-    htmlAttributes: HtmlAttributes<'span'>;
 }
-export declare const Label: React.ForwardRefExoticComponent<EventTypeLabelProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Label: React.ForwardRefExoticComponent<{
+    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    as?: React.ElementType<any> | undefined;
+} & EventTypeLabelProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/loading-spinner/LoadingSpinner.d.ts

@@ -19,7 +19,6 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
 /**
  *
  *
@@ -29,8 +28,6 @@ import { type HtmlAttributes } from '../_common/types';
  */
 export type LoadingSpinnerProps = {
     size?: 'small' | 'medium' | 'large';
-    className?: string;
-    htmlAttributes?: HtmlAttributes<'div'>;
 };
 /**
  *
@@ -39,4 +36,7 @@ export type LoadingSpinnerProps = {
  *
  *
  */
-export declare const LoadingSpinner: React.ForwardRefExoticComponent<LoadingSpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LoadingSpinner: React.ForwardRefExoticComponent<{
+    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    as?: React.ElementType<any> | undefined;
+} & LoadingSpinnerProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

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

@@ -47,7 +47,7 @@ export declare const Popover: {
     Content: React.ForwardRefExoticComponent<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & PopoverContentProps & React.RefAttributes<unknown>>;
+    } & PopoverContentProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 };
 export interface PopoverTriggerProps {
     children: React.ReactNode;

package/lib/types/progress-bar/ProgressBar.d.ts

@@ -28,4 +28,7 @@ export interface ProgressBarProps {
     /** HTML attributes */
     htmlAttributes?: HtmlAttributes<'div'>;
 }
-export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressBar: React.ForwardRefExoticComponent<{
+    htmlAttributes?: HtmlAttributes<React.ElementType<any>> | undefined;
+    as?: React.ElementType<any> | undefined;
+} & ProgressBarProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/segmented-control/SegmentedControl.d.ts

@@ -48,6 +48,6 @@ declare const SegmentedControl: SegmentControlComponent & {
         className?: string;
         children?: React.ReactNode;
         value: string;
-    } & React.RefAttributes<unknown>>;
+    } & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 };
 export { SegmentedControl };

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

@@ -44,7 +44,7 @@ export type SideNavigationListProps = {
     /** HTML attributes */
     htmlAttributes?: HtmlAttributes<'ul'>;
 };
-export interface SideNavigationItemProps {
+export type SideNavigationItemProps = {
     icon?: React.ReactNode;
     children?: React.ReactNode;
     isSelected?: boolean;
@@ -52,7 +52,12 @@ export interface SideNavigationItemProps {
     isSelectable?: boolean;
     className?: string;
     style?: React.CSSProperties;
-}
+} & ({
+    as: 'button';
+    onClick: () => void;
+} | {
+    as?: React.ElementType;
+});
 type SideNavigationItemComponent = <T extends React.ElementType = 'a'>(props: PolymorphicComponentPropsWithRef<T, SideNavigationItemProps>) => React.ReactNode | null;
 export interface SideNavigationItemBadgeProps {
     children?: number;

package/lib/types/slider/Slider.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
+import { type PolymorphicComponentProps, type HtmlAttributes } from '../_common/types';
 export interface SliderPropsBase {
     /** Forwards the props to the slider container's wrapper */
     /** Forwards the input element(s) of the slider */
@@ -75,5 +75,5 @@ type RangeSlider = SliderPropsBase & {
     className?: string;
 };
 export type SliderProps = SingleSlider | RangeSlider;
-export declare const Slider: (props: SliderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export declare const Slider: <T extends React.ElementType = "div">(props: PolymorphicComponentProps<T, SliderProps> & React.RefAttributes<unknown>) => React.ReactElement | null;
 export {};

package/lib/types/status-indicator/StatusIndicator.d.ts

@@ -19,11 +19,11 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
 export interface StatusIndicatorProps {
     /** Status indicator type. Defaults to "unknown". */
     type?: 'unknown' | 'success' | 'info' | 'warning' | 'danger';
-    htmlAttributes?: HtmlAttributes<'span'>;
-    className?: string;
 }
-export declare const StatusIndicator: React.ForwardRefExoticComponent<StatusIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const StatusIndicator: React.ForwardRefExoticComponent<{
+    htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+    as?: React.ElementType<any> | undefined;
+} & StatusIndicatorProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

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

@@ -34,6 +34,7 @@ export interface CommonTagProps {
     /** Size of the tag */
     size?: 'small' | 'medium' | 'large';
     className?: string;
+    style?: React.CSSProperties;
     htmlAttributes?: HtmlAttributes<'div'>;
 }
 export interface RemovableTagProps extends CommonTagProps {

package/lib/types/text-area/TextArea.d.ts

@@ -58,8 +58,8 @@ export interface TextAreaProps {
      */
     style?: React.CSSProperties;
     isReadOnly?: boolean;
-    value?: string;
-    placeholder?: string;
+    value?: React.ComponentPropsWithoutRef<'textarea'>['value'];
+    placeholder?: React.ComponentPropsWithoutRef<'textarea'>['placeholder'];
 }
 /**
  *

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

@@ -37,7 +37,9 @@ export interface TextInputProps {
     isOptional?: boolean;
     isDisabled?: boolean;
     isRequired?: boolean;
-    value?: string;
+    value?: React.ComponentPropsWithoutRef<'input'>['value'];
+    placeholder?: React.ComponentPropsWithoutRef<'input'>['placeholder'];
+    onChange?: React.ComponentPropsWithoutRef<'input'>['onChange'];
     /** Displays with fluid width */
     isFluid?: boolean;
     /** Information to be displayed in the information tooltip */
@@ -46,6 +48,7 @@ export interface TextInputProps {
     label?: string | React.ReactNode;
     /** Classname to the `input` element */
     className?: string;
+    style?: React.CSSProperties;
     /** Pass props to the underlying Tip component */
     tooltipProps?: TooltipObjectProps;
     htmlAttributes?: HtmlAttributes<'input'>;

package/lib/types/tooltip/Tooltip.d.ts

@@ -29,9 +29,10 @@ export interface TooltipProps {
     placement?: Placement;
     isOpen?: boolean;
     type: 'simple' | 'rich';
+    isPortaled?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-export declare function Tooltip({ children, isDisabled, type, isInitialOpen, placement, isOpen, onOpenChange, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ children, isDisabled, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Tooltip {
     var Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
     var Trigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLElement>>;

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

@@ -26,11 +26,13 @@ export interface TooltipOptions {
     isOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     type?: 'simple' | 'rich';
+    isPortaled?: boolean;
 }
-export declare function useTooltip({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, }?: TooltipOptions): {
+export declare function useTooltip({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, isPortaled, }?: TooltipOptions): {
     isOpen: boolean;
     setOpen: (open: boolean) => void;
     type: 'simple' | 'rich';
+    isPortaled: boolean;
 } & UseInteractionsReturn & UseFloatingReturn<ReferenceType>;
 type ContextType = ReturnType<typeof useTooltip> | null;
 export declare const TooltipContext: import("react").Context<ContextType>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "3.0.0-alpha-9886872",
+  "version": "3.0.0-alpha-5f92d5f",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -66,7 +66,7 @@
     "@tanstack/react-table": "8.20.5",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "@neo4j-ndl/base": "^3.0.0-alpha-9886872"
+    "@neo4j-ndl/base": "^3.0.0-alpha-5f92d5f"
   },
   "dependencies": {
     "@dnd-kit/core": "6.1.0",
@@ -93,7 +93,7 @@
     "sonner": "1.4.41",
     "tinycolor2": "1.6.0",
     "usehooks-ts": "3.1.0",
-    "@neo4j-ndl/base": "3.0.0-alpha-9886872"
+    "@neo4j-ndl/base": "3.0.0-alpha-5f92d5f"
   },
   "scripts": {
     "generate-component": "node ./scripts/component-generator.js",