@cyber-harbour/ui 1.0.31 → 1.0.33

package/dist/index.d.mts

@@ -6,7 +6,7 @@ import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
 import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
-import { GraphData } from 'react-force-graph-2d';
+import { GraphData, NodeObject } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -18,9 +18,9 @@ type ButtonVariant = 'fill' | 'outlined' | 'empty';
 type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
 type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
 type ButtonSize = 'small' | 'medium';
-type InputVariant = 'outlined';
+type InputVariant = 'outlined' | 'empty';
 type InputState = 'default' | 'focus' | 'error' | 'disabled';
-type InputSize = 'small' | 'medium';
+type InputSize = 'empty' | 'small' | 'medium';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -59,6 +59,7 @@ type InputSizeStyle = {
 };
 type Theme = {
     mode: 'light' | 'dark';
+    baseSize: number;
     colors: {
         background: string;
         primary: {
@@ -195,6 +196,7 @@ type Theme = {
     input: {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
+        empty: Record<InputState, InputElementStyle>;
     };
     box: {
         padding: number | string;
@@ -243,6 +245,10 @@ declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number,
  */
 declare const getButtonStyles: <V extends ButtonVariant>(theme: DefaultTheme, variant: ButtonVariant, color: ButtonColor, state: ButtonState) => ButtonElementStyle;
 declare const getButtonSizeStyles: (theme: DefaultTheme, size: ButtonSize) => ButtonSizeStyle;
+/**
+ * Функція для отримання стилів інпута за варіантом та станом
+ */
+declare const getInputStyles: (theme: DefaultTheme, variant: InputVariant, state: InputState) => InputElementStyle;
 /**
  * Функція для отримання типографічних стилів
  */
@@ -576,8 +582,9 @@ type TypographyProps = FabricComponent<{
     fontStyle?: CSSProperties$1['fontStyle'];
     color?: ColorVariant | string;
     className?: string;
+    ellipsis?: boolean;
 }>;
-declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
+declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ellipsis, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuProps {
     children: any;
@@ -721,8 +728,9 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
     append?: any;
     prepend?: any;
     size?: InputSize;
+    variant?: InputVariant;
 };
-declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: any;
 
 type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -762,39 +770,10 @@ interface FlexItemProps {
 }
 declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-}> & {
+type BoxProps = FabricComponent<{
     children: any;
-} & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-}, never>> & string;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
 
 type LineProps = FabricComponent<{
     direction?: 'horizontal' | 'vertical';
@@ -825,7 +804,7 @@ type ContainerProps = FabricComponent<{
     children: any;
     maxWidth?: string | number;
 }>;
-declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+declare const Container: ({ maxWidth, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
 interface Graph2DProps {
     graphData?: GraphData;
@@ -842,11 +821,14 @@ interface Graph2DProps {
         gridSpacing: number;
         dotSize: number;
     };
-    onNodeClick?: (node: any) => void;
-    onLinkClick?: (link: any) => void;
+    onNodeClick?: (node: NodeObject) => void;
+    onLinkClick?: (link: NodeObject) => void;
+    onNodeHover?: (node: NodeObject | null) => void;
+    onLinkHover?: (link: NodeObject | null) => void;
+    onBackgroundClick?: () => void;
 }
 
-declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
 interface FullscreenCardProps {
     children: any;
@@ -855,4 +837,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
 import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
-import { GraphData } from 'react-force-graph-2d';
+import { GraphData, NodeObject } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -18,9 +18,9 @@ type ButtonVariant = 'fill' | 'outlined' | 'empty';
 type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
 type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
 type ButtonSize = 'small' | 'medium';
-type InputVariant = 'outlined';
+type InputVariant = 'outlined' | 'empty';
 type InputState = 'default' | 'focus' | 'error' | 'disabled';
-type InputSize = 'small' | 'medium';
+type InputSize = 'empty' | 'small' | 'medium';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -59,6 +59,7 @@ type InputSizeStyle = {
 };
 type Theme = {
     mode: 'light' | 'dark';
+    baseSize: number;
     colors: {
         background: string;
         primary: {
@@ -195,6 +196,7 @@ type Theme = {
     input: {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
+        empty: Record<InputState, InputElementStyle>;
     };
     box: {
         padding: number | string;
@@ -243,6 +245,10 @@ declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number,
  */
 declare const getButtonStyles: <V extends ButtonVariant>(theme: DefaultTheme, variant: ButtonVariant, color: ButtonColor, state: ButtonState) => ButtonElementStyle;
 declare const getButtonSizeStyles: (theme: DefaultTheme, size: ButtonSize) => ButtonSizeStyle;
+/**
+ * Функція для отримання стилів інпута за варіантом та станом
+ */
+declare const getInputStyles: (theme: DefaultTheme, variant: InputVariant, state: InputState) => InputElementStyle;
 /**
  * Функція для отримання типографічних стилів
  */
@@ -576,8 +582,9 @@ type TypographyProps = FabricComponent<{
     fontStyle?: CSSProperties$1['fontStyle'];
     color?: ColorVariant | string;
     className?: string;
+    ellipsis?: boolean;
 }>;
-declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
+declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ellipsis, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuProps {
     children: any;
@@ -721,8 +728,9 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
     append?: any;
     prepend?: any;
     size?: InputSize;
+    variant?: InputVariant;
 };
-declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: any;
 
 type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
@@ -762,39 +770,10 @@ interface FlexItemProps {
 }
 declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-}> & {
+type BoxProps = FabricComponent<{
     children: any;
-} & {
-    m?: string | number;
-    mt?: string | number;
-    mr?: string | number;
-    mb?: string | number;
-    ml?: string | number;
-    mx?: string | number;
-    my?: string | number;
-    p?: string | number;
-    pt?: string | number;
-    pr?: string | number;
-    pb?: string | number;
-    pl?: string | number;
-    px?: string | number;
-    py?: string | number;
-}, never>> & string;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
 
 type LineProps = FabricComponent<{
     direction?: 'horizontal' | 'vertical';
@@ -825,7 +804,7 @@ type ContainerProps = FabricComponent<{
     children: any;
     maxWidth?: string | number;
 }>;
-declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+declare const Container: ({ maxWidth, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
 interface Graph2DProps {
     graphData?: GraphData;
@@ -842,11 +821,14 @@ interface Graph2DProps {
         gridSpacing: number;
         dotSize: number;
     };
-    onNodeClick?: (node: any) => void;
-    onLinkClick?: (link: any) => void;
+    onNodeClick?: (node: NodeObject) => void;
+    onLinkClick?: (link: NodeObject) => void;
+    onNodeHover?: (node: NodeObject | null) => void;
+    onLinkHover?: (link: NodeObject | null) => void;
+    onBackgroundClick?: () => void;
 }
 
-declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
 interface FullscreenCardProps {
     children: any;
@@ -855,4 +837,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };