bianic-ui 1.7.3 → 1.7.4-alpha.2
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/dist/cjs/index.js +3600 -975
- package/dist/cjs/lib.css +1 -1
- package/dist/cjs/types/components/FileTree/index.d.ts +6 -2
- package/dist/cjs/types/components/Menu/MenuContainer.d.ts +2 -1
- package/dist/cjs/types/components/Table/TableCell/configs.d.ts +1 -6
- package/dist/cjs/types/components/Table/TableCell/index.d.ts +1 -3
- package/dist/cjs/types/components/Toaster/Toaster.d.ts +11 -0
- package/dist/cjs/types/components/Toaster/configs.d.ts +7 -0
- package/dist/cjs/types/components/Toaster/index.d.ts +1 -0
- package/dist/cjs/types/components/index.d.ts +2 -0
- package/dist/cjs/types/stories/FileTree/{FileTree.stories.d.ts → FIleTree.stories.d.ts} +1 -1
- package/dist/cjs/types/stories/FileTree/FileTreeContextMenu.stories.d.ts +14 -0
- package/dist/cjs/types/stories/Toaster/Toaster.stories.d.ts +16 -0
- package/dist/cjs/types/stories/Window/Window.stories.d.ts +2 -1
- package/dist/cjs/types/utility/helper.d.ts +1 -1
- package/dist/esm/index.js +3560 -937
- package/dist/esm/lib.css +1 -1
- package/dist/esm/types/components/FileTree/index.d.ts +6 -2
- package/dist/esm/types/components/Menu/MenuContainer.d.ts +2 -1
- package/dist/esm/types/components/Table/TableCell/configs.d.ts +1 -6
- package/dist/esm/types/components/Table/TableCell/index.d.ts +1 -3
- package/dist/esm/types/components/Toaster/Toaster.d.ts +11 -0
- package/dist/esm/types/components/Toaster/configs.d.ts +7 -0
- package/dist/esm/types/components/Toaster/index.d.ts +1 -0
- package/dist/esm/types/components/index.d.ts +2 -0
- package/dist/esm/types/stories/FileTree/{FileTree.stories.d.ts → FIleTree.stories.d.ts} +1 -1
- package/dist/esm/types/stories/FileTree/FileTreeContextMenu.stories.d.ts +14 -0
- package/dist/esm/types/stories/Toaster/Toaster.stories.d.ts +16 -0
- package/dist/esm/types/stories/Window/Window.stories.d.ts +2 -1
- package/dist/esm/types/utility/helper.d.ts +1 -1
- package/dist/index.d.ts +29 -7
- package/package.json +1 -1
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import React, { ComponentPropsWithRef } from 'react';
|
|
2
2
|
interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
|
|
3
|
+
label: string;
|
|
3
4
|
nodes?: TreeNode[];
|
|
4
5
|
color?: string;
|
|
5
|
-
|
|
6
|
+
handleRightClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
onMouseDownTreeItem?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
|
|
6
8
|
}
|
|
7
9
|
export interface FileTreeProps {
|
|
8
10
|
color?: string;
|
|
9
11
|
data: TreeNode[];
|
|
12
|
+
contextMenu?: React.ReactNode;
|
|
13
|
+
onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
|
|
10
14
|
}
|
|
11
|
-
declare const FileTree: ({ data, color }: FileTreeProps) => React.JSX.Element;
|
|
15
|
+
declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
|
|
12
16
|
export default FileTree;
|
|
@@ -5,8 +5,9 @@ interface MenuContainerProps {
|
|
|
5
5
|
open?: boolean;
|
|
6
6
|
onClose?: () => void;
|
|
7
7
|
className?: string;
|
|
8
|
+
isWithOverlay?: boolean;
|
|
8
9
|
}
|
|
9
|
-
declare function MenuContainer({ isTopFlat, children, open, onClose, className, }: MenuContainerProps): false | React.JSX.Element
|
|
10
|
+
declare function MenuContainer({ isTopFlat, children, open, onClose, className, isWithOverlay, }: MenuContainerProps): false | React.JSX.Element;
|
|
10
11
|
declare namespace MenuContainer {
|
|
11
12
|
var defaultProps: {
|
|
12
13
|
isTopFlat: boolean;
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
declare const alignConfig: {
|
|
2
|
-
center: string;
|
|
3
|
-
right: string;
|
|
4
|
-
left: string;
|
|
5
|
-
};
|
|
6
1
|
declare const sizeConfig: {
|
|
7
2
|
md: string;
|
|
8
3
|
sm: string;
|
|
@@ -18,4 +13,4 @@ declare const headTextConfig: {
|
|
|
18
13
|
sm: string;
|
|
19
14
|
tn: string;
|
|
20
15
|
};
|
|
21
|
-
export {
|
|
16
|
+
export { bodyTextConfig, headTextConfig, sizeConfig };
|
|
@@ -2,15 +2,13 @@ import React, { ComponentPropsWithoutRef } from 'react';
|
|
|
2
2
|
import './style.css';
|
|
3
3
|
interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
|
|
4
4
|
variant?: 'head' | 'body';
|
|
5
|
-
alignment?: 'center' | 'right' | 'left';
|
|
6
5
|
lined?: boolean;
|
|
7
6
|
size?: 'md' | 'sm' | 'tn';
|
|
8
7
|
bgColor?: string;
|
|
9
8
|
}
|
|
10
|
-
declare function TableCell({ variant,
|
|
9
|
+
declare function TableCell({ variant, className, children, size, lined, bgColor, ...props }: TableCellProps): React.JSX.Element;
|
|
11
10
|
declare namespace TableCell {
|
|
12
11
|
var defaultProps: {
|
|
13
|
-
alignment: string;
|
|
14
12
|
lined: boolean;
|
|
15
13
|
size: string;
|
|
16
14
|
variant: string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
|
|
8
|
+
position?: string;
|
|
9
|
+
}
|
|
10
|
+
export default function Toaster({ children, title, icon, onClose, variant, position, }: ToasterProps): React.JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Toaster } from './Toaster';
|
|
@@ -26,3 +26,5 @@ export { TableCell } from './Table';
|
|
|
26
26
|
export { default as TagLabel } from './TagLabel';
|
|
27
27
|
export { default as Tooltip } from './Tooltip';
|
|
28
28
|
export { Display, P, Heading, Text, Link } from './Typography';
|
|
29
|
+
export { Toaster } from './Toaster';
|
|
30
|
+
export { default as Window } from './Window';
|
|
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
3
3
|
import { FileTreeProps } from '../../components/FileTree';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: ({ data, color }: FileTreeProps) => import("react").JSX.Element;
|
|
6
|
+
component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => import("react").JSX.Element;
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: string;
|
|
9
9
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
import { FileTreeProps } from '../../components/FileTree';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
args: {};
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const ContextMenuTree: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import { Toaster } from '../../components';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Toaster;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
args: {};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const SampleWithHeader: Story;
|
|
14
|
+
export declare const SampleWithoutHeader: Story;
|
|
15
|
+
export declare const SampleWithHeaderNoIcon: Story;
|
|
16
|
+
export declare const SampleWithoutHeaderNoIcon: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const childrenElement: (element: any) => any;
|
|
3
3
|
declare const validUnion: (value: any, union: any) => any;
|
|
4
|
-
declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
|
|
4
|
+
declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean, event?: string) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
|
|
5
5
|
export { childrenElement, validUnion, useDetectOutsideClick };
|