@cyber-harbour/ui 1.0.23 → 1.0.24

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
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
3
+ import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
4
4
  import * as styled_components from 'styled-components';
5
5
  import { CSSProperties, DefaultTheme } from 'styled-components';
6
6
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
@@ -18,9 +18,9 @@ type ButtonVariant = 'fill' | 'outlined' | 'empty';
18
18
  type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
19
19
  type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
20
20
  type ButtonSize = 'small' | 'medium';
21
- type InputVariant = 'default' | 'outlined' | 'filled';
21
+ type InputVariant = 'outlined';
22
22
  type InputState = 'default' | 'focus' | 'error' | 'disabled';
23
- type InputSize = 'small' | 'medium' | 'large';
23
+ type InputSize = 'small' | 'medium';
24
24
  type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
25
25
  type ButtonElementStyle = {
26
26
  background: string;
@@ -37,6 +37,22 @@ type ButtonSizeStyle = {
37
37
  gap: number | string;
38
38
  iconSize: number | string;
39
39
  };
40
+ type InputElementStyle = {
41
+ background: string;
42
+ text: string;
43
+ placeholder: string;
44
+ border: string;
45
+ boxShadow: string;
46
+ icon: string;
47
+ };
48
+ type InputSizeStyle = {
49
+ fontSize: number | string;
50
+ paddingInline: number | string;
51
+ paddingBlock: number | string;
52
+ borderRadius: number | string;
53
+ iconSize: number | string;
54
+ height: number | string;
55
+ };
40
56
  type Theme = {
41
57
  mode: 'light' | 'dark';
42
58
  colors: {
@@ -168,6 +184,10 @@ type Theme = {
168
184
  size: number | string;
169
185
  };
170
186
  };
187
+ input: {
188
+ sizes: Record<InputSize, InputSizeStyle>;
189
+ outlined: Record<InputState, InputElementStyle>;
190
+ };
171
191
  };
172
192
  type ThemeColors = Theme['colors'];
173
193
  type ColorCategory = keyof ThemeColors;
@@ -339,10 +359,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
339
359
  }
340
360
  declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
341
361
 
342
- interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
362
+ interface InfoCircleIconProps$3 extends SVGProps<SVGSVGElement> {
343
363
  fill?: string;
344
364
  }
345
- declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
365
+ declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$3) => react_jsx_runtime.JSX.Element;
346
366
 
347
367
  interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
348
368
  fill?: string;
@@ -415,15 +435,15 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
415
435
  }
416
436
  declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
417
437
 
418
- interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
438
+ interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
419
439
  fill?: string;
420
440
  }
421
- declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
441
+ declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
422
442
 
423
- interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
443
+ interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
424
444
  fill?: string;
425
445
  }
426
- declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
446
+ declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
427
447
 
428
448
  interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
429
449
  fill?: string;
@@ -445,6 +465,11 @@ interface PrintIconProps extends SVGProps<SVGSVGElement> {
445
465
  }
446
466
  declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
447
467
 
468
+ interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
469
+ fill?: string;
470
+ }
471
+ declare const InfoCircleFilledIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
472
+
448
473
  interface SidebarProps {
449
474
  defaultCollapsed?: boolean;
450
475
  children: any;
@@ -632,6 +657,14 @@ interface RowActionsMenuProps {
632
657
  }
633
658
  declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
634
659
 
660
+ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
661
+ error?: boolean;
662
+ append?: any;
663
+ prepend?: any;
664
+ size?: InputSize;
665
+ };
666
+ declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
667
+
635
668
  interface PageLayoutProps {
636
669
  header?: any;
637
670
  sidebar?: any;
@@ -662,4 +695,4 @@ interface Graph2DProps {
662
695
 
663
696
  declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
664
697
 
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 };
698
+ 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, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
3
+ import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
4
4
  import * as styled_components from 'styled-components';
5
5
  import { CSSProperties, DefaultTheme } from 'styled-components';
6
6
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
@@ -18,9 +18,9 @@ type ButtonVariant = 'fill' | 'outlined' | 'empty';
18
18
  type ButtonColor = 'default' | 'primary' | 'secondary' | 'error';
19
19
  type ButtonState = 'default' | 'hover' | 'active' | 'disabled';
20
20
  type ButtonSize = 'small' | 'medium';
21
- type InputVariant = 'default' | 'outlined' | 'filled';
21
+ type InputVariant = 'outlined';
22
22
  type InputState = 'default' | 'focus' | 'error' | 'disabled';
23
- type InputSize = 'small' | 'medium' | 'large';
23
+ type InputSize = 'small' | 'medium';
24
24
  type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
25
25
  type ButtonElementStyle = {
26
26
  background: string;
@@ -37,6 +37,22 @@ type ButtonSizeStyle = {
37
37
  gap: number | string;
38
38
  iconSize: number | string;
39
39
  };
40
+ type InputElementStyle = {
41
+ background: string;
42
+ text: string;
43
+ placeholder: string;
44
+ border: string;
45
+ boxShadow: string;
46
+ icon: string;
47
+ };
48
+ type InputSizeStyle = {
49
+ fontSize: number | string;
50
+ paddingInline: number | string;
51
+ paddingBlock: number | string;
52
+ borderRadius: number | string;
53
+ iconSize: number | string;
54
+ height: number | string;
55
+ };
40
56
  type Theme = {
41
57
  mode: 'light' | 'dark';
42
58
  colors: {
@@ -168,6 +184,10 @@ type Theme = {
168
184
  size: number | string;
169
185
  };
170
186
  };
187
+ input: {
188
+ sizes: Record<InputSize, InputSizeStyle>;
189
+ outlined: Record<InputState, InputElementStyle>;
190
+ };
171
191
  };
172
192
  type ThemeColors = Theme['colors'];
173
193
  type ColorCategory = keyof ThemeColors;
@@ -339,10 +359,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
339
359
  }
340
360
  declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
341
361
 
342
- interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
362
+ interface InfoCircleIconProps$3 extends SVGProps<SVGSVGElement> {
343
363
  fill?: string;
344
364
  }
345
- declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
365
+ declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$3) => react_jsx_runtime.JSX.Element;
346
366
 
347
367
  interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
348
368
  fill?: string;
@@ -415,15 +435,15 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
415
435
  }
416
436
  declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
417
437
 
418
- interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
438
+ interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
419
439
  fill?: string;
420
440
  }
421
- declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
441
+ declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
422
442
 
423
- interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
443
+ interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
424
444
  fill?: string;
425
445
  }
426
- declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
446
+ declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
427
447
 
428
448
  interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
429
449
  fill?: string;
@@ -445,6 +465,11 @@ interface PrintIconProps extends SVGProps<SVGSVGElement> {
445
465
  }
446
466
  declare const UsersIcon: ({ fill, ...props }: PrintIconProps) => react_jsx_runtime.JSX.Element;
447
467
 
468
+ interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
469
+ fill?: string;
470
+ }
471
+ declare const InfoCircleFilledIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
472
+
448
473
  interface SidebarProps {
449
474
  defaultCollapsed?: boolean;
450
475
  children: any;
@@ -632,6 +657,14 @@ interface RowActionsMenuProps {
632
657
  }
633
658
  declare const RowActionsMenu: ({ size, disabled, className, positions, align, items, }: RowActionsMenuProps) => react_jsx_runtime.JSX.Element;
634
659
 
660
+ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
661
+ error?: boolean;
662
+ append?: any;
663
+ prepend?: any;
664
+ size?: InputSize;
665
+ };
666
+ declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
667
+
635
668
  interface PageLayoutProps {
636
669
  header?: any;
637
670
  sidebar?: any;
@@ -662,4 +695,4 @@ interface Graph2DProps {
662
695
 
663
696
  declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
664
697
 
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 };
698
+ 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, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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 };