@cyber-harbour/ui 1.0.55 → 1.0.57

package/dist/index.d.mts

@@ -210,6 +210,10 @@ type Theme = {
     };
     select: {
         item: Record<ButtonState, ButtonElementStyle>;
+        paddingBlock: string | number;
+        paddingInline: string | number;
+        margin: string | number;
+        padding: string | number;
     };
     rowActionsMenu: {
         button: Record<ButtonState, ButtonElementStyle>;
@@ -709,6 +713,11 @@ interface RelationIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
 
+interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -852,8 +861,9 @@ interface ContextMenuProps {
     align?: PopoverAlign;
     hasBorder?: boolean;
     maxHeight?: number;
+    matchAnchorWidth?: boolean;
 }
-declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
 
 interface StyledProps {
 }
@@ -866,13 +876,13 @@ declare const useContextMenuControl: () => {
     openMenu: () => void;
 };
 
-interface SelectProps<T extends string | number> {
+type SelectBaseProps<T extends string | number> = {
     selected?: T;
     options: {
         value: T;
         inputDisplay?: string;
     }[];
-    handleSelect: (id: T) => void;
+    onSelect: (id: T) => void;
     placeholder: string;
     disabled?: boolean;
     positions?: PopoverPosition[] | PopoverPosition;
@@ -880,8 +890,18 @@ interface SelectProps<T extends string | number> {
     size?: ButtonSize;
     hasBorder?: boolean;
     maxHeight?: 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;
+    matchAnchorWidth?: boolean;
+};
+type SelectDefaultProps = {
+    isSearchable?: false;
+};
+type SelectSearchableProps = {
+    isSearchable: true;
+    noOptionsMessage: string;
+    inputPlaceholder: string;
+};
+type SelectProps<T extends string | number> = SelectBaseProps<T> & (SelectSearchableProps | SelectDefaultProps);
+declare const Select: <T extends string | number>({ options, selected, onSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, matchAnchorWidth, isSearchable, ...props }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
 type Action = {
     label: string;
@@ -1010,11 +1030,13 @@ declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtim
 type DrawerProps = {
     isOpen: boolean;
     onClose: () => void;
-    children: any;
+    children?: any;
     header?: number;
-    width?: number;
+    width?: string | number;
 };
 declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
+declare const DrawerHeader: any;
+declare const DrawerBody: any;
 
 interface PageLayoutProps {
     header?: any;
@@ -1159,4 +1181,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };

package/dist/index.d.ts

@@ -210,6 +210,10 @@ type Theme = {
     };
     select: {
         item: Record<ButtonState, ButtonElementStyle>;
+        paddingBlock: string | number;
+        paddingInline: string | number;
+        margin: string | number;
+        padding: string | number;
     };
     rowActionsMenu: {
         button: Record<ButtonState, ButtonElementStyle>;
@@ -709,6 +713,11 @@ interface RelationIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const RelationIcon: ({ fill, ...props }: RelationIconProps) => react_jsx_runtime.JSX.Element;
 
+interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -852,8 +861,9 @@ interface ContextMenuProps {
     align?: PopoverAlign;
     hasBorder?: boolean;
     maxHeight?: number;
+    matchAnchorWidth?: boolean;
 }
-declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
 
 interface StyledProps {
 }
@@ -866,13 +876,13 @@ declare const useContextMenuControl: () => {
     openMenu: () => void;
 };
 
-interface SelectProps<T extends string | number> {
+type SelectBaseProps<T extends string | number> = {
     selected?: T;
     options: {
         value: T;
         inputDisplay?: string;
     }[];
-    handleSelect: (id: T) => void;
+    onSelect: (id: T) => void;
     placeholder: string;
     disabled?: boolean;
     positions?: PopoverPosition[] | PopoverPosition;
@@ -880,8 +890,18 @@ interface SelectProps<T extends string | number> {
     size?: ButtonSize;
     hasBorder?: boolean;
     maxHeight?: 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;
+    matchAnchorWidth?: boolean;
+};
+type SelectDefaultProps = {
+    isSearchable?: false;
+};
+type SelectSearchableProps = {
+    isSearchable: true;
+    noOptionsMessage: string;
+    inputPlaceholder: string;
+};
+type SelectProps<T extends string | number> = SelectBaseProps<T> & (SelectSearchableProps | SelectDefaultProps);
+declare const Select: <T extends string | number>({ options, selected, onSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, matchAnchorWidth, isSearchable, ...props }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
 type Action = {
     label: string;
@@ -1010,11 +1030,13 @@ declare const Switch: ({ className, ...props }: SwitchProps) => react_jsx_runtim
 type DrawerProps = {
     isOpen: boolean;
     onClose: () => void;
-    children: any;
+    children?: any;
     header?: number;
-    width?: number;
+    width?: string | number;
 };
 declare const Drawer: (props: DrawerProps) => react.ReactPortal | null;
+declare const DrawerHeader: any;
+declare const DrawerBody: any;
 
 interface PageLayoutProps {
     header?: any;
@@ -1159,4 +1181,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FolderAlertIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, LinerProgress, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl, useTheme };