@agilant/toga-blox 1.0.319-beta.76 → 1.0.319-beta.77

package/dist/components/SideNav/SideNav.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps, ElementType, ReactNode } from "react";
 import { PopoverRootProps, ContentProps, NavFooterProps, NavHeadingProps, NavigationItemProps, SideNavContextValue, PopoverTriggerProps, PopoverContentProps, UserProfileProps } from "./types.js";
-import { BaseButton } from "../index.js";
 export declare const SideNav: {
     Root: ({ children, id }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ className, openIcon, ...props }: ComponentProps<"button"> & {
@@ -33,7 +32,6 @@ export declare const SideNav: {
         as?: T;
         className?: string;
     } & import("react").PropsWithoutRef<ComponentProps<T>>) => import("react/jsx-runtime").JSX.Element;
-    NavigationItem: ({ children, active, listClassName, prefixIconClassName, prefixIcon, ...props }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-    NavigationItemLink: ({ className, ...props }: ComponentProps<typeof BaseButton>) => import("react/jsx-runtime").JSX.Element;
+    NavigationItem: ({ active, listClassName, btnClassName, prefixIconClassName, prefixIcon, liProps, buttonProps, children, }: NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
     useSideNavContext: () => SideNavContextValue;
 };

package/dist/components/SideNav/SideNav.js

@@ -36,16 +36,13 @@ const NavHeading = ({ as, className, ...props }) => {
     const Component = as || "h2";
     return (_jsx(Component, { className: clsx(classes.navHeading, className), ...props }));
 };
-const NavigationItem = ({ children, active, listClassName, prefixIconClassName, prefixIcon, ...props }) => {
-    return (_jsxs("li", { className: clsx(classes.navigationItem, active && classes.active, listClassName), ...props, children: [prefixIcon && (_jsx("span", { className: clsx(classes.prefixIcon, prefixIconClassName), children: prefixIcon })), children] }));
-};
-const NavigationItemLink = ({ className, ...props }) => {
+const NavigationItem = ({ active, listClassName, btnClassName, prefixIconClassName, prefixIcon, liProps, buttonProps, children, }) => {
     const { close } = useSideNavContext();
     const handleClick = (e) => {
-        props.onClick?.(e);
+        buttonProps.onClick?.(e);
         close();
     };
-    return (_jsx(BaseButton, { onClick: handleClick, className: clsx(classes.navigationItemLink, className), ...props }));
+    return (_jsx("li", { className: clsx(classes.navigationItem, active && classes.active, listClassName), ...liProps, children: _jsxs(BaseButton, { onClick: handleClick, className: clsx(classes.navigationItemLink, btnClassName), ...buttonProps, children: [prefixIcon && (_jsx("span", { className: clsx(classes.prefixIcon, prefixIconClassName), children: prefixIcon })), children] }) }));
 };
 // side nav footer components:
 // create logout context to share an id for the popover api
@@ -101,6 +98,5 @@ export const SideNav = {
     Navigation,
     NavigationList,
     NavigationItem,
-    NavigationItemLink,
     useSideNavContext,
 };

package/dist/components/SideNav/SideNav.module.css

@@ -219,11 +219,12 @@
 
   /* link that's next to the icon within each nav item */
   .navigationItemLink {
-    width: fit-content;
+    width: 100%;
     height: fit-content;
     padding: 0;
     background: transparent;
     color: inherit;
+    place-content: start;
 
     &:hover,
     &:focus,

package/dist/components/SideNav/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps, ComponentPropsWithoutRef, ElementType, ReactNode, RefObject } from 'react';
+import { BaseButton } from '../BaseButton/index.js';
 type NavHeadingOwnProps = {
     as?: ElementType;
 };
@@ -34,11 +35,15 @@ type ContentProps = ComponentProps<'div'> & {
     closeIconClassName?: string;
     closeIcon: ReactNode;
 };
-type NavigationItemProps = ComponentProps<'li'> & {
+type NavigationItemProps = {
     active?: boolean;
     listClassName?: string;
+    btnClassName?: string;
     prefixIconClassName?: string;
-    prefixIcon: ReactNode;
+    prefixIcon?: ReactNode;
+    liProps?: ComponentProps<'li'>;
+    buttonProps?: ComponentProps<typeof BaseButton>;
+    children: ReactNode;
 };
 type SideNavContextValue = {
     popoverId: string;

package/dist/components/TableRecordModal/tableRecordModal.module.css

@@ -149,7 +149,7 @@
 	flex: 1;
 	display: flex;
 	flex-direction: column;
-	overflow: hidden;
+	height: 100%;
 }
 
 /* Header */

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agilant/toga-blox",
 	"private": false,
-	"version": "1.0.319-beta.76",
+	"version": "1.0.319-beta.77",
 	"description": "Toga-Blox is a comprehensive and reusable React component library",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",