@stenajs-webui/panels 15.5.3 → 15.5.4

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v15.5.4 (Mon Apr 25 2022)
+
+#### 🐛 Bug Fix
+
+- Add SidebarRailMenu [#442](https://github.com/StenaIT/stenajs-webui/pull/442) ([@lindskogen](https://github.com/lindskogen) [@mattias800](https://github.com/mattias800))
+
+#### Authors: 2
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
 # v15.5.3 (Tue Apr 12 2022)
 
 #### 🐛 Bug Fix

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

@@ -1,15 +1,15 @@
 import * as React from "react";
 import { ReactNode } from "react";
 import { SidebarMenuButtonProps } from "./NavBarSideMenuButton";
+export declare type NavBarVariant = "compact" | "standard" | "relaxed";
 export interface NavBarProps {
-    variant?: NavBarVariant;
     className?: string;
     showMenuButton?: boolean;
+    menuButtonVisibility?: "visible" | "hidden";
     onClickMenuButton?: SidebarMenuButtonProps["onClick"];
     right?: ReactNode;
     center?: ReactNode;
     left?: ReactNode;
-    height?: number | string;
+    variant?: NavBarVariant;
 }
-export declare type NavBarVariant = "light" | "dark";
 export declare const NavBar: React.FC<NavBarProps>;

package/dist/components/nav-bar/NavBar.stories.d.ts

@@ -4,6 +4,9 @@ import { Story } from "@storybook/react";
 declare const _default: {
     title: string;
     component: React.FC<NavBarProps>;
+    parameters: {
+        layout: string;
+    };
     subcomponents: {
         NavBarButton: React.FC<import("./NavBarButton").NavBarButtonProps>;
         NavBarMenuButton: React.FC<import("./NavBarPopoverButton").NavBarPopoverButtonProps>;
@@ -11,14 +14,12 @@ declare const _default: {
 };
 export default _default;
 export declare const Demo: Story<Pick<NavBarProps, "variant">>;
-export declare const Dark: () => JSX.Element;
 export declare const NoButtons: () => JSX.Element;
-export declare const DarkNoButtons: () => JSX.Element;
 export declare const NoMenuOrTitle: () => JSX.Element;
 export declare const TitleNoMenu: () => JSX.Element;
 export declare const MenuNoTitle: () => JSX.Element;
 export declare const WithButtonIcons: () => JSX.Element;
 export declare const CenterContent: () => JSX.Element;
-export declare const CenterContentDark: () => JSX.Element;
 export declare const PopoverButton: () => JSX.Element;
 export declare const PopoverButtonIcon: () => JSX.Element;
+export declare const DemoWithRail: Story;

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

@@ -1,8 +1,6 @@
 import * as React from "react";
 import { DivProps } from "@stenajs-webui/core";
-import { NavBarVariant } from "./NavBar";
 export interface SidebarMenuButtonProps extends Pick<DivProps, "className"> {
-    variant?: NavBarVariant;
     onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps>;

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

@@ -0,0 +1,2 @@
+import { NavBarVariant } from "./NavBar";
+export declare const getNavbarHeight: (variant: NavBarVariant) => string;

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

@@ -1,8 +1,12 @@
 import { BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
 import { SidebarMenuCloseButtonProps } from "./SidebarMenuCloseButton";
+import { NavBarVariant } from "../nav-bar/NavBar";
+export declare type SidebarMenuVariant = NavBarVariant;
 export interface SidebarMenuProps extends BoxProps {
     onCloseClick?: SidebarMenuCloseButtonProps["onClick"];
     hideCloseButton?: boolean;
+    collapsed?: boolean;
+    variant?: SidebarMenuVariant;
 }
 export declare const SidebarMenu: React.FC<SidebarMenuProps>;

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

@@ -1,7 +1,5 @@
 import * as React from "react";
 import { ButtonElementProps } from "@stenajs-webui/core";
 export interface SidebarMenuCloseButtonProps extends ButtonElementProps {
-    variant?: SidebarMenuCloseButtonVariant;
 }
-export declare type SidebarMenuCloseButtonVariant = "light" | "dark";
 export declare const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps>;

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

@@ -1,8 +1,16 @@
-import { ClickableProps } from "@stenajs-webui/core";
+import { ButtonElementProps } from "@stenajs-webui/core";
 import * as React from "react";
+import { CSSProperties, ReactNode } from "react";
 import { ButtonContentProps } from "@stenajs-webui/elements";
-export interface SidebarMenuLinkProps extends ClickableProps, Pick<ButtonContentProps, "label" | "loading" | "left" | "leftIcon" | "right" | "rightIcon" | "success"> {
+export declare type RenderLinkProps = ButtonElementProps & {
+    activeClassName: string;
+};
+export interface SidebarMenuLinkProps extends ButtonElementProps, Pick<ButtonContentProps, "label" | "loading" | "left" | "leftIcon" | "right" | "rightIcon" | "success"> {
+    renderLink?: SidebarLinkRenderer;
+    width?: CSSProperties["width"];
     selected?: boolean;
     indent?: boolean;
 }
+export declare type SidebarLinkRenderer = (props: RenderLinkProps) => ReactNode;
+export declare const defaultRenderLink: SidebarLinkRenderer;
 export declare const SidebarMenuLink: React.FC<SidebarMenuLinkProps>;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { SidebarMenuVariant } from "../SidebarMenu";
+interface RailMenuProps {
+    variant?: SidebarMenuVariant;
+}
+export declare const SidebarRailMenu: React.FC<RailMenuProps>;
+export {};

package/dist/components/sidebar-menu/rail/renderer/RailRenderer.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { SidebarItem } from "./types";
+export declare const renderItemsExpanded: (items: SidebarItem[], indent?: boolean) => ReactNode[];
+interface RailRendererOptions {
+    popupMinWidth: string | number;
+}
+export declare const renderItemsInRail: (items: SidebarItem[], { popupMinWidth }: RailRendererOptions) => ReactNode[];
+export {};

package/dist/components/sidebar-menu/rail/renderer/types.d.ts

@@ -0,0 +1,19 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { SidebarMenuLinkProps } from "../../SidebarMenuLink";
+export interface SidebarHeadingItem {
+    type: "heading";
+    label: string;
+}
+export interface SidebarSeparatorItem {
+    type: "separator";
+}
+export interface SidebarLinkItem extends Omit<SidebarMenuLinkProps, "type"> {
+    type: "link";
+}
+export interface SidebarGroupedItem {
+    type: "grouped";
+    label: string;
+    leftIcon?: IconDefinition;
+    items: SidebarItem[];
+}
+export declare type SidebarItem = SidebarHeadingItem | SidebarSeparatorItem | SidebarLinkItem | SidebarGroupedItem;

package/dist/index.d.ts

@@ -23,6 +23,9 @@ export * from "./components/page-header/PageHeader";
 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";