@stenajs-webui/panels 17.6.0 → 17.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/components/action-menu-button/ActionMenuButton.d.ts +19 -19
- package/dist/components/action-menu-button/ActionMenuFlatButton.d.ts +5 -5
- package/dist/components/action-menu-button/ActionMenuPrimaryButton.d.ts +6 -6
- package/dist/components/action-menu-button/ActionMenuSecondaryButton.d.ts +5 -5
- package/dist/components/checkbox-menu/CheckboxMenu.d.ts +7 -7
- package/dist/components/collapsible/Collapsible.d.ts +18 -18
- package/dist/components/collapsible/CollapsibleClickableContent.d.ts +6 -6
- package/dist/components/collapsible/CollapsibleContent.d.ts +7 -7
- package/dist/components/collapsible/CollapsibleEmptyContent.d.ts +5 -5
- package/dist/components/collapsible/CollapsibleGroupHeading.d.ts +6 -6
- package/dist/components/collapsible/CollapsibleWithCheckbox.d.ts +6 -6
- package/dist/components/error-panel/ErrorPanel.d.ts +5 -5
- package/dist/components/error-panel/ErrorScreen.d.ts +3 -3
- package/dist/components/loading-panel/LoadingPanel.d.ts +5 -5
- package/dist/components/loading-panel/LoadingScreen.d.ts +3 -3
- package/dist/components/nav-bar/NavBar.d.ts +16 -16
- package/dist/components/nav-bar/NavBarButton.d.ts +6 -6
- package/dist/components/nav-bar/NavBarHeading.d.ts +6 -6
- package/dist/components/nav-bar/NavBarNotificationButton.d.ts +9 -9
- package/dist/components/nav-bar/NavBarPopoverButton.d.ts +12 -12
- package/dist/components/nav-bar/NavBarSearchField.d.ts +6 -6
- package/dist/components/nav-bar/NavBarSideMenuButton.d.ts +6 -6
- package/dist/components/nav-bar/NavBarUserButton.d.ts +9 -9
- package/dist/components/nav-bar/NavbarHeightStyleUtil.d.ts +2 -2
- package/dist/components/notifications/Notification.d.ts +16 -16
- package/dist/components/notifications/NotificationTheme.d.ts +7 -7
- package/dist/components/page-header/PageHeader.d.ts +9 -9
- package/dist/components/page-header/PageHeaderRow.d.ts +5 -5
- package/dist/components/page-header/PageHeading.d.ts +11 -11
- package/dist/components/selected-items-actions-panel/SelectedItemsActionsPanel.d.ts +10 -10
- package/dist/components/sidebar-menu/SidebarMenu.d.ts +12 -12
- package/dist/components/sidebar-menu/SidebarMenuCloseButton.d.ts +5 -5
- package/dist/components/sidebar-menu/SidebarMenuCollapsible.d.ts +10 -10
- package/dist/components/sidebar-menu/SidebarMenuHeading.d.ts +7 -7
- package/dist/components/sidebar-menu/SidebarMenuLink.d.ts +16 -16
- package/dist/components/sidebar-menu/SidebarMenuSeparator.d.ts +5 -5
- package/dist/components/sidebar-menu/rail/SidebarRailMenu.d.ts +10 -10
- package/dist/components/sidebar-menu/rail/renderer/RailRenderer.d.ts +8 -8
- package/dist/components/sidebar-menu/rail/renderer/types.d.ts +19 -19
- package/dist/index.d.ts +35 -35
- package/dist/index.es.js +1098 -584
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -653
- package/dist/index.js.map +1 -1
- package/package.json +10 -11
- package/dist/components/action-menu-button/ActionMenuButton.stories.d.ts +0 -15
- package/dist/components/checkbox-menu/CheckboxMenu.stories.d.ts +0 -7
- package/dist/components/collapsible/Collapsible.stories.d.ts +0 -21
- package/dist/components/error-panel/ErrorPanel.stories.d.ts +0 -8
- package/dist/components/error-panel/ErrorScreen.stories.d.ts +0 -8
- package/dist/components/loading-panel/LoadingPanel.stories.d.ts +0 -8
- package/dist/components/loading-panel/LoadingScreen.stories.d.ts +0 -8
- package/dist/components/nav-bar/NavBar.stories.d.ts +0 -27
- package/dist/components/notifications/Notification.stories.d.ts +0 -7
- package/dist/components/page-header/PageHeader.stories.d.ts +0 -15
- package/dist/components/sidebar-menu/SidebarMenu.stories.d.ts +0 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v17.7.0 (Fri Jul 01 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Build packages with vite [#475](https://github.com/StenaIT/stenajs-webui/pull/475) ([@lindskogen](https://github.com/lindskogen))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v17.6.0 (Fri Jul 01 2022)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import { ActionMenuProps, FlatButton, PrimaryButton, PrimaryButtonProps, SecondaryButton } from "@stenajs-webui/elements";
|
|
4
|
-
import { PopoverProps } from "@stenajs-webui/tooltip";
|
|
5
|
-
export interface ActionMenuButtonProps extends Omit<PrimaryButtonProps, "variant" | "loading" | "loadingLabel" | "success" | "successLabel"> {
|
|
6
|
-
/** The content of the Action Menu. */
|
|
7
|
-
renderItems: (close: () => void) => ReactNode;
|
|
8
|
-
/** The placement of the Action Menu. */
|
|
9
|
-
placement?: PopoverProps["placement"];
|
|
10
|
-
/** Z-index of the Action Menu */
|
|
11
|
-
zIndex?: number;
|
|
12
|
-
/** Portal target, HTML element. If not set, portal is not used. */
|
|
13
|
-
portalTarget?: PopoverProps["appendTo"];
|
|
14
|
-
menuWidth?: ActionMenuProps["width"];
|
|
15
|
-
menuTop?: ActionMenuProps["top"];
|
|
16
|
-
buttonComponent: typeof PrimaryButton | typeof SecondaryButton | typeof FlatButton;
|
|
17
|
-
disableArrow?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const ActionMenuButton: React.FC<ActionMenuButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { ActionMenuProps, FlatButton, PrimaryButton, PrimaryButtonProps, SecondaryButton } from "@stenajs-webui/elements";
|
|
4
|
+
import { PopoverProps } from "@stenajs-webui/tooltip";
|
|
5
|
+
export interface ActionMenuButtonProps extends Omit<PrimaryButtonProps, "variant" | "loading" | "loadingLabel" | "success" | "successLabel"> {
|
|
6
|
+
/** The content of the Action Menu. */
|
|
7
|
+
renderItems: (close: () => void) => ReactNode;
|
|
8
|
+
/** The placement of the Action Menu. */
|
|
9
|
+
placement?: PopoverProps["placement"];
|
|
10
|
+
/** Z-index of the Action Menu */
|
|
11
|
+
zIndex?: number;
|
|
12
|
+
/** Portal target, HTML element. If not set, portal is not used. */
|
|
13
|
+
portalTarget?: PopoverProps["appendTo"];
|
|
14
|
+
menuWidth?: ActionMenuProps["width"];
|
|
15
|
+
menuTop?: ActionMenuProps["top"];
|
|
16
|
+
buttonComponent: typeof PrimaryButton | typeof SecondaryButton | typeof FlatButton;
|
|
17
|
+
disableArrow?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const ActionMenuButton: React.FC<ActionMenuButtonProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
3
|
-
export interface ActionMenuFlatButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent"> {
|
|
4
|
-
}
|
|
5
|
-
export declare const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
3
|
+
export interface ActionMenuFlatButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent"> {
|
|
4
|
+
}
|
|
5
|
+
export declare const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PrimaryButtonProps } from "@stenajs-webui/elements";
|
|
3
|
-
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
4
|
-
export interface ActionMenuPrimaryButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent">, Pick<PrimaryButtonProps, "variant"> {
|
|
5
|
-
}
|
|
6
|
-
export declare const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { PrimaryButtonProps } from "@stenajs-webui/elements";
|
|
3
|
+
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
4
|
+
export interface ActionMenuPrimaryButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent">, Pick<PrimaryButtonProps, "variant"> {
|
|
5
|
+
}
|
|
6
|
+
export declare const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
3
|
-
export interface ActionMenuSecondaryButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent"> {
|
|
4
|
-
}
|
|
5
|
-
export declare const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ActionMenuButtonProps } from "./ActionMenuButton";
|
|
3
|
+
export interface ActionMenuSecondaryButtonProps extends Omit<ActionMenuButtonProps, "buttonComponent"> {
|
|
4
|
+
}
|
|
5
|
+
export declare const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import { CheckboxProps } from "@stenajs-webui/forms";
|
|
4
|
-
export interface CheckboxMenuProps extends CheckboxProps {
|
|
5
|
-
renderMenu: (close: () => void) => ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const CheckboxMenu: React.FC<CheckboxMenuProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { CheckboxProps } from "@stenajs-webui/forms";
|
|
4
|
+
export interface CheckboxMenuProps extends CheckboxProps {
|
|
5
|
+
renderMenu: (close: () => void) => ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const CheckboxMenu: React.FC<CheckboxMenuProps>;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
import { ClickableProps, DivProps } from "@stenajs-webui/core";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
export interface CollapsibleProps extends Omit<DivProps, "onClick">, Pick<ClickableProps, "onClick"> {
|
|
5
|
-
label: string;
|
|
6
|
-
contentLeft?: React.ReactNode;
|
|
7
|
-
contentRight?: React.ReactNode;
|
|
8
|
-
collapsed?: boolean;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
unmountOnCollapse?: boolean;
|
|
11
|
-
mountOnEnter?: boolean;
|
|
12
|
-
icon?: IconDefinition;
|
|
13
|
-
iconCollapsed?: IconDefinition;
|
|
14
|
-
iconSize?: number;
|
|
15
|
-
autoFocus?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const mapCSSTime: (value: string) => number;
|
|
18
|
-
export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
+
import { ClickableProps, DivProps } from "@stenajs-webui/core";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface CollapsibleProps extends Omit<DivProps, "onClick">, Pick<ClickableProps, "onClick"> {
|
|
5
|
+
label: string;
|
|
6
|
+
contentLeft?: React.ReactNode;
|
|
7
|
+
contentRight?: React.ReactNode;
|
|
8
|
+
collapsed?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
unmountOnCollapse?: boolean;
|
|
11
|
+
mountOnEnter?: boolean;
|
|
12
|
+
icon?: IconDefinition;
|
|
13
|
+
iconCollapsed?: IconDefinition;
|
|
14
|
+
iconSize?: number;
|
|
15
|
+
autoFocus?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const mapCSSTime: (value: string) => number;
|
|
18
|
+
export declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
|
|
4
|
-
export interface CollapsibleClickableContentProps extends CollapsibleSimpleContentProps, ButtonElementProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps>;
|
|
1
|
+
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
|
|
4
|
+
export interface CollapsibleClickableContentProps extends CollapsibleSimpleContentProps, ButtonElementProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { HTMLAttributes, ReactNode } from "react";
|
|
3
|
-
export interface CollapsibleSimpleContentProps {
|
|
4
|
-
contentLeft?: ReactNode;
|
|
5
|
-
contentRight?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const CollapsibleContent: React.FC<CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HTMLAttributes, ReactNode } from "react";
|
|
3
|
+
export interface CollapsibleSimpleContentProps {
|
|
4
|
+
contentLeft?: ReactNode;
|
|
5
|
+
contentRight?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const CollapsibleContent: React.FC<CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
}
|
|
4
|
-
export declare const CollapsibleEmptyContent: React.FC<Props>;
|
|
5
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface Props {
|
|
3
|
+
}
|
|
4
|
+
export declare const CollapsibleEmptyContent: React.FC<Props>;
|
|
5
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { DivProps } from "@stenajs-webui/core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
|
|
4
|
-
export interface CollapsibleGroupHeadingProps extends CollapsibleSimpleContentProps, DivProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps>;
|
|
1
|
+
import { DivProps } from "@stenajs-webui/core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { CollapsibleSimpleContentProps } from "./CollapsibleContent";
|
|
4
|
+
export interface CollapsibleGroupHeadingProps extends CollapsibleSimpleContentProps, DivProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { CheckboxProps } from "@stenajs-webui/forms";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { CollapsibleProps } from "./Collapsible";
|
|
4
|
-
export interface CollapsibleWithCheckboxProps extends Omit<CollapsibleProps, "contentLeft" | "onChange">, Pick<CheckboxProps, "value" | "onValueChange" | "onChange" | "indeterminate"> {
|
|
5
|
-
}
|
|
6
|
-
export declare const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps>;
|
|
1
|
+
import { CheckboxProps } from "@stenajs-webui/forms";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { CollapsibleProps } from "./Collapsible";
|
|
4
|
+
export interface CollapsibleWithCheckboxProps extends Omit<CollapsibleProps, "contentLeft" | "onChange">, Pick<CheckboxProps, "value" | "onValueChange" | "onChange" | "indeterminate"> {
|
|
5
|
+
}
|
|
6
|
+
export declare const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface ErrorPanelProps {
|
|
3
|
-
text?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare const ErrorPanel: React.FC<ErrorPanelProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface ErrorPanelProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const ErrorPanel: React.FC<ErrorPanelProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ErrorPanelProps } from "./ErrorPanel";
|
|
3
|
-
export declare const ErrorScreen: React.FC<ErrorPanelProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ErrorPanelProps } from "./ErrorPanel";
|
|
3
|
+
export declare const ErrorScreen: React.FC<ErrorPanelProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface LoadingPanelProps {
|
|
3
|
-
text?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare const LoadingPanel: React.FC<LoadingPanelProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface LoadingPanelProps {
|
|
3
|
+
text?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const LoadingPanel: React.FC<LoadingPanelProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { LoadingPanelProps } from "./LoadingPanel";
|
|
3
|
-
export declare const LoadingScreen: React.FC<LoadingPanelProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { LoadingPanelProps } from "./LoadingPanel";
|
|
3
|
+
export declare const LoadingScreen: React.FC<LoadingPanelProps>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import { SidebarMenuButtonProps } from "./NavBarSideMenuButton";
|
|
4
|
-
export declare type NavBarVariant = "compact" | "standard" | "relaxed";
|
|
5
|
-
export interface NavBarProps {
|
|
6
|
-
className?: string;
|
|
7
|
-
showMenuButton?: boolean;
|
|
8
|
-
menuButtonVisibility?: "visible" | "hidden";
|
|
9
|
-
onClickMenuButton?: SidebarMenuButtonProps["onClick"];
|
|
10
|
-
right?: ReactNode;
|
|
11
|
-
center?: ReactNode;
|
|
12
|
-
left?: ReactNode;
|
|
13
|
-
variant?: NavBarVariant;
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare const NavBar: React.FC<NavBarProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { SidebarMenuButtonProps } from "./NavBarSideMenuButton";
|
|
4
|
+
export declare type NavBarVariant = "compact" | "standard" | "relaxed";
|
|
5
|
+
export interface NavBarProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
showMenuButton?: boolean;
|
|
8
|
+
menuButtonVisibility?: "visible" | "hidden";
|
|
9
|
+
onClickMenuButton?: SidebarMenuButtonProps["onClick"];
|
|
10
|
+
right?: ReactNode;
|
|
11
|
+
center?: ReactNode;
|
|
12
|
+
left?: ReactNode;
|
|
13
|
+
variant?: NavBarVariant;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare const NavBar: React.FC<NavBarProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FlatButtonProps } from "@stenajs-webui/elements";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
export interface NavBarButtonProps extends FlatButtonProps {
|
|
4
|
-
selected?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const NavBarButton: React.FC<NavBarButtonProps>;
|
|
1
|
+
import { FlatButtonProps } from "@stenajs-webui/elements";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface NavBarButtonProps extends FlatButtonProps {
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const NavBarButton: React.FC<NavBarButtonProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { HeadingProps } from "@stenajs-webui/core";
|
|
3
|
-
interface NavBarHeadingProps extends HeadingProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const NavBarHeading: React.FC<NavBarHeadingProps>;
|
|
6
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HeadingProps } from "@stenajs-webui/core";
|
|
3
|
+
interface NavBarHeadingProps extends HeadingProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const NavBarHeading: React.FC<NavBarHeadingProps>;
|
|
6
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FlatButtonProps } from "@stenajs-webui/elements";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
-
export interface NavBarNotificationButtonProps extends Omit<FlatButtonProps, "leftIcon" | "rightIcon" | "label"> {
|
|
5
|
-
count: number;
|
|
6
|
-
unread: boolean;
|
|
7
|
-
icon?: IconDefinition;
|
|
8
|
-
}
|
|
9
|
-
export declare const NavBarNotificationButton: React.FC<NavBarNotificationButtonProps>;
|
|
1
|
+
import { FlatButtonProps } from "@stenajs-webui/elements";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
+
export interface NavBarNotificationButtonProps extends Omit<FlatButtonProps, "leftIcon" | "rightIcon" | "label"> {
|
|
5
|
+
count: number;
|
|
6
|
+
unread: boolean;
|
|
7
|
+
icon?: IconDefinition;
|
|
8
|
+
}
|
|
9
|
+
export declare const NavBarNotificationButton: React.FC<NavBarNotificationButtonProps>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import { NavBarButtonProps } from "./NavBarButton";
|
|
4
|
-
declare type RenderProp = (args: RenderPropArgs) => ReactNode;
|
|
5
|
-
interface RenderPropArgs {
|
|
6
|
-
close: () => void;
|
|
7
|
-
}
|
|
8
|
-
export interface NavBarPopoverButtonProps extends Omit<NavBarButtonProps, "onClick"> {
|
|
9
|
-
content?: RenderProp;
|
|
10
|
-
}
|
|
11
|
-
export declare const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps>;
|
|
12
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { NavBarButtonProps } from "./NavBarButton";
|
|
4
|
+
declare type RenderProp = (args: RenderPropArgs) => ReactNode;
|
|
5
|
+
interface RenderPropArgs {
|
|
6
|
+
close: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface NavBarPopoverButtonProps extends Omit<NavBarButtonProps, "onClick"> {
|
|
9
|
+
content?: RenderProp;
|
|
10
|
+
}
|
|
11
|
+
export declare const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps>;
|
|
12
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { TextInputProps } from "@stenajs-webui/forms";
|
|
3
|
-
interface NavBarSearchFieldProps extends TextInputProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const NavBarSearchField: React.FC<NavBarSearchFieldProps>;
|
|
6
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TextInputProps } from "@stenajs-webui/forms";
|
|
3
|
+
interface NavBarSearchFieldProps extends TextInputProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const NavBarSearchField: React.FC<NavBarSearchFieldProps>;
|
|
6
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { DivProps } from "@stenajs-webui/core";
|
|
3
|
-
export interface SidebarMenuButtonProps extends Pick<DivProps, "className"> {
|
|
4
|
-
onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DivProps } from "@stenajs-webui/core";
|
|
3
|
+
export interface SidebarMenuButtonProps extends Pick<DivProps, "className"> {
|
|
4
|
+
onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
3
|
-
import { ActionMenuFlatButtonProps } from "../action-menu-button/ActionMenuFlatButton";
|
|
4
|
-
export interface NavBarUserButtonProps extends Omit<ActionMenuFlatButtonProps, "label" | "leftIcon" | "rightIcon"> {
|
|
5
|
-
username?: string;
|
|
6
|
-
initials?: string;
|
|
7
|
-
icon?: IconDefinition;
|
|
8
|
-
}
|
|
9
|
-
export declare const NavBarUserButton: React.FC<NavBarUserButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
3
|
+
import { ActionMenuFlatButtonProps } from "../action-menu-button/ActionMenuFlatButton";
|
|
4
|
+
export interface NavBarUserButtonProps extends Omit<ActionMenuFlatButtonProps, "label" | "leftIcon" | "rightIcon"> {
|
|
5
|
+
username?: string;
|
|
6
|
+
initials?: string;
|
|
7
|
+
icon?: IconDefinition;
|
|
8
|
+
}
|
|
9
|
+
export declare const NavBarUserButton: React.FC<NavBarUserButtonProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { NavBarVariant } from "./NavBar";
|
|
2
|
-
export declare const getNavbarHeight: (variant: NavBarVariant) => string;
|
|
1
|
+
import { NavBarVariant } from "./NavBar";
|
|
2
|
+
export declare const getNavbarHeight: (variant: NavBarVariant) => string;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { ReactNode } from "react";
|
|
4
|
-
import { NotificationTheme } from "./NotificationTheme";
|
|
5
|
-
export interface NotificationProps {
|
|
6
|
-
title?: string;
|
|
7
|
-
text?: string;
|
|
8
|
-
content?: ReactNode;
|
|
9
|
-
dismissed?: boolean;
|
|
10
|
-
date?: Date;
|
|
11
|
-
icon?: IconDefinition;
|
|
12
|
-
iconColor?: string;
|
|
13
|
-
onClick?: () => void;
|
|
14
|
-
theme?: NotificationTheme;
|
|
15
|
-
}
|
|
16
|
-
export declare const Notification: React.FC<NotificationProps>;
|
|
1
|
+
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
import { NotificationTheme } from "./NotificationTheme";
|
|
5
|
+
export interface NotificationProps {
|
|
6
|
+
title?: string;
|
|
7
|
+
text?: string;
|
|
8
|
+
content?: ReactNode;
|
|
9
|
+
dismissed?: boolean;
|
|
10
|
+
date?: Date;
|
|
11
|
+
icon?: IconDefinition;
|
|
12
|
+
iconColor?: string;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
theme?: NotificationTheme;
|
|
15
|
+
}
|
|
16
|
+
export declare const Notification: React.FC<NotificationProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export interface NotificationTheme {
|
|
2
|
-
notificationBg: string;
|
|
3
|
-
notificationHoverBg: string;
|
|
4
|
-
notificationDismissedBg: string;
|
|
5
|
-
notificationDismissedHoverBg: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const defaultNotificationTheme: NotificationTheme;
|
|
1
|
+
export interface NotificationTheme {
|
|
2
|
+
notificationBg: string;
|
|
3
|
+
notificationHoverBg: string;
|
|
4
|
+
notificationDismissedBg: string;
|
|
5
|
+
notificationDismissedHoverBg: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const defaultNotificationTheme: NotificationTheme;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
export interface PageHeaderProps {
|
|
4
|
-
renderBreadCrumbs?: () => ReactNode;
|
|
5
|
-
renderPageHeading?: () => ReactNode;
|
|
6
|
-
renderTabs?: () => ReactNode;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const PageHeader: React.FC<PageHeaderProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export interface PageHeaderProps {
|
|
4
|
+
renderBreadCrumbs?: () => ReactNode;
|
|
5
|
+
renderPageHeading?: () => ReactNode;
|
|
6
|
+
renderTabs?: () => ReactNode;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const PageHeader: React.FC<PageHeaderProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { BoxProps } from "@stenajs-webui/core";
|
|
3
|
-
export interface PageHeaderRowProps extends BoxProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const PageHeaderRow: React.FC<PageHeaderRowProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { BoxProps } from "@stenajs-webui/core";
|
|
3
|
+
export interface PageHeaderRowProps extends BoxProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const PageHeaderRow: React.FC<PageHeaderRowProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
export declare type PageHeadingVariant = "compact" | "standard" | "relaxed";
|
|
4
|
-
interface PageHeadingProps {
|
|
5
|
-
contentLeft?: ReactNode;
|
|
6
|
-
contentRight?: ReactNode;
|
|
7
|
-
heading: string;
|
|
8
|
-
variant?: PageHeadingVariant;
|
|
9
|
-
}
|
|
10
|
-
export declare const PageHeading: React.VFC<PageHeadingProps>;
|
|
11
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export declare type PageHeadingVariant = "compact" | "standard" | "relaxed";
|
|
4
|
+
interface PageHeadingProps {
|
|
5
|
+
contentLeft?: ReactNode;
|
|
6
|
+
contentRight?: ReactNode;
|
|
7
|
+
heading: string;
|
|
8
|
+
variant?: PageHeadingVariant;
|
|
9
|
+
}
|
|
10
|
+
export declare const PageHeading: React.VFC<PageHeadingProps>;
|
|
11
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
interface SelectedItemsActionsProps {
|
|
4
|
-
numItemsSelected?: number;
|
|
5
|
-
label?: ReactNode | string;
|
|
6
|
-
afterLabelContent?: ReactNode;
|
|
7
|
-
rightContent?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const SelectedItemsActionsPanel: React.FC<SelectedItemsActionsProps>;
|
|
10
|
-
export {};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
interface SelectedItemsActionsProps {
|
|
4
|
+
numItemsSelected?: number;
|
|
5
|
+
label?: ReactNode | string;
|
|
6
|
+
afterLabelContent?: ReactNode;
|
|
7
|
+
rightContent?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const SelectedItemsActionsPanel: React.FC<SelectedItemsActionsProps>;
|
|
10
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { BoxProps } from "@stenajs-webui/core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { SidebarMenuCloseButtonProps } from "./SidebarMenuCloseButton";
|
|
4
|
-
import { NavBarVariant } from "../nav-bar/NavBar";
|
|
5
|
-
export declare type SidebarMenuVariant = NavBarVariant;
|
|
6
|
-
export interface SidebarMenuProps extends BoxProps {
|
|
7
|
-
onCloseClick?: SidebarMenuCloseButtonProps["onClick"];
|
|
8
|
-
hideCloseButton?: boolean;
|
|
9
|
-
collapsed?: boolean;
|
|
10
|
-
variant?: SidebarMenuVariant;
|
|
11
|
-
}
|
|
12
|
-
export declare const SidebarMenu: React.FC<SidebarMenuProps>;
|
|
1
|
+
import { BoxProps } from "@stenajs-webui/core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { SidebarMenuCloseButtonProps } from "./SidebarMenuCloseButton";
|
|
4
|
+
import { NavBarVariant } from "../nav-bar/NavBar";
|
|
5
|
+
export declare type SidebarMenuVariant = NavBarVariant;
|
|
6
|
+
export interface SidebarMenuProps extends BoxProps {
|
|
7
|
+
onCloseClick?: SidebarMenuCloseButtonProps["onClick"];
|
|
8
|
+
hideCloseButton?: boolean;
|
|
9
|
+
collapsed?: boolean;
|
|
10
|
+
variant?: SidebarMenuVariant;
|
|
11
|
+
}
|
|
12
|
+
export declare const SidebarMenu: React.FC<SidebarMenuProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
3
|
-
export interface SidebarMenuCloseButtonProps extends ButtonElementProps {
|
|
4
|
-
}
|
|
5
|
-
export declare const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ButtonElementProps } from "@stenajs-webui/core";
|
|
3
|
+
export interface SidebarMenuCloseButtonProps extends ButtonElementProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
-
export interface SidebarMenuCollapsibleProps {
|
|
5
|
-
label: string;
|
|
6
|
-
collapsed?: boolean;
|
|
7
|
-
leftIcon?: IconDefinition;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps>;
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
4
|
+
export interface SidebarMenuCollapsibleProps {
|
|
5
|
+
label: string;
|
|
6
|
+
collapsed?: boolean;
|
|
7
|
+
leftIcon?: IconDefinition;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TextProps } from "@stenajs-webui/core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { CollapsibleSimpleContentProps } from "../collapsible/CollapsibleContent";
|
|
4
|
-
export interface SidebarMenuHeadingProps extends Pick<CollapsibleSimpleContentProps, "contentLeft" | "contentRight">, TextProps {
|
|
5
|
-
label?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps>;
|
|
1
|
+
import { TextProps } from "@stenajs-webui/core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { CollapsibleSimpleContentProps } from "../collapsible/CollapsibleContent";
|
|
4
|
+
export interface SidebarMenuHeadingProps extends Pick<CollapsibleSimpleContentProps, "contentLeft" | "contentRight">, TextProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps>;
|