@cyber-harbour/ui 1.0.20 → 1.0.21
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 +26 -3
- package/dist/index.d.ts +26 -3
- package/dist/index.js +98 -54
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +80 -36
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/ContextMenu/ContextMenu.tsx +12 -3
- package/src/Core/IconComponents/Plus.tsx +20 -0
- package/src/Core/IconComponents/index.ts +1 -0
- package/src/Core/Select/Select.tsx +116 -0
- package/src/Core/Select/index.ts +1 -0
- package/src/Core/index.ts +1 -0
- package/src/Layouts/PageLayout/PageLayout.tsx +5 -1
- package/src/Theme/theme.ts +30 -1
- package/src/Theme/types.ts +4 -0
package/dist/index.d.mts
CHANGED
|
@@ -158,6 +158,9 @@ type Theme = {
|
|
|
158
158
|
size: number | string;
|
|
159
159
|
};
|
|
160
160
|
};
|
|
161
|
+
select: {
|
|
162
|
+
item: Record<ButtonState, ButtonElementStyle>;
|
|
163
|
+
};
|
|
161
164
|
};
|
|
162
165
|
type ThemeColors = Theme['colors'];
|
|
163
166
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -364,10 +367,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
|
|
|
364
367
|
}
|
|
365
368
|
declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
|
|
366
369
|
|
|
367
|
-
interface PrintIconProps extends SVGProps<SVGSVGElement> {
|
|
370
|
+
interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
|
|
368
371
|
fill?: string;
|
|
369
372
|
}
|
|
370
|
-
declare const PrintIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
|
|
373
|
+
declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
|
|
371
374
|
|
|
372
375
|
interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
|
|
373
376
|
fill?: string;
|
|
@@ -425,6 +428,11 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
|
|
|
425
428
|
}
|
|
426
429
|
declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
|
|
427
430
|
|
|
431
|
+
interface PrintIconProps extends SVGProps<SVGSVGElement> {
|
|
432
|
+
fill?: string;
|
|
433
|
+
}
|
|
434
|
+
declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
|
|
435
|
+
|
|
428
436
|
interface SidebarProps {
|
|
429
437
|
defaultCollapsed?: boolean;
|
|
430
438
|
children: any;
|
|
@@ -578,6 +586,21 @@ declare const useContextMenuControl: () => {
|
|
|
578
586
|
openMenu: () => void;
|
|
579
587
|
};
|
|
580
588
|
|
|
589
|
+
interface SelectProps<T extends string | number> {
|
|
590
|
+
selected?: T;
|
|
591
|
+
options: {
|
|
592
|
+
value: T;
|
|
593
|
+
inputDisplay?: string;
|
|
594
|
+
}[];
|
|
595
|
+
handleSelect: (id: T) => void;
|
|
596
|
+
placeholder: string;
|
|
597
|
+
disabled?: boolean;
|
|
598
|
+
positions?: PopoverPosition[] | PopoverPosition;
|
|
599
|
+
align?: PopoverAlign;
|
|
600
|
+
size?: ButtonSize;
|
|
601
|
+
}
|
|
602
|
+
declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
|
|
603
|
+
|
|
581
604
|
interface PageLayoutProps {
|
|
582
605
|
header?: any;
|
|
583
606
|
sidebar?: any;
|
|
@@ -608,4 +631,4 @@ interface Graph2DProps {
|
|
|
608
631
|
|
|
609
632
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
610
633
|
|
|
611
|
-
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, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, 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 };
|
|
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -158,6 +158,9 @@ type Theme = {
|
|
|
158
158
|
size: number | string;
|
|
159
159
|
};
|
|
160
160
|
};
|
|
161
|
+
select: {
|
|
162
|
+
item: Record<ButtonState, ButtonElementStyle>;
|
|
163
|
+
};
|
|
161
164
|
};
|
|
162
165
|
type ThemeColors = Theme['colors'];
|
|
163
166
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -364,10 +367,10 @@ interface PhonebookIconProps extends SVGProps<SVGSVGElement> {
|
|
|
364
367
|
}
|
|
365
368
|
declare const PhonebookIcon: ({ fill, ...props }: PhonebookIconProps) => react_jsx_runtime.JSX.Element;
|
|
366
369
|
|
|
367
|
-
interface PrintIconProps extends SVGProps<SVGSVGElement> {
|
|
370
|
+
interface PrintIconProps$1 extends SVGProps<SVGSVGElement> {
|
|
368
371
|
fill?: string;
|
|
369
372
|
}
|
|
370
|
-
declare const PrintIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
|
|
373
|
+
declare const PrintIcon: ({ fill, ...props }: PrintIconProps$1) => react_jsx_runtime.JSX.Element;
|
|
371
374
|
|
|
372
375
|
interface Profiler20IconProps extends SVGProps<SVGSVGElement> {
|
|
373
376
|
fill?: string;
|
|
@@ -425,6 +428,11 @@ interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
|
|
|
425
428
|
}
|
|
426
429
|
declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
|
|
427
430
|
|
|
431
|
+
interface PrintIconProps extends SVGProps<SVGSVGElement> {
|
|
432
|
+
fill?: string;
|
|
433
|
+
}
|
|
434
|
+
declare const PlusIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
|
|
435
|
+
|
|
428
436
|
interface SidebarProps {
|
|
429
437
|
defaultCollapsed?: boolean;
|
|
430
438
|
children: any;
|
|
@@ -578,6 +586,21 @@ declare const useContextMenuControl: () => {
|
|
|
578
586
|
openMenu: () => void;
|
|
579
587
|
};
|
|
580
588
|
|
|
589
|
+
interface SelectProps<T extends string | number> {
|
|
590
|
+
selected?: T;
|
|
591
|
+
options: {
|
|
592
|
+
value: T;
|
|
593
|
+
inputDisplay?: string;
|
|
594
|
+
}[];
|
|
595
|
+
handleSelect: (id: T) => void;
|
|
596
|
+
placeholder: string;
|
|
597
|
+
disabled?: boolean;
|
|
598
|
+
positions?: PopoverPosition[] | PopoverPosition;
|
|
599
|
+
align?: PopoverAlign;
|
|
600
|
+
size?: ButtonSize;
|
|
601
|
+
}
|
|
602
|
+
declare const Select: <T extends string | number>({ options, selected, handleSelect, placeholder, disabled, positions, align, size, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
|
|
603
|
+
|
|
581
604
|
interface PageLayoutProps {
|
|
582
605
|
header?: any;
|
|
583
606
|
sidebar?: any;
|
|
@@ -608,4 +631,4 @@ interface Graph2DProps {
|
|
|
608
631
|
|
|
609
632
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
610
633
|
|
|
611
|
-
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, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, 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 };
|
|
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 };
|