@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 +26 -6
- package/dist/index.d.ts +26 -6
- package/dist/index.js +329 -310
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +285 -266
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/ContextMenu/ContextMenu.tsx +16 -4
- package/src/Core/IconComponents/BusIcon.tsx +10 -2
- package/src/Core/IconComponents/CarIcon.tsx +2 -2
- package/src/Core/IconComponents/PassportIcon.tsx +796 -0
- package/src/Core/IconComponents/PlaneIcon.tsx +3 -2
- package/src/Core/IconComponents/ShipIcon.tsx +6 -7
- package/src/Core/IconComponents/WayIcon.tsx +4 -4
- package/src/Core/IconComponents/index.ts +1 -0
- package/src/Core/Input/Input.tsx +6 -3
- package/src/Core/Select/Select.tsx +91 -16
- package/src/Theme/themes/dark.ts +19 -15
- package/src/Theme/themes/light.ts +6 -2
- package/src/Theme/types.ts +4 -0
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 };
|