@cyber-harbour/ui 1.0.22 → 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.
- package/dist/index.d.mts +23 -1
- package/dist/index.d.ts +23 -1
- package/dist/index.js +116 -60
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +99 -43
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/ContextMenu/ContextMenu.tsx +3 -3
- package/src/Core/RowActionsMenu/RowActionsMenu.tsx +151 -0
- package/src/Core/RowActionsMenu/index.ts +1 -0
- package/src/Core/index.ts +1 -0
- package/src/Theme/theme.ts +33 -0
- 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;
|
|
@@ -610,6 +617,21 @@ interface SelectProps<T extends string | number> {
|
|
|
610
617
|
}
|
|
611
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;
|
|
612
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;
|
|
632
|
+
}
|
|
633
|
+
declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
|
|
634
|
+
|
|
613
635
|
interface PageLayoutProps {
|
|
614
636
|
header?: any;
|
|
615
637
|
sidebar?: any;
|
|
@@ -640,4 +662,4 @@ interface Graph2DProps {
|
|
|
640
662
|
|
|
641
663
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
642
664
|
|
|
643
|
-
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 };
|
|
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;
|
|
@@ -610,6 +617,21 @@ interface SelectProps<T extends string | number> {
|
|
|
610
617
|
}
|
|
611
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;
|
|
612
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;
|
|
632
|
+
}
|
|
633
|
+
declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
|
|
634
|
+
|
|
613
635
|
interface PageLayoutProps {
|
|
614
636
|
header?: any;
|
|
615
637
|
sidebar?: any;
|
|
@@ -640,4 +662,4 @@ interface Graph2DProps {
|
|
|
640
662
|
|
|
641
663
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
642
664
|
|
|
643
|
-
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 };
|
|
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 };
|