@cyber-harbour/ui 1.0.56 → 1.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -210,6 +210,10 @@ type Theme = {
210
210
  };
211
211
  select: {
212
212
  item: Record<ButtonState, ButtonElementStyle>;
213
+ paddingBlock: string | number;
214
+ paddingInline: string | number;
215
+ margin: string | number;
216
+ padding: string | number;
213
217
  };
214
218
  rowActionsMenu: {
215
219
  button: Record<ButtonState, ButtonElementStyle>;
@@ -714,6 +718,11 @@ interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
714
718
  }
715
719
  declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
716
720
 
721
+ interface PassportIconProps extends SVGProps<SVGSVGElement> {
722
+ fill?: string;
723
+ }
724
+ declare const PassportIcon: ({ fill, ...props }: PassportIconProps) => react_jsx_runtime.JSX.Element;
725
+
717
726
  interface SidebarProps {
718
727
  defaultCollapsed?: boolean;
719
728
  children: any;
@@ -857,8 +866,9 @@ interface ContextMenuProps {
857
866
  align?: PopoverAlign;
858
867
  hasBorder?: boolean;
859
868
  maxHeight?: number;
869
+ matchAnchorWidth?: boolean;
860
870
  }
861
- declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
871
+ declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
862
872
 
863
873
  interface StyledProps {
864
874
  }
@@ -871,13 +881,13 @@ declare const useContextMenuControl: () => {
871
881
  openMenu: () => void;
872
882
  };
873
883
 
874
- interface SelectProps<T extends string | number> {
884
+ type SelectBaseProps<T extends string | number> = {
875
885
  selected?: T;
876
886
  options: {
877
887
  value: T;
878
888
  inputDisplay?: string;
879
889
  }[];
880
- handleSelect: (id: T) => void;
890
+ onSelect: (id: T) => void;
881
891
  placeholder: string;
882
892
  disabled?: boolean;
883
893
  positions?: PopoverPosition[] | PopoverPosition;
@@ -885,8 +895,18 @@ interface SelectProps<T extends string | number> {
885
895
  size?: ButtonSize;
886
896
  hasBorder?: boolean;
887
897
  maxHeight?: number;
888
- }
889
- declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
898
+ matchAnchorWidth?: boolean;
899
+ };
900
+ type SelectDefaultProps = {
901
+ isSearchable?: false;
902
+ };
903
+ type SelectSearchableProps = {
904
+ isSearchable: true;
905
+ noOptionsMessage: string;
906
+ inputPlaceholder: string;
907
+ };
908
+ type SelectProps<T extends string | number> = SelectBaseProps<T> & (SelectSearchableProps | SelectDefaultProps);
909
+ 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;
890
910
 
891
911
  type Action = {
892
912
  label: string;
@@ -1166,4 +1186,4 @@ interface FullscreenCardProps {
1166
1186
  }
1167
1187
  declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
1168
1188
 
1169
- 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 };
1189
+ 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, PassportIcon, 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 CHANGED
@@ -210,6 +210,10 @@ type Theme = {
210
210
  };
211
211
  select: {
212
212
  item: Record<ButtonState, ButtonElementStyle>;
213
+ paddingBlock: string | number;
214
+ paddingInline: string | number;
215
+ margin: string | number;
216
+ padding: string | number;
213
217
  };
214
218
  rowActionsMenu: {
215
219
  button: Record<ButtonState, ButtonElementStyle>;
@@ -714,6 +718,11 @@ interface RelationPointsIconProps extends SVGProps<SVGSVGElement> {
714
718
  }
715
719
  declare const RelationPointsIcon: ({ fill, ...props }: RelationPointsIconProps) => react_jsx_runtime.JSX.Element;
716
720
 
721
+ interface PassportIconProps extends SVGProps<SVGSVGElement> {
722
+ fill?: string;
723
+ }
724
+ declare const PassportIcon: ({ fill, ...props }: PassportIconProps) => react_jsx_runtime.JSX.Element;
725
+
717
726
  interface SidebarProps {
718
727
  defaultCollapsed?: boolean;
719
728
  children: any;
@@ -857,8 +866,9 @@ interface ContextMenuProps {
857
866
  align?: PopoverAlign;
858
867
  hasBorder?: boolean;
859
868
  maxHeight?: number;
869
+ matchAnchorWidth?: boolean;
860
870
  }
861
- declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
871
+ declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
862
872
 
863
873
  interface StyledProps {
864
874
  }
@@ -871,13 +881,13 @@ declare const useContextMenuControl: () => {
871
881
  openMenu: () => void;
872
882
  };
873
883
 
874
- interface SelectProps<T extends string | number> {
884
+ type SelectBaseProps<T extends string | number> = {
875
885
  selected?: T;
876
886
  options: {
877
887
  value: T;
878
888
  inputDisplay?: string;
879
889
  }[];
880
- handleSelect: (id: T) => void;
890
+ onSelect: (id: T) => void;
881
891
  placeholder: string;
882
892
  disabled?: boolean;
883
893
  positions?: PopoverPosition[] | PopoverPosition;
@@ -885,8 +895,18 @@ interface SelectProps<T extends string | number> {
885
895
  size?: ButtonSize;
886
896
  hasBorder?: boolean;
887
897
  maxHeight?: number;
888
- }
889
- declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
898
+ matchAnchorWidth?: boolean;
899
+ };
900
+ type SelectDefaultProps = {
901
+ isSearchable?: false;
902
+ };
903
+ type SelectSearchableProps = {
904
+ isSearchable: true;
905
+ noOptionsMessage: string;
906
+ inputPlaceholder: string;
907
+ };
908
+ type SelectProps<T extends string | number> = SelectBaseProps<T> & (SelectSearchableProps | SelectDefaultProps);
909
+ 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;
890
910
 
891
911
  type Action = {
892
912
  label: string;
@@ -1166,4 +1186,4 @@ interface FullscreenCardProps {
1166
1186
  }
1167
1187
  declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
1168
1188
 
1169
- 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 };
1189
+ 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, PassportIcon, 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 };