@cyber-harbour/ui 1.0.19 → 1.0.21

package/dist/index.d.mts

@@ -2,9 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
 import * as styled_components from 'styled-components';
-import { DefaultTheme, CSSProperties } from 'styled-components';
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -141,6 +143,24 @@ type Theme = {
             margin: string;
         };
     };
+    contextMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        padding: number;
+        delimeter: {
+            style: CSSProperties['borderStyle'];
+            color: string;
+            thickness: number;
+            marginInline: number | string;
+            marginBlock: number | string;
+        };
+        shadow: string;
+        icon: {
+            size: number | string;
+        };
+    };
+    select: {
+        item: Record<ButtonState, ButtonElementStyle>;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -172,7 +192,7 @@ declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
  * @param baseSize - Base font size in pixels. Default is 16px
  * @returns A new object with pixel values converted to rem
  */
-declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number) => Record<string, any>;
+declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number, parentKey?: string) => Record<string, any>;
 /**
  * Функція для отримання стилів кнопки за варіантом, кольором, станом та розміром
  */
@@ -347,10 +367,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
 
-interface PrintIconProps extends SVGProps<SVGSVGElement> {
+interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const PrintIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
+declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
 
 interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -408,6 +428,11 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
 
+interface PrintIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -535,6 +560,47 @@ interface PaginationProps {
 }
 declare const Pagination: ({ total_items, limit, offset, onChangePage }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
+interface ContextMenuProps {
+    isOpen: boolean;
+    onClick: () => void;
+    onClickOutside: (e: MouseEvent) => void;
+    size?: ButtonSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    children?: any;
+    anchor?: any;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+
+interface StyledProps {
+}
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+
+declare const useContextMenuControl: () => {
+    isOpen: boolean;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+    openMenu: () => void;
+};
+
+interface SelectProps<T extends string | number> {
+    selected?: T;
+    options: {
+        value: T;
+        inputDisplay?: string;
+    }[];
+    handleSelect: (id: T) => void;
+    placeholder: string;
+    disabled?: boolean;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+    size?: ButtonSize;
+}
+declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -547,4 +613,22 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
-export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, 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, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor };
+interface Graph2DProps {
+    graphData?: GraphData;
+    linkSource?: string;
+    linkTarget?: string;
+    width?: number;
+    height?: number;
+    config?: {
+        nodeSizeFactor: number;
+        fontSize: number;
+        nodeSizeBase: number;
+        textPaddingFactor: number;
+    };
+    onNodeClick?: (node: any) => void;
+    onLinkClick?: (link: any) => void;
+}
+
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+
+export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, 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, ContextMenu, ContextMenuDelimiter, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -2,9 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
 import * as styled_components from 'styled-components';
-import { DefaultTheme, CSSProperties } from 'styled-components';
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -141,6 +143,24 @@ type Theme = {
             margin: string;
         };
     };
+    contextMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        padding: number;
+        delimeter: {
+            style: CSSProperties['borderStyle'];
+            color: string;
+            thickness: number;
+            marginInline: number | string;
+            marginBlock: number | string;
+        };
+        shadow: string;
+        icon: {
+            size: number | string;
+        };
+    };
+    select: {
+        item: Record<ButtonState, ButtonElementStyle>;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -172,7 +192,7 @@ declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
  * @param baseSize - Base font size in pixels. Default is 16px
  * @returns A new object with pixel values converted to rem
  */
-declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number) => Record<string, any>;
+declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number, parentKey?: string) => Record<string, any>;
 /**
  * Функція для отримання стилів кнопки за варіантом, кольором, станом та розміром
  */
@@ -347,10 +367,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
 
-interface PrintIconProps extends SVGProps<SVGSVGElement> {
+interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const PrintIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
+declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
 
 interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -408,6 +428,11 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
 
+interface PrintIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -535,6 +560,47 @@ interface PaginationProps {
 }
 declare const Pagination: ({ total_items, limit, offset, onChangePage }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
+interface ContextMenuProps {
+    isOpen: boolean;
+    onClick: () => void;
+    onClickOutside: (e: MouseEvent) => void;
+    size?: ButtonSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    children?: any;
+    anchor?: any;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+
+interface StyledProps {
+}
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+
+declare const useContextMenuControl: () => {
+    isOpen: boolean;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+    openMenu: () => void;
+};
+
+interface SelectProps<T extends string | number> {
+    selected?: T;
+    options: {
+        value: T;
+        inputDisplay?: string;
+    }[];
+    handleSelect: (id: T) => void;
+    placeholder: string;
+    disabled?: boolean;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+    size?: ButtonSize;
+}
+declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -547,4 +613,22 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
-export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, 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, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor };
+interface Graph2DProps {
+    graphData?: GraphData;
+    linkSource?: string;
+    linkTarget?: string;
+    width?: number;
+    height?: number;
+    config?: {
+        nodeSizeFactor: number;
+        fontSize: number;
+        nodeSizeBase: number;
+        textPaddingFactor: number;
+    };
+    onNodeClick?: (node: any) => void;
+    onLinkClick?: (link: any) => void;
+}
+
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+
+export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, 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, ContextMenu, ContextMenuDelimiter, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };