bianic-ui 1.7.3 → 1.7.4-alpha.2

package/dist/esm/types/components/FileTree/index.d.ts

@@ -1,12 +1,16 @@
 import React, { ComponentPropsWithRef } from 'react';
 interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    label: string;
     nodes?: TreeNode[];
     color?: string;
-    label: string;
+    handleRightClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDownTreeItem?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
 export interface FileTreeProps {
     color?: string;
     data: TreeNode[];
+    contextMenu?: React.ReactNode;
+    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
-declare const FileTree: ({ data, color }: FileTreeProps) => React.JSX.Element;
+declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
 export default FileTree;

package/dist/esm/types/components/Menu/MenuContainer.d.ts

@@ -5,8 +5,9 @@ interface MenuContainerProps {
     open?: boolean;
     onClose?: () => void;
     className?: string;
+    isWithOverlay?: boolean;
 }
-declare function MenuContainer({ isTopFlat, children, open, onClose, className, }: MenuContainerProps): false | React.JSX.Element | undefined;
+declare function MenuContainer({ isTopFlat, children, open, onClose, className, isWithOverlay, }: MenuContainerProps): false | React.JSX.Element;
 declare namespace MenuContainer {
     var defaultProps: {
         isTopFlat: boolean;

package/dist/esm/types/components/Table/TableCell/configs.d.ts

@@ -1,8 +1,3 @@
-declare const alignConfig: {
-    center: string;
-    right: string;
-    left: string;
-};
 declare const sizeConfig: {
     md: string;
     sm: string;
@@ -18,4 +13,4 @@ declare const headTextConfig: {
     sm: string;
     tn: string;
 };
-export { alignConfig, bodyTextConfig, headTextConfig, sizeConfig };
+export { bodyTextConfig, headTextConfig, sizeConfig };

package/dist/esm/types/components/Table/TableCell/index.d.ts

@@ -2,15 +2,13 @@ import React, { ComponentPropsWithoutRef } from 'react';
 import './style.css';
 interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
     variant?: 'head' | 'body';
-    alignment?: 'center' | 'right' | 'left';
     lined?: boolean;
     size?: 'md' | 'sm' | 'tn';
     bgColor?: string;
 }
-declare function TableCell({ variant, alignment, className, children, size, lined, bgColor, ...props }: TableCellProps): React.JSX.Element;
+declare function TableCell({ variant, className, children, size, lined, bgColor, ...props }: TableCellProps): React.JSX.Element;
 declare namespace TableCell {
     var defaultProps: {
-        alignment: string;
         lined: boolean;
         size: string;
         variant: string;

package/dist/esm/types/components/Toaster/Toaster.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    title?: string;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+    position?: string;
+}
+export default function Toaster({ children, title, icon, onClose, variant, position, }: ToasterProps): React.JSX.Element;
+export {};

package/dist/esm/types/components/Toaster/configs.d.ts

@@ -0,0 +1,7 @@
+export declare const colorConfigs: {
+    default: string;
+    info: string;
+    success: string;
+    danger: string;
+    warning: string;
+};

package/dist/esm/types/components/Toaster/index.d.ts

@@ -0,0 +1 @@
+export { default as Toaster } from './Toaster';

package/dist/esm/types/components/index.d.ts

@@ -26,3 +26,5 @@ export { TableCell } from './Table';
 export { default as TagLabel } from './TagLabel';
 export { default as Tooltip } from './Tooltip';
 export { Display, P, Heading, Text, Link } from './Typography';
+export { Toaster } from './Toaster';
+export { default as Window } from './Window';

package/dist/esm/types/stories/FileTree/{FileTree.stories.d.ts → FIleTree.stories.d.ts}

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import { FileTreeProps } from '../../components/FileTree';
 declare const meta: {
     title: string;
-    component: ({ data, color }: FileTreeProps) => import("react").JSX.Element;
+    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/esm/types/stories/FileTree/FileTreeContextMenu.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+import { FileTreeProps } from '../../components/FileTree';
+declare const meta: {
+    title: string;
+    component: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ContextMenuTree: Story;

package/dist/esm/types/stories/Toaster/Toaster.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { Toaster } from '../../components';
+declare const meta: {
+    title: string;
+    component: typeof Toaster;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SampleWithHeader: Story;
+export declare const SampleWithoutHeader: Story;
+export declare const SampleWithHeaderNoIcon: Story;
+export declare const SampleWithoutHeaderNoIcon: Story;

package/dist/esm/types/stories/Window/Window.stories.d.ts

@@ -1,7 +1,8 @@
 import type { StoryObj } from '@storybook/react';
+import { Window } from '../../components';
 declare const meta: {
     title: string;
-    component: any;
+    component: typeof Window;
     parameters: {
         layout: string;
     };

package/dist/esm/types/utility/helper.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const childrenElement: (element: any) => any;
 declare const validUnion: (value: any, union: any) => any;
-declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
+declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean, event?: string) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
 export { childrenElement, validUnion, useDetectOutsideClick };

package/dist/index.d.ts

@@ -149,15 +149,19 @@ declare namespace Divider {
 }
 
 interface TreeNode extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    label: string;
     nodes?: TreeNode[];
     color?: string;
-    label: string;
+    handleRightClick?: (e: React$1.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDownTreeItem?: (e: React$1.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
 interface FileTreeProps {
     color?: string;
     data: TreeNode[];
+    contextMenu?: React$1.ReactNode;
+    onMouseDown?: (e: React$1.MouseEvent<HTMLButtonElement>, val?: TreeNode) => void;
 }
-declare const FileTree: ({ data, color }: FileTreeProps) => React$1.JSX.Element;
+declare const FileTree: ({ data, color, contextMenu, onMouseDown }: FileTreeProps) => React$1.JSX.Element;
 
 interface MenuContainerProps {
     isTopFlat?: boolean;
@@ -165,8 +169,9 @@ interface MenuContainerProps {
     open?: boolean;
     onClose?: () => void;
     className?: string;
+    isWithOverlay?: boolean;
 }
-declare function MenuContainer({ isTopFlat, children, open, onClose, className, }: MenuContainerProps): false | React$1.JSX.Element | undefined;
+declare function MenuContainer({ isTopFlat, children, open, onClose, className, isWithOverlay, }: MenuContainerProps): false | React$1.JSX.Element;
 declare namespace MenuContainer {
     var defaultProps: {
         isTopFlat: boolean;
@@ -568,15 +573,13 @@ declare const TabMenu: ({ variant, text, rounded, isActive, onClose, ...rest }:
 
 interface TableCellProps extends ComponentPropsWithoutRef<'td'> {
     variant?: 'head' | 'body';
-    alignment?: 'center' | 'right' | 'left';
     lined?: boolean;
     size?: 'md' | 'sm' | 'tn';
     bgColor?: string;
 }
-declare function TableCell({ variant, alignment, className, children, size, lined, bgColor, ...props }: TableCellProps): React$1.JSX.Element;
+declare function TableCell({ variant, className, children, size, lined, bgColor, ...props }: TableCellProps): React$1.JSX.Element;
 declare namespace TableCell {
     var defaultProps: {
-        alignment: string;
         lined: boolean;
         size: string;
         variant: string;
@@ -695,4 +698,23 @@ declare namespace Link {
     };
 }
 
-export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toggle, Tooltip };
+interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
+    children: React$1.ReactNode;
+    icon?: React$1.ReactNode;
+    title?: string;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+    position?: string;
+}
+declare function Toaster({ children, title, icon, onClose, variant, position, }: ToasterProps): React$1.JSX.Element;
+
+interface WindowProps extends ComponentPropsWithoutRef<'div'> {
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    zIndex?: number;
+    title?: string;
+    open: boolean;
+    onClose: () => void;
+}
+declare function Window({ size, title, open, zIndex, onClose, ...rest }: WindowProps): React$1.JSX.Element | null;
+
+export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, Display, Divider, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "1.7.3",
+  "version": "1.7.4-alpha.2",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
     "rollup": "rollup -c",