@cyber-harbour/ui 1.0.34 → 1.0.36

package/dist/index.d.mts

@@ -10,9 +10,12 @@ import { GraphData, NodeObject } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
-declare const ThemeProvider: ({ children }: {
+interface ThemeProviderProps {
     children: any;
-}) => react_jsx_runtime.JSX.Element;
+    mode?: 'light' | 'LIGHT' | 'dark' | 'DARK';
+}
+type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
+declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = 'fill' | 'outlined' | 'empty';
 type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
@@ -62,6 +65,7 @@ type Theme = {
     baseSize: number;
     colors: {
         background: string;
+        backgroundBase: string;
         primary: {
             main: string;
             light: string;
@@ -126,6 +130,7 @@ type Theme = {
     };
     sidebar: {
         background: string;
+        border: string;
         width: number;
         collapsedWidth: number;
         text: {
@@ -208,6 +213,27 @@ type Theme = {
             color: string;
         };
     };
+    graph2D: {
+        ring: {
+            highlightFill: string;
+        };
+        button: {
+            stroke: string;
+            normalFill: string;
+            hoverFill: string;
+        };
+        grid: {
+            dotColor: string;
+        };
+        link: {
+            normal: string;
+            highlighted: string;
+            textColor: string;
+            highlightedTextColor: string;
+            textBgColor: string;
+            highlightedTextBgColor: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -272,6 +298,12 @@ declare const getBreakpoint: (theme: DefaultTheme, size?: Breakpoint) => string;
  */
 declare const lightThemePx: Theme;
 declare const lightTheme: DefaultTheme$1;
+
+/**
+ * Палітра, що містить як кольори, так і розміри в px
+ * Кольори взято з теми, розміри будуть автоматично конвертовані в rem
+ */
+declare const darkThemePx: Theme;
 declare const darkTheme: DefaultTheme$1;
 
 type MarginProps = {
@@ -810,6 +842,7 @@ interface Graph2DProps {
     graphData?: GraphData;
     linkSource?: string;
     linkTarget?: string;
+    loading?: boolean;
     width?: number;
     height?: number;
     config?: {
@@ -828,13 +861,18 @@ interface Graph2DProps {
     onBackgroundClick?: () => void;
 }
 
-declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, loading, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
 interface FullscreenCardProps {
     children: any;
+    className?: string;
     position: 'absolute' | 'fixed';
     isActive: boolean;
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
 }
-declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
+declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...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 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 };
+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, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -10,9 +10,12 @@ import { GraphData, NodeObject } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
-declare const ThemeProvider: ({ children }: {
+interface ThemeProviderProps {
     children: any;
-}) => react_jsx_runtime.JSX.Element;
+    mode?: 'light' | 'LIGHT' | 'dark' | 'DARK';
+}
+type ThemeMode = 'light' | 'LIGHT' | 'dark' | 'DARK';
+declare const ThemeProvider: ({ children, mode }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonVariant = 'fill' | 'outlined' | 'empty';
 type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
@@ -62,6 +65,7 @@ type Theme = {
     baseSize: number;
     colors: {
         background: string;
+        backgroundBase: string;
         primary: {
             main: string;
             light: string;
@@ -126,6 +130,7 @@ type Theme = {
     };
     sidebar: {
         background: string;
+        border: string;
         width: number;
         collapsedWidth: number;
         text: {
@@ -208,6 +213,27 @@ type Theme = {
             color: string;
         };
     };
+    graph2D: {
+        ring: {
+            highlightFill: string;
+        };
+        button: {
+            stroke: string;
+            normalFill: string;
+            hoverFill: string;
+        };
+        grid: {
+            dotColor: string;
+        };
+        link: {
+            normal: string;
+            highlighted: string;
+            textColor: string;
+            highlightedTextColor: string;
+            textBgColor: string;
+            highlightedTextBgColor: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -272,6 +298,12 @@ declare const getBreakpoint: (theme: DefaultTheme, size?: Breakpoint) => string;
  */
 declare const lightThemePx: Theme;
 declare const lightTheme: DefaultTheme$1;
+
+/**
+ * Палітра, що містить як кольори, так і розміри в px
+ * Кольори взято з теми, розміри будуть автоматично конвертовані в rem
+ */
+declare const darkThemePx: Theme;
 declare const darkTheme: DefaultTheme$1;
 
 type MarginProps = {
@@ -810,6 +842,7 @@ interface Graph2DProps {
     graphData?: GraphData;
     linkSource?: string;
     linkTarget?: string;
+    loading?: boolean;
     width?: number;
     height?: number;
     config?: {
@@ -828,13 +861,18 @@ interface Graph2DProps {
     onBackgroundClick?: () => void;
 }
 
-declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, loading, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
 interface FullscreenCardProps {
     children: any;
+    className?: string;
     position: 'absolute' | 'fixed';
     isActive: boolean;
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
 }
-declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
+declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...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 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 };
+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, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };