@stenajs-webui/panels 19.0.0-next.9 → 19.0.1

package/dist/components/action-menu-button/ActionMenuButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { ActionMenuProps, FlatButton, PrimaryButton, PrimaryButtonProps, SecondaryButton } from "@stenajs-webui/elements";
 import { PopoverProps } from "@stenajs-webui/tooltip";
 export interface ActionMenuButtonProps extends Omit<PrimaryButtonProps, "variant" | "loading" | "loadingLabel" | "success" | "successLabel"> {
@@ -15,5 +15,6 @@ export interface ActionMenuButtonProps extends Omit<PrimaryButtonProps, "variant
     menuTop?: ActionMenuProps["top"];
     buttonComponent: typeof PrimaryButton | typeof SecondaryButton | typeof FlatButton;
     disableArrow?: boolean;
+    buttonRef?: RefObject<HTMLButtonElement>;
 }
 export declare const ActionMenuButton: React.FC<ActionMenuButtonProps>;

package/dist/components/collapsible/Collapsible.d.ts

@@ -1,18 +1,11 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { ClickableProps, DivProps } from "@stenajs-webui/core";
+import { ButtonElementProps } from "@stenajs-webui/core";
 import * as React from "react";
-export interface CollapsibleProps extends Omit<DivProps, "onClick">, Pick<ClickableProps, "onClick"> {
+export interface CollapsibleProps extends Omit<ButtonElementProps, "value"> {
     label: string;
     contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
     collapsed?: boolean;
     disabled?: boolean;
-    unmountOnCollapse?: boolean;
-    mountOnEnter?: boolean;
-    icon?: IconDefinition;
-    iconCollapsed?: IconDefinition;
-    iconSize?: number;
     autoFocus?: boolean;
 }
-export declare const mapCSSTime: (value: string) => number;
 export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/collapsible/CollapsibleGroupHeading.d.ts

@@ -1,6 +1,5 @@
-import { DivProps } from "@stenajs-webui/core";
 import * as React from "react";
-import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
-export interface CollapsibleGroupHeadingProps extends CollapsibleSimpleContentProps, DivProps {
+export interface CollapsibleGroupHeadingProps {
+    children: string;
 }
 export declare const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps>;

package/dist/components/collapsible/CollapsibleList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface CollapsibleListProps {
+    children?: ReactNode;
+}
+export declare const CollapsibleList: React.FC<CollapsibleListProps>;

package/dist/components/error-panel/ErrorPanel.d.ts

@@ -1,5 +1,12 @@
+import { HeadingProps } from "@stenajs-webui/core";
+import { CardProps, XlIcon } from "@stenajs-webui/elements";
 import * as React from "react";
-export interface ErrorPanelProps {
+import { PropsWithChildren, ReactNode } from "react";
+export interface ErrorPanelProps extends CardProps, PropsWithChildren {
     text?: string;
+    heading?: string;
+    buttons?: ReactNode;
+    icon?: XlIcon;
+    headingLevel?: HeadingProps["as"];
 }
 export declare const ErrorPanel: React.FC<ErrorPanelProps>;

package/dist/components/nav-bar/NavBarSearchField.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { TextInputProps } from "@stenajs-webui/forms";
-interface NavBarSearchFieldProps extends TextInputProps {
+import { ButtonElementProps } from "@stenajs-webui/core";
+export interface NavBarSearchFieldProps extends TextInputProps {
+    showClearButton?: boolean;
+    onClickClearButton?: ButtonElementProps["onClick"];
 }
 export declare const NavBarSearchField: React.FC<NavBarSearchFieldProps>;
-export {};

package/dist/components/notifications/Notification.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { ReactNode } from "react";
 import { NotificationHeaderProps } from "./NotificationHeader";
+export declare type NotificationVariant = "standard" | "danger";
 export interface NotificationProps extends NotificationHeaderProps {
     children?: ReactNode;
 }

package/dist/components/notifications/NotificationHeader.d.ts

@@ -1,21 +1,26 @@
 import * as React from "react";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { MediumIcon } from "@stenajs-webui/elements";
+import { CssPropColor } from "@stenajs-webui/theme";
+import { NotificationVariant } from "./Notification";
 export interface NotificationHeaderProps {
     /** Text. */
     text: string;
     /** Timestamp. */
     timestamp?: string;
     /** Icon. */
-    icon?: IconDefinition;
+    icon?: MediumIcon;
     /** Icon description for accessibility. */
     iconAriaLabel?: string;
-    /** Icon colour. */
-    iconColor?: string;
     /** Left content instead of icon. */
     contentLeft?: React.ReactNode;
     /** Right content. */
     contentRight?: React.ReactNode;
     /** What happens on clicking close. */
     onClose?: () => void;
+    /** Mark the notification as unread */
+    unread?: boolean;
+    /** Notification variant. Will affect icon bg color */
+    variant: NotificationVariant;
 }
 export declare const NotificationHeader: React.FC<NotificationHeaderProps>;
+export declare const getIconBgColor: (unread: boolean, variant: NotificationVariant) => CssPropColor | undefined;

package/dist/components/notifications/NotificationList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface NotificationListProps {
+    children?: ReactNode;
+}
+export declare const NotificationList: React.FC<NotificationListProps>;

package/dist/components/notifications/UnreadDot.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ReactNode } from "react";
+export interface UnreadDotProps {
+    children: ReactNode;
+}
+export declare const UnreadDot: React.FC<UnreadDotProps>;

package/dist/components/page-header/PageHeading.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { ReactNode } from "react";
 import { HeadingVariant } from "@stenajs-webui/core";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { MediumIcon } from "@stenajs-webui/elements";
 export declare type PageHeadingVariant = "compact" | "standard" | "relaxed";
 interface PageHeadingProps {
-    icon?: IconDefinition;
+    icon?: MediumIcon;
     contentLeft?: ReactNode;
     contentRight?: ReactNode;
     heading: string;

package/dist/components/sidebar-menu/SidebarMenu.d.ts

@@ -1,11 +1,15 @@
 import { BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
+import { ReactNode } from "react";
 import { SidebarMenuCloseButtonRowProps } from "./SidebarMenuCloseButtonRow";
 import { NavBarVariant } from "../nav-bar/NavBar";
 export declare type SidebarMenuVariant = NavBarVariant;
 export interface SidebarMenuProps extends BoxProps {
     onCloseClick?: SidebarMenuCloseButtonRowProps["onClick"];
-    collapsed?: boolean;
     variant?: SidebarMenuVariant;
+    pinButtonVisible?: boolean;
+    isPinned?: boolean;
+    bottomItems?: ReactNode;
+    onClickPinButton?: () => void;
 }
 export declare const SidebarMenu: React.FC<SidebarMenuProps>;

package/dist/components/sidebar-menu/SidebarMenuPinButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { MenuButtonProps } from "@stenajs-webui/elements";
+export interface SidebarMenuPinButtonProps {
+    isPinned?: boolean;
+    label?: string;
+    onClick?: MenuButtonProps["onClick"];
+}
+export declare const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps>;

package/dist/components/sidebar-menu/items/RailMenuButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { IconMenuButtonProps } from "@stenajs-webui/elements";
+export declare type RailMenuButtonProps = IconMenuButtonProps & {
+    label: string;
+};
+export declare const RailMenuButton: React.FC<RailMenuButtonProps>;

package/dist/components/sidebar-menu/items/RailMenuCollapsible.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { ReactNode } from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export interface RailMenuCollapsibleProps {
+    label: string;
+    collapsed?: boolean;
+    icon: IconDefinition;
+    children?: ReactNode;
+    popupMinWidth?: string;
+}
+export declare const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps>;

package/dist/components/sidebar-menu/items/RailMenuLink.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { MenuButtonLinkNotSelectedProps, MenuButtonLinkWithRenderLinkProps, MenuButtonLinkWithSelectedProps } from "@stenajs-webui/elements";
+export declare type RailMenuLinkProps = (MenuButtonLinkNotSelectedProps | MenuButtonLinkWithSelectedProps | MenuButtonLinkWithRenderLinkProps) & {
+    label: string;
+};
+export declare const RailMenuLink: React.FC<RailMenuLinkProps>;

package/dist/components/sidebar-menu/{SidebarMenuLink.d.ts → items/SidebarMenuLink.d.ts}

@@ -1,4 +1,6 @@
 import * as React from "react";
 import { MenuButtonLinkNotSelectedProps, MenuButtonLinkWithRenderLinkProps, MenuButtonLinkWithSelectedProps } from "@stenajs-webui/elements";
-export declare type SidebarMenuLinkProps = MenuButtonLinkNotSelectedProps | MenuButtonLinkWithSelectedProps | MenuButtonLinkWithRenderLinkProps;
+export declare type SidebarMenuLinkProps = (MenuButtonLinkNotSelectedProps | MenuButtonLinkWithSelectedProps | MenuButtonLinkWithRenderLinkProps) & {
+    label: string;
+};
 export declare const SidebarMenuLink: React.FC<SidebarMenuLinkProps>;

package/dist/components/sidebar-menu/rail/RailContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const RailContext: import("react").Context<boolean | undefined>;
+export declare const useRailContext: () => boolean | undefined;

package/dist/components/sidebar-menu/rail/SidebarRailMenu.d.ts

@@ -1,10 +1,12 @@
 import * as React from "react";
-import { SidebarMenuVariant } from "../SidebarMenu";
 import { ReactNode } from "react";
-interface RailMenuProps {
-    variant?: SidebarMenuVariant;
+interface SidebarRailMenuProps {
+    closeButtonVisible?: boolean;
+    onClickCloseButton?: () => void;
     onClickMenuButton?: () => void;
     children?: ReactNode;
+    bottomItems?: ReactNode;
+    closeButtonTitle?: string;
 }
-export declare const SidebarRailMenu: React.FC<RailMenuProps>;
+export declare const SidebarRailMenu: React.FC<SidebarRailMenuProps>;
 export {};

package/dist/index.d.ts

@@ -10,11 +10,13 @@ export * from "./components/nav-bar/NavBarNotificationButton";
 export * from "./components/nav-bar/NavBarSearchField";
 export * from "./components/nav-bar/NavBarUserButton";
 export * from "./components/notifications/Notification";
+export * from "./components/notifications/NotificationHeader";
+export * from "./components/notifications/NotificationList";
+export * from "./components/notifications/UnreadDot";
 export * from "./components/notifications/Toast";
 export * from "./components/collapsible/Collapsible";
+export * from "./components/collapsible/CollapsibleList";
 export * from "./components/collapsible/CollapsibleWithCheckbox";
-export * from "./components/collapsible/CollapsibleContent";
-export * from "./components/collapsible/CollapsibleClickableContent";
 export * from "./components/collapsible/CollapsibleGroupHeading";
 export * from "./components/collapsible/CollapsibleEmptyContent";
 export * from "./components/error-panel/ErrorPanel";
@@ -26,10 +28,8 @@ export * from "./components/page-header/PageHeaderRow";
 export * from "./components/page-header/PageHeading";
 export * from "./components/sidebar-menu/SidebarMenu";
 export * from "./components/sidebar-menu/rail/SidebarRailMenu";
-export * from "./components/sidebar-menu/rail/renderer/RailRenderer";
-export * from "./components/sidebar-menu/rail/renderer/types";
-export * from "./components/sidebar-menu/SidebarMenuHeading";
-export * from "./components/sidebar-menu/SidebarMenuLink";
-export * from "./components/sidebar-menu/SidebarMenuCollapsible";
-export * from "./components/sidebar-menu/SidebarMenuSeparator";
+export * from "./components/sidebar-menu/items/SidebarMenuHeading";
+export * from "./components/sidebar-menu/items/SidebarMenuLink";
+export * from "./components/sidebar-menu/items/SidebarMenuCollapsible";
+export * from "./components/sidebar-menu/items/SidebarMenuSeparator";
 export * from "./components/selected-items-actions-panel/SelectedItemsActionsPanel";