@cyber-harbour/ui 1.0.21 → 1.0.23

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.
Files changed (16) hide show
  1. package/dist/index.d.mts +37 -6
  2. package/dist/index.d.ts +37 -6
  3. package/dist/index.js +123 -67
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +114 -58
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/Core/ContextMenu/ContextMenu.tsx +12 -6
  9. package/src/Core/IconComponents/Users.tsx +36 -0
  10. package/src/Core/IconComponents/index.ts +1 -0
  11. package/src/Core/RowActionsMenu/RowActionsMenu.tsx +151 -0
  12. package/src/Core/RowActionsMenu/index.ts +1 -0
  13. package/src/Core/Select/Select.tsx +7 -1
  14. package/src/Core/index.ts +1 -0
  15. package/src/Theme/theme.ts +33 -0
  16. package/src/Theme/types.ts +7 -0
package/dist/index.d.mts CHANGED
@@ -161,6 +161,13 @@ type Theme = {
161
161
  select: {
162
162
  item: Record<ButtonState, ButtonElementStyle>;
163
163
  };
164
+ rowActionsMenu: {
165
+ button: Record<ButtonState, ButtonElementStyle>;
166
+ delimiterColor: string;
167
+ icon: {
168
+ size: number | string;
169
+ };
170
+ };
164
171
  };
165
172
  type ThemeColors = Theme['colors'];
166
173
  type ColorCategory = keyof ThemeColors;
@@ -367,10 +374,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
367
374
  }
368
375
  declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
369
376
 
370
- interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
377
+ interface PrintIconProps$2 extends SVGProps<SVGSVGElement> {
371
378
  fill?: string;
372
379
  }
373
- declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
380
+ declare const PrintIcon: ({ fill, ...props }: PrintIconProps$2) => react_jsx_runtime.JSX.Element;
374
381
 
375
382
  interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
376
383
  fill?: string;
@@ -428,10 +435,15 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
428
435
  }
429
436
  declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
430
437
 
438
+ interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
439
+ fill?: string;
440
+ }
441
+ declare const PlusIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
442
+
431
443
  interface PrintIconProps extends SVGProps<SVGSVGElement> {
432
444
  fill?: string;
433
445
  }
434
- declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
446
+ declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
435
447
 
436
448
  interface SidebarProps {
437
449
  defaultCollapsed?: boolean;
@@ -572,8 +584,10 @@ interface ContextMenuProps {
572
584
  anchor?: any;
573
585
  positions?: PopoverPosition[] | PopoverPosition;
574
586
  align?: PopoverAlign;
587
+ hasBorder?: boolean;
588
+ maxHeight?: number;
575
589
  }
576
- declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
590
+ declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
577
591
 
578
592
  interface StyledProps {
579
593
  }
@@ -598,8 +612,25 @@ interface SelectProps<T extends string | number> {
598
612
  positions?: PopoverPosition[] | PopoverPosition;
599
613
  align?: PopoverAlign;
600
614
  size?: ButtonSize;
615
+ hasBorder?: boolean;
616
+ maxHeight?: number;
617
+ }
618
+ declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
619
+
620
+ type Action = {
621
+ label: string;
622
+ onClick: () => void;
623
+ color: ButtonColor;
624
+ };
625
+ interface RowActionsMenuProps {
626
+ items: Action[];
627
+ size?: ButtonSize;
628
+ disabled?: boolean;
629
+ className?: string;
630
+ positions?: PopoverPosition[] | PopoverPosition;
631
+ align?: PopoverAlign;
601
632
  }
602
- declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
633
+ declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
603
634
 
604
635
  interface PageLayoutProps {
605
636
  header?: any;
@@ -631,4 +662,4 @@ interface Graph2DProps {
631
662
 
632
663
  declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
633
664
 
634
- 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 };
665
+ 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, 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, 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 CHANGED
@@ -161,6 +161,13 @@ type Theme = {
161
161
  select: {
162
162
  item: Record<ButtonState, ButtonElementStyle>;
163
163
  };
164
+ rowActionsMenu: {
165
+ button: Record<ButtonState, ButtonElementStyle>;
166
+ delimiterColor: string;
167
+ icon: {
168
+ size: number | string;
169
+ };
170
+ };
164
171
  };
165
172
  type ThemeColors = Theme['colors'];
166
173
  type ColorCategory = keyof ThemeColors;
@@ -367,10 +374,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
367
374
  }
368
375
  declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
369
376
 
370
- interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
377
+ interface PrintIconProps$2 extends SVGProps<SVGSVGElement> {
371
378
  fill?: string;
372
379
  }
373
- declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
380
+ declare const PrintIcon: ({ fill, ...props }: PrintIconProps$2) => react_jsx_runtime.JSX.Element;
374
381
 
375
382
  interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
376
383
  fill?: string;
@@ -428,10 +435,15 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
428
435
  }
429
436
  declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
430
437
 
438
+ interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
439
+ fill?: string;
440
+ }
441
+ declare const PlusIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
442
+
431
443
  interface PrintIconProps extends SVGProps<SVGSVGElement> {
432
444
  fill?: string;
433
445
  }
434
- declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
446
+ declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
435
447
 
436
448
  interface SidebarProps {
437
449
  defaultCollapsed?: boolean;
@@ -572,8 +584,10 @@ interface ContextMenuProps {
572
584
  anchor?: any;
573
585
  positions?: PopoverPosition[] | PopoverPosition;
574
586
  align?: PopoverAlign;
587
+ hasBorder?: boolean;
588
+ maxHeight?: number;
575
589
  }
576
- declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
590
+ declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
577
591
 
578
592
  interface StyledProps {
579
593
  }
@@ -598,8 +612,25 @@ interface SelectProps<T extends string | number> {
598
612
  positions?: PopoverPosition[] | PopoverPosition;
599
613
  align?: PopoverAlign;
600
614
  size?: ButtonSize;
615
+ hasBorder?: boolean;
616
+ maxHeight?: number;
617
+ }
618
+ declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, hasBorder, maxHeight, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
619
+
620
+ type Action = {
621
+ label: string;
622
+ onClick: () => void;
623
+ color: ButtonColor;
624
+ };
625
+ interface RowActionsMenuProps {
626
+ items: Action[];
627
+ size?: ButtonSize;
628
+ disabled?: boolean;
629
+ className?: string;
630
+ positions?: PopoverPosition[] | PopoverPosition;
631
+ align?: PopoverAlign;
601
632
  }
602
- declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
633
+ declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
603
634
 
604
635
  interface PageLayoutProps {
605
636
  header?: any;
@@ -631,4 +662,4 @@ interface Graph2DProps {
631
662
 
632
663
  declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
633
664
 
634
- 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 };
665
+ 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, 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, 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 };