@cyber-harbour/ui 1.0.22 → 1.0.24

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 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 react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
@@ -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 = 'default' | 'outlined' | 'filled';
+type InputVariant = 'outlined';
 type InputState = 'default' | 'focus' | 'error' | 'disabled';
-type InputSize = 'small' | 'medium' | 'large';
+type InputSize = 'small' | 'medium';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -37,6 +37,22 @@ type ButtonSizeStyle = {
     gap: number | string;
     iconSize: number | string;
 };
+type InputElementStyle = {
+    background: string;
+    text: string;
+    placeholder: string;
+    border: string;
+    boxShadow: string;
+    icon: string;
+};
+type InputSizeStyle = {
+    fontSize: number | string;
+    paddingInline: number | string;
+    paddingBlock: number | string;
+    borderRadius: number | string;
+    iconSize: number | string;
+    height: number | string;
+};
 type Theme = {
     mode: 'light' | 'dark';
     colors: {
@@ -161,6 +177,17 @@ type Theme = {
     select: {
         item: Record<ButtonState, ButtonElementStyle>;
     };
+    rowActionsMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        delimiterColor: string;
+        icon: {
+            size: number | string;
+        };
+    };
+    input: {
+        sizes: Record<InputSize, InputSizeStyle>;
+        outlined: Record<InputState, InputElementStyle>;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -332,10 +359,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$3 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$3) => react_jsx_runtime.JSX.Element;
 
 interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -408,15 +435,15 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
+declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
 
 interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -438,6 +465,11 @@ interface PrintIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
 
+interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const InfoCircleFilledIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -610,6 +642,29 @@ interface SelectProps<T extends string | number> {
 }
 declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
+type Action = {
+    label: string;
+    onClick: () => void;
+    color: ButtonColor;
+};
+interface RowActionsMenuProps {
+    items: Action[];
+    size?: ButtonSize;
+    disabled?: boolean;
+    className?: string;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
+
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    error?: boolean;
+    append?: any;
+    prepend?: any;
+    size?: InputSize;
+};
+declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -640,4 +695,4 @@ interface Graph2DProps {
 
 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, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+export { type Action, 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, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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, RowActionsMenu, 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, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 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 react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
@@ -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 = 'default' | 'outlined' | 'filled';
+type InputVariant = 'outlined';
 type InputState = 'default' | 'focus' | 'error' | 'disabled';
-type InputSize = 'small' | 'medium' | 'large';
+type InputSize = 'small' | 'medium';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -37,6 +37,22 @@ type ButtonSizeStyle = {
     gap: number | string;
     iconSize: number | string;
 };
+type InputElementStyle = {
+    background: string;
+    text: string;
+    placeholder: string;
+    border: string;
+    boxShadow: string;
+    icon: string;
+};
+type InputSizeStyle = {
+    fontSize: number | string;
+    paddingInline: number | string;
+    paddingBlock: number | string;
+    borderRadius: number | string;
+    iconSize: number | string;
+    height: number | string;
+};
 type Theme = {
     mode: 'light' | 'dark';
     colors: {
@@ -161,6 +177,17 @@ type Theme = {
     select: {
         item: Record<ButtonState, ButtonElementStyle>;
     };
+    rowActionsMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        delimiterColor: string;
+        icon: {
+            size: number | string;
+        };
+    };
+    input: {
+        sizes: Record<InputSize, InputSizeStyle>;
+        outlined: Record<InputState, InputElementStyle>;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -332,10 +359,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$3 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$3) => react_jsx_runtime.JSX.Element;
 
 interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -408,15 +435,15 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
+declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
 
 interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -438,6 +465,11 @@ interface PrintIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
 
+interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const InfoCircleFilledIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -610,6 +642,29 @@ interface SelectProps<T extends string | number> {
 }
 declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
+type Action = {
+    label: string;
+    onClick: () => void;
+    color: ButtonColor;
+};
+interface RowActionsMenuProps {
+    items: Action[];
+    size?: ButtonSize;
+    disabled?: boolean;
+    className?: string;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
+
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    error?: boolean;
+    append?: any;
+    prepend?: any;
+    size?: InputSize;
+};
+declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -640,4 +695,4 @@ interface Graph2DProps {
 
 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, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+export { type Action, 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, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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, RowActionsMenu, 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, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };