@cyber-harbour/ui 1.0.32 → 1.0.33

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 (17) hide show
  1. package/dist/index.d.mts +14 -38
  2. package/dist/index.d.ts +14 -38
  3. package/dist/index.js +266 -265
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +145 -144
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/Core/Box/Box.tsx +10 -4
  9. package/src/Core/Line/Line.tsx +1 -1
  10. package/src/Core/Typography/Typography.tsx +6 -1
  11. package/src/Graph2D/Graph2D.tsx +248 -38
  12. package/src/Graph2D/types.ts +6 -4
  13. package/src/Layouts/Container/Container.tsx +14 -8
  14. package/src/Theme/theme.ts +3 -4
  15. package/src/Theme/types.ts +1 -0
  16. package/src/Theme/utils.ts +6 -2
  17. package/tsup.config.ts +4 -2
package/dist/index.d.mts CHANGED
@@ -6,7 +6,7 @@ import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
6
6
  import * as styled_components_dist_types from 'styled-components/dist/types';
7
7
  import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
8
8
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
9
- import { GraphData } from 'react-force-graph-2d';
9
+ import { GraphData, NodeObject } from 'react-force-graph-2d';
10
10
 
11
11
  declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
12
12
 
@@ -59,6 +59,7 @@ type InputSizeStyle = {
59
59
  };
60
60
  type Theme = {
61
61
  mode: 'light' | 'dark';
62
+ baseSize: number;
62
63
  colors: {
63
64
  background: string;
64
65
  primary: {
@@ -581,8 +582,9 @@ type TypographyProps = FabricComponent<{
581
582
  fontStyle?: CSSProperties$1['fontStyle'];
582
583
  color?: ColorVariant | string;
583
584
  className?: string;
585
+ ellipsis?: boolean;
584
586
  }>;
585
- declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
587
+ declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ellipsis, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
586
588
 
587
589
  interface ListMenuProps {
588
590
  children: any;
@@ -768,39 +770,10 @@ interface FlexItemProps {
768
770
  }
769
771
  declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
770
772
 
771
- declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
772
- m?: string | number;
773
- mt?: string | number;
774
- mr?: string | number;
775
- mb?: string | number;
776
- ml?: string | number;
777
- mx?: string | number;
778
- my?: string | number;
779
- p?: string | number;
780
- pt?: string | number;
781
- pr?: string | number;
782
- pb?: string | number;
783
- pl?: string | number;
784
- px?: string | number;
785
- py?: string | number;
786
- }> & {
773
+ type BoxProps = FabricComponent<{
787
774
  children: any;
788
- } & {
789
- m?: string | number;
790
- mt?: string | number;
791
- mr?: string | number;
792
- mb?: string | number;
793
- ml?: string | number;
794
- mx?: string | number;
795
- my?: string | number;
796
- p?: string | number;
797
- pt?: string | number;
798
- pr?: string | number;
799
- pb?: string | number;
800
- pl?: string | number;
801
- px?: string | number;
802
- py?: string | number;
803
- }, never>> & string;
775
+ } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
776
+ declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
804
777
 
805
778
  type LineProps = FabricComponent<{
806
779
  direction?: 'horizontal' | 'vertical';
@@ -831,7 +804,7 @@ type ContainerProps = FabricComponent<{
831
804
  children: any;
832
805
  maxWidth?: string | number;
833
806
  }>;
834
- declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
807
+ declare const Container: ({ maxWidth, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
835
808
 
836
809
  interface Graph2DProps {
837
810
  graphData?: GraphData;
@@ -848,11 +821,14 @@ interface Graph2DProps {
848
821
  gridSpacing: number;
849
822
  dotSize: number;
850
823
  };
851
- onNodeClick?: (node: any) => void;
852
- onLinkClick?: (link: any) => void;
824
+ onNodeClick?: (node: NodeObject) => void;
825
+ onLinkClick?: (link: NodeObject) => void;
826
+ onNodeHover?: (node: NodeObject | null) => void;
827
+ onLinkHover?: (link: NodeObject | null) => void;
828
+ onBackgroundClick?: () => void;
853
829
  }
854
830
 
855
- declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
831
+ declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
856
832
 
857
833
  interface FullscreenCardProps {
858
834
  children: any;
package/dist/index.d.ts CHANGED
@@ -6,7 +6,7 @@ import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
6
6
  import * as styled_components_dist_types from 'styled-components/dist/types';
7
7
  import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
8
8
  import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
9
- import { GraphData } from 'react-force-graph-2d';
9
+ import { GraphData, NodeObject } from 'react-force-graph-2d';
10
10
 
11
11
  declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
12
12
 
@@ -59,6 +59,7 @@ type InputSizeStyle = {
59
59
  };
60
60
  type Theme = {
61
61
  mode: 'light' | 'dark';
62
+ baseSize: number;
62
63
  colors: {
63
64
  background: string;
64
65
  primary: {
@@ -581,8 +582,9 @@ type TypographyProps = FabricComponent<{
581
582
  fontStyle?: CSSProperties$1['fontStyle'];
582
583
  color?: ColorVariant | string;
583
584
  className?: string;
585
+ ellipsis?: boolean;
584
586
  }>;
585
- declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
587
+ declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ellipsis, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
586
588
 
587
589
  interface ListMenuProps {
588
590
  children: any;
@@ -768,39 +770,10 @@ interface FlexItemProps {
768
770
  }
769
771
  declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
770
772
 
771
- declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
772
- m?: string | number;
773
- mt?: string | number;
774
- mr?: string | number;
775
- mb?: string | number;
776
- ml?: string | number;
777
- mx?: string | number;
778
- my?: string | number;
779
- p?: string | number;
780
- pt?: string | number;
781
- pr?: string | number;
782
- pb?: string | number;
783
- pl?: string | number;
784
- px?: string | number;
785
- py?: string | number;
786
- }> & {
773
+ type BoxProps = FabricComponent<{
787
774
  children: any;
788
- } & {
789
- m?: string | number;
790
- mt?: string | number;
791
- mr?: string | number;
792
- mb?: string | number;
793
- ml?: string | number;
794
- mx?: string | number;
795
- my?: string | number;
796
- p?: string | number;
797
- pt?: string | number;
798
- pr?: string | number;
799
- pb?: string | number;
800
- pl?: string | number;
801
- px?: string | number;
802
- py?: string | number;
803
- }, never>> & string;
775
+ } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
776
+ declare const Box: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
804
777
 
805
778
  type LineProps = FabricComponent<{
806
779
  direction?: 'horizontal' | 'vertical';
@@ -831,7 +804,7 @@ type ContainerProps = FabricComponent<{
831
804
  children: any;
832
805
  maxWidth?: string | number;
833
806
  }>;
834
- declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
807
+ declare const Container: ({ maxWidth, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
835
808
 
836
809
  interface Graph2DProps {
837
810
  graphData?: GraphData;
@@ -848,11 +821,14 @@ interface Graph2DProps {
848
821
  gridSpacing: number;
849
822
  dotSize: number;
850
823
  };
851
- onNodeClick?: (node: any) => void;
852
- onLinkClick?: (link: any) => void;
824
+ onNodeClick?: (node: NodeObject) => void;
825
+ onLinkClick?: (link: NodeObject) => void;
826
+ onNodeHover?: (node: NodeObject | null) => void;
827
+ onLinkHover?: (link: NodeObject | null) => void;
828
+ onBackgroundClick?: () => void;
853
829
  }
854
830
 
855
- declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
831
+ declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onNodeHover, onLinkHover, onLinkClick, onBackgroundClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
856
832
 
857
833
  interface FullscreenCardProps {
858
834
  children: any;