@linzjs/lui 17.51.0 → 17.52.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [17.52.0](https://github.com/linz/lui/compare/v17.51.0...v17.52.0) (2023-04-21)
+
+
+### Features
+
+* Adding Side Toolbar to LUI ([#928](https://github.com/linz/lui/issues/928)) ([79490a6](https://github.com/linz/lui/commit/79490a60f4daac5dce36a5b815408ac3146590f8))
+
 # [17.51.0](https://github.com/linz/lui/compare/v17.50.0...v17.51.0) (2023-04-20)
 
 

package/dist/components/LuiSideToolbar/LuiSideToolbar.d.ts

@@ -0,0 +1,21 @@
+import './LuiSideToolbar.scss';
+import { ReactNode } from 'react';
+export declare type ToolbarConfig<T> = {
+    icon: string;
+    iconImage?: string;
+    isDisabled?: boolean;
+    isFetching?: boolean;
+    isToggled?: boolean;
+    key: T;
+    title: string;
+    tooltipMessage?: string;
+};
+export declare enum ToolbarDirection {
+    LEFT = "Left",
+    RIGHT = "Right"
+}
+export interface ToolbarProps {
+    direction: ToolbarDirection;
+    children: ReactNode[];
+}
+export declare function LuiSideToolbar(props: ToolbarProps): JSX.Element;

package/dist/components/LuiSideToolbar/ToolbarButton.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import './ToolbarButton.scss';
+export interface ToolbarButtonProps {
+    disabled?: boolean;
+    highlighted?: boolean;
+    iconImage?: string;
+    iconName: string;
+    loading?: boolean;
+    onClick: () => void;
+    panelKey?: string;
+    panelTitle?: string;
+    tooltip?: string;
+}
+/**
+ * Create button for using either LuiIcon or Image.
+ *
+ * @param props
+ * @returns
+ */
+export declare const ToolbarButton: ({ disabled, highlighted, iconImage, iconName, loading, onClick, panelTitle, panelKey, tooltip, }: ToolbarButtonProps) => JSX.Element;

package/dist/components/LuiSideToolbar/ToolbarIcon.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface ToolbarIconProps {
+    iconImage?: string;
+    iconName: string;
+}
+/**
+ * Show LuiIcon or Image.
+ *
+ * @param param
+ * @returns
+ */
+export declare const ToolbarIcon: ({ iconImage, iconName }: ToolbarIconProps) => JSX.Element;
+export {};

package/dist/components/LuiSideToolbar/ToolbarItem.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface ToolbarItemProps {
+    loading?: boolean;
+    onClick?: () => void;
+    tooltip?: string;
+    children: ReactNode;
+    dataTestId?: string;
+}
+/**
+ * Allows any item to be added into the toolbar (with appropriate styles and size)
+ *
+ * @param props
+ * @returns
+ */
+export declare const ToolbarItem: (props: ToolbarItemProps) => JSX.Element;
+export declare const ToolbarItemSeparator: () => JSX.Element;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "17.51.0",
+  "version": "17.52.0",
   "license": "MIT",
   "repository": {
     "type": "git",