@cyber-harbour/ui 1.0.28 → 1.0.30
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/README.md +0 -6
- package/dist/index.d.mts +99 -11
- package/dist/index.d.ts +99 -11
- package/dist/index.js +169 -87
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +169 -87
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/Box/Box.tsx +7 -2
- package/src/Core/Button/Button.tsx +73 -9
- package/src/Core/Flex/FlexContainer.tsx +2 -0
- package/src/Core/Flex/FlexItem.tsx +1 -0
- package/src/Core/IconComponents/MaximizeIcon.tsx +28 -0
- package/src/Core/IconComponents/SearchIcon.tsx +14 -0
- package/src/Core/IconComponents/index.ts +2 -0
- package/src/Core/Line/Line.tsx +24 -0
- package/src/Core/Line/index.ts +1 -0
- package/src/Core/Typography/Typography.tsx +7 -5
- package/src/Core/Typography/index.ts +1 -2
- package/src/Core/index.ts +1 -0
- package/src/FullscreenCard/FullscreenCard.tsx +30 -0
- package/src/FullscreenCard/index.ts +1 -0
- package/src/Layouts/Container/Container.tsx +18 -0
- package/src/Layouts/Container/index.ts +1 -0
- package/src/Layouts/index.ts +1 -0
- package/src/Theme/ThemeProvider.tsx +14 -5
- package/src/Theme/componentFabric.ts +70 -0
- package/src/Theme/index.ts +1 -0
- package/src/Theme/theme.ts +21 -1
- package/src/Theme/types.ts +9 -1
- package/src/index.ts +1 -0
- package/tsconfig.paths.json +1 -7
- package/tsup.config.ts +0 -7
package/README.md
CHANGED
|
@@ -66,9 +66,3 @@ The project uses various optimizations for efficient building:
|
|
|
66
66
|
- Inline source maps for easier debugging
|
|
67
67
|
- No minification for faster builds
|
|
68
68
|
- No type generation for speed
|
|
69
|
-
|
|
70
|
-
### Code Organization
|
|
71
|
-
|
|
72
|
-
- Path aliases for cleaner imports (`@core/`, `@theme/`, etc.)
|
|
73
|
-
- Separate development and production configs
|
|
74
|
-
- CSS/SCSS support via injection
|
package/dist/index.d.mts
CHANGED
|
@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
|
-
import { CSSProperties, DefaultTheme } from 'styled-components';
|
|
6
|
-
import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
|
|
5
|
+
import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
|
|
7
6
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
8
7
|
import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
|
|
8
|
+
import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
|
|
9
9
|
import { GraphData } from 'react-force-graph-2d';
|
|
10
10
|
|
|
11
11
|
declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
|
|
@@ -27,6 +27,10 @@ type ButtonElementStyle = {
|
|
|
27
27
|
text: string;
|
|
28
28
|
border: string;
|
|
29
29
|
boxShadow: string;
|
|
30
|
+
filledIcon?: {
|
|
31
|
+
background: string;
|
|
32
|
+
color: string;
|
|
33
|
+
};
|
|
30
34
|
};
|
|
31
35
|
type ButtonSizeStyle = {
|
|
32
36
|
fontSize: number | string;
|
|
@@ -81,6 +85,10 @@ type Theme = {
|
|
|
81
85
|
warning: string;
|
|
82
86
|
info: string;
|
|
83
87
|
};
|
|
88
|
+
line: {
|
|
89
|
+
size: string | number;
|
|
90
|
+
color: string;
|
|
91
|
+
};
|
|
84
92
|
typography: {
|
|
85
93
|
fontFamily: string;
|
|
86
94
|
lineHeight: number;
|
|
@@ -191,8 +199,8 @@ type Theme = {
|
|
|
191
199
|
box: {
|
|
192
200
|
padding: number | string;
|
|
193
201
|
background: string;
|
|
202
|
+
borderRadius: number | string;
|
|
194
203
|
border: {
|
|
195
|
-
radius: number | string;
|
|
196
204
|
width: number | string;
|
|
197
205
|
style: string;
|
|
198
206
|
color: string;
|
|
@@ -260,7 +268,26 @@ declare const lightThemePx: Theme;
|
|
|
260
268
|
declare const lightTheme: DefaultTheme$1;
|
|
261
269
|
declare const darkTheme: DefaultTheme$1;
|
|
262
270
|
|
|
263
|
-
|
|
271
|
+
type MarginProps = {
|
|
272
|
+
m?: string | number;
|
|
273
|
+
mt?: string | number;
|
|
274
|
+
mr?: string | number;
|
|
275
|
+
mb?: string | number;
|
|
276
|
+
ml?: string | number;
|
|
277
|
+
mx?: string | number;
|
|
278
|
+
my?: string | number;
|
|
279
|
+
p?: string | number;
|
|
280
|
+
pt?: string | number;
|
|
281
|
+
pr?: string | number;
|
|
282
|
+
pb?: string | number;
|
|
283
|
+
pl?: string | number;
|
|
284
|
+
px?: string | number;
|
|
285
|
+
py?: string | number;
|
|
286
|
+
};
|
|
287
|
+
type FabricComponent<T = object> = T & MarginProps;
|
|
288
|
+
declare const createComponent: <T = object>(element: WebTarget) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<any, FabricComponent<T>>> & (string & (styled_components_dist_types.BaseObject | Omit<styled_components_dist_types.ExoticComponentWithDisplayName<any>, keyof react.Component<any, {}, any>> | Omit<react.ComponentClass<any, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<any>, keyof react.Component<any, {}, any>>));
|
|
289
|
+
|
|
290
|
+
type BaseButtonProps = FabricComponent<{
|
|
264
291
|
children?: any;
|
|
265
292
|
variant?: ButtonVariant;
|
|
266
293
|
color?: ButtonColor;
|
|
@@ -270,9 +297,10 @@ interface BaseButtonProps {
|
|
|
270
297
|
className?: string;
|
|
271
298
|
icon?: any;
|
|
272
299
|
iconPosition?: 'left' | 'right';
|
|
273
|
-
|
|
300
|
+
iconVariant?: 'filled' | 'empty';
|
|
301
|
+
}>;
|
|
274
302
|
type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>) & BaseButtonProps;
|
|
275
|
-
declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
303
|
+
declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, iconVariant, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
276
304
|
|
|
277
305
|
interface AlertIconProps extends SVGProps<SVGSVGElement> {
|
|
278
306
|
fill?: string;
|
|
@@ -424,6 +452,11 @@ interface SandBoxIconProps extends SVGProps<SVGSVGElement> {
|
|
|
424
452
|
}
|
|
425
453
|
declare const SandBoxIcon: ({ fill, ...props }: SandBoxIconProps) => react_jsx_runtime.JSX.Element;
|
|
426
454
|
|
|
455
|
+
interface SearchIconProps extends SVGProps<SVGSVGElement> {
|
|
456
|
+
stroke?: string;
|
|
457
|
+
}
|
|
458
|
+
declare const SearchIcon: ({ stroke, ...props }: SearchIconProps) => react_jsx_runtime.JSX.Element;
|
|
459
|
+
|
|
427
460
|
interface StatisticIconProps extends SVGProps<SVGSVGElement> {
|
|
428
461
|
fill?: string;
|
|
429
462
|
}
|
|
@@ -490,6 +523,11 @@ interface DataSetsIconProps extends SVGProps<SVGSVGElement> {
|
|
|
490
523
|
}
|
|
491
524
|
declare const CrossIcon: ({ fill, ...props }: DataSetsIconProps) => react_jsx_runtime.JSX.Element;
|
|
492
525
|
|
|
526
|
+
interface MaximizeIconProps extends SVGProps<SVGSVGElement> {
|
|
527
|
+
fill?: string;
|
|
528
|
+
}
|
|
529
|
+
declare const MaximizeIcon: ({ fill, ...props }: MaximizeIconProps) => react_jsx_runtime.JSX.Element;
|
|
530
|
+
|
|
493
531
|
interface SidebarProps {
|
|
494
532
|
defaultCollapsed?: boolean;
|
|
495
533
|
children: any;
|
|
@@ -529,7 +567,7 @@ interface SidebarSectionProps {
|
|
|
529
567
|
}
|
|
530
568
|
declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
|
|
531
569
|
|
|
532
|
-
|
|
570
|
+
type TypographyProps = FabricComponent<{
|
|
533
571
|
style?: CSSProperties$1;
|
|
534
572
|
variant?: TypographyVariant;
|
|
535
573
|
element?: ElementType;
|
|
@@ -538,8 +576,8 @@ interface TypographyProps {
|
|
|
538
576
|
fontStyle?: CSSProperties$1['fontStyle'];
|
|
539
577
|
color?: ColorVariant | string;
|
|
540
578
|
className?: string;
|
|
541
|
-
}
|
|
542
|
-
declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
579
|
+
}>;
|
|
580
|
+
declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
543
581
|
|
|
544
582
|
interface ListMenuProps {
|
|
545
583
|
children: any;
|
|
@@ -724,7 +762,44 @@ interface FlexItemProps {
|
|
|
724
762
|
}
|
|
725
763
|
declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
|
|
726
764
|
|
|
727
|
-
declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<
|
|
765
|
+
declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
|
|
766
|
+
m?: string | number;
|
|
767
|
+
mt?: string | number;
|
|
768
|
+
mr?: string | number;
|
|
769
|
+
mb?: string | number;
|
|
770
|
+
ml?: string | number;
|
|
771
|
+
mx?: string | number;
|
|
772
|
+
my?: string | number;
|
|
773
|
+
p?: string | number;
|
|
774
|
+
pt?: string | number;
|
|
775
|
+
pr?: string | number;
|
|
776
|
+
pb?: string | number;
|
|
777
|
+
pl?: string | number;
|
|
778
|
+
px?: string | number;
|
|
779
|
+
py?: string | number;
|
|
780
|
+
}> & {
|
|
781
|
+
children: any;
|
|
782
|
+
} & {
|
|
783
|
+
m?: string | number;
|
|
784
|
+
mt?: string | number;
|
|
785
|
+
mr?: string | number;
|
|
786
|
+
mb?: string | number;
|
|
787
|
+
ml?: string | number;
|
|
788
|
+
mx?: string | number;
|
|
789
|
+
my?: string | number;
|
|
790
|
+
p?: string | number;
|
|
791
|
+
pt?: string | number;
|
|
792
|
+
pr?: string | number;
|
|
793
|
+
pb?: string | number;
|
|
794
|
+
pl?: string | number;
|
|
795
|
+
px?: string | number;
|
|
796
|
+
py?: string | number;
|
|
797
|
+
}, never>> & string;
|
|
798
|
+
|
|
799
|
+
type LineProps = FabricComponent<{
|
|
800
|
+
direction?: 'horizontal' | 'vertical';
|
|
801
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
|
|
802
|
+
declare const Line: ({ direction, ...props }: LineProps) => react_jsx_runtime.JSX.Element;
|
|
728
803
|
|
|
729
804
|
interface PageLayoutProps {
|
|
730
805
|
header?: any;
|
|
@@ -738,6 +813,12 @@ interface StyledContainerProps {
|
|
|
738
813
|
}
|
|
739
814
|
declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
|
|
740
815
|
|
|
816
|
+
type ContainerProps = FabricComponent<{
|
|
817
|
+
children: any;
|
|
818
|
+
maxWidth?: string | number;
|
|
819
|
+
}>;
|
|
820
|
+
declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
821
|
+
|
|
741
822
|
interface Graph2DProps {
|
|
742
823
|
graphData?: GraphData;
|
|
743
824
|
linkSource?: string;
|
|
@@ -759,4 +840,11 @@ interface Graph2DProps {
|
|
|
759
840
|
|
|
760
841
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
761
842
|
|
|
762
|
-
|
|
843
|
+
interface FullscreenCardProps {
|
|
844
|
+
children: any;
|
|
845
|
+
position: 'absolute' | 'fixed';
|
|
846
|
+
isActive: boolean;
|
|
847
|
+
}
|
|
848
|
+
declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
849
|
+
|
|
850
|
+
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, 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, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
|
-
import { CSSProperties, DefaultTheme } from 'styled-components';
|
|
6
|
-
import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
|
|
5
|
+
import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
|
|
7
6
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
8
7
|
import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
|
|
8
|
+
import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
|
|
9
9
|
import { GraphData } from 'react-force-graph-2d';
|
|
10
10
|
|
|
11
11
|
declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
|
|
@@ -27,6 +27,10 @@ type ButtonElementStyle = {
|
|
|
27
27
|
text: string;
|
|
28
28
|
border: string;
|
|
29
29
|
boxShadow: string;
|
|
30
|
+
filledIcon?: {
|
|
31
|
+
background: string;
|
|
32
|
+
color: string;
|
|
33
|
+
};
|
|
30
34
|
};
|
|
31
35
|
type ButtonSizeStyle = {
|
|
32
36
|
fontSize: number | string;
|
|
@@ -81,6 +85,10 @@ type Theme = {
|
|
|
81
85
|
warning: string;
|
|
82
86
|
info: string;
|
|
83
87
|
};
|
|
88
|
+
line: {
|
|
89
|
+
size: string | number;
|
|
90
|
+
color: string;
|
|
91
|
+
};
|
|
84
92
|
typography: {
|
|
85
93
|
fontFamily: string;
|
|
86
94
|
lineHeight: number;
|
|
@@ -191,8 +199,8 @@ type Theme = {
|
|
|
191
199
|
box: {
|
|
192
200
|
padding: number | string;
|
|
193
201
|
background: string;
|
|
202
|
+
borderRadius: number | string;
|
|
194
203
|
border: {
|
|
195
|
-
radius: number | string;
|
|
196
204
|
width: number | string;
|
|
197
205
|
style: string;
|
|
198
206
|
color: string;
|
|
@@ -260,7 +268,26 @@ declare const lightThemePx: Theme;
|
|
|
260
268
|
declare const lightTheme: DefaultTheme$1;
|
|
261
269
|
declare const darkTheme: DefaultTheme$1;
|
|
262
270
|
|
|
263
|
-
|
|
271
|
+
type MarginProps = {
|
|
272
|
+
m?: string | number;
|
|
273
|
+
mt?: string | number;
|
|
274
|
+
mr?: string | number;
|
|
275
|
+
mb?: string | number;
|
|
276
|
+
ml?: string | number;
|
|
277
|
+
mx?: string | number;
|
|
278
|
+
my?: string | number;
|
|
279
|
+
p?: string | number;
|
|
280
|
+
pt?: string | number;
|
|
281
|
+
pr?: string | number;
|
|
282
|
+
pb?: string | number;
|
|
283
|
+
pl?: string | number;
|
|
284
|
+
px?: string | number;
|
|
285
|
+
py?: string | number;
|
|
286
|
+
};
|
|
287
|
+
type FabricComponent<T = object> = T & MarginProps;
|
|
288
|
+
declare const createComponent: <T = object>(element: WebTarget) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<any, FabricComponent<T>>> & (string & (styled_components_dist_types.BaseObject | Omit<styled_components_dist_types.ExoticComponentWithDisplayName<any>, keyof react.Component<any, {}, any>> | Omit<react.ComponentClass<any, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<any>, keyof react.Component<any, {}, any>>));
|
|
289
|
+
|
|
290
|
+
type BaseButtonProps = FabricComponent<{
|
|
264
291
|
children?: any;
|
|
265
292
|
variant?: ButtonVariant;
|
|
266
293
|
color?: ButtonColor;
|
|
@@ -270,9 +297,10 @@ interface BaseButtonProps {
|
|
|
270
297
|
className?: string;
|
|
271
298
|
icon?: any;
|
|
272
299
|
iconPosition?: 'left' | 'right';
|
|
273
|
-
|
|
300
|
+
iconVariant?: 'filled' | 'empty';
|
|
301
|
+
}>;
|
|
274
302
|
type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>) & BaseButtonProps;
|
|
275
|
-
declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
303
|
+
declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, iconVariant, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
276
304
|
|
|
277
305
|
interface AlertIconProps extends SVGProps<SVGSVGElement> {
|
|
278
306
|
fill?: string;
|
|
@@ -424,6 +452,11 @@ interface SandBoxIconProps extends SVGProps<SVGSVGElement> {
|
|
|
424
452
|
}
|
|
425
453
|
declare const SandBoxIcon: ({ fill, ...props }: SandBoxIconProps) => react_jsx_runtime.JSX.Element;
|
|
426
454
|
|
|
455
|
+
interface SearchIconProps extends SVGProps<SVGSVGElement> {
|
|
456
|
+
stroke?: string;
|
|
457
|
+
}
|
|
458
|
+
declare const SearchIcon: ({ stroke, ...props }: SearchIconProps) => react_jsx_runtime.JSX.Element;
|
|
459
|
+
|
|
427
460
|
interface StatisticIconProps extends SVGProps<SVGSVGElement> {
|
|
428
461
|
fill?: string;
|
|
429
462
|
}
|
|
@@ -490,6 +523,11 @@ interface DataSetsIconProps extends SVGProps<SVGSVGElement> {
|
|
|
490
523
|
}
|
|
491
524
|
declare const CrossIcon: ({ fill, ...props }: DataSetsIconProps) => react_jsx_runtime.JSX.Element;
|
|
492
525
|
|
|
526
|
+
interface MaximizeIconProps extends SVGProps<SVGSVGElement> {
|
|
527
|
+
fill?: string;
|
|
528
|
+
}
|
|
529
|
+
declare const MaximizeIcon: ({ fill, ...props }: MaximizeIconProps) => react_jsx_runtime.JSX.Element;
|
|
530
|
+
|
|
493
531
|
interface SidebarProps {
|
|
494
532
|
defaultCollapsed?: boolean;
|
|
495
533
|
children: any;
|
|
@@ -529,7 +567,7 @@ interface SidebarSectionProps {
|
|
|
529
567
|
}
|
|
530
568
|
declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
|
|
531
569
|
|
|
532
|
-
|
|
570
|
+
type TypographyProps = FabricComponent<{
|
|
533
571
|
style?: CSSProperties$1;
|
|
534
572
|
variant?: TypographyVariant;
|
|
535
573
|
element?: ElementType;
|
|
@@ -538,8 +576,8 @@ interface TypographyProps {
|
|
|
538
576
|
fontStyle?: CSSProperties$1['fontStyle'];
|
|
539
577
|
color?: ColorVariant | string;
|
|
540
578
|
className?: string;
|
|
541
|
-
}
|
|
542
|
-
declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
579
|
+
}>;
|
|
580
|
+
declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, ...props }: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
543
581
|
|
|
544
582
|
interface ListMenuProps {
|
|
545
583
|
children: any;
|
|
@@ -724,7 +762,44 @@ interface FlexItemProps {
|
|
|
724
762
|
}
|
|
725
763
|
declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
|
|
726
764
|
|
|
727
|
-
declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<
|
|
765
|
+
declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
|
|
766
|
+
m?: string | number;
|
|
767
|
+
mt?: string | number;
|
|
768
|
+
mr?: string | number;
|
|
769
|
+
mb?: string | number;
|
|
770
|
+
ml?: string | number;
|
|
771
|
+
mx?: string | number;
|
|
772
|
+
my?: string | number;
|
|
773
|
+
p?: string | number;
|
|
774
|
+
pt?: string | number;
|
|
775
|
+
pr?: string | number;
|
|
776
|
+
pb?: string | number;
|
|
777
|
+
pl?: string | number;
|
|
778
|
+
px?: string | number;
|
|
779
|
+
py?: string | number;
|
|
780
|
+
}> & {
|
|
781
|
+
children: any;
|
|
782
|
+
} & {
|
|
783
|
+
m?: string | number;
|
|
784
|
+
mt?: string | number;
|
|
785
|
+
mr?: string | number;
|
|
786
|
+
mb?: string | number;
|
|
787
|
+
ml?: string | number;
|
|
788
|
+
mx?: string | number;
|
|
789
|
+
my?: string | number;
|
|
790
|
+
p?: string | number;
|
|
791
|
+
pt?: string | number;
|
|
792
|
+
pr?: string | number;
|
|
793
|
+
pb?: string | number;
|
|
794
|
+
pl?: string | number;
|
|
795
|
+
px?: string | number;
|
|
796
|
+
py?: string | number;
|
|
797
|
+
}, never>> & string;
|
|
798
|
+
|
|
799
|
+
type LineProps = FabricComponent<{
|
|
800
|
+
direction?: 'horizontal' | 'vertical';
|
|
801
|
+
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
|
|
802
|
+
declare const Line: ({ direction, ...props }: LineProps) => react_jsx_runtime.JSX.Element;
|
|
728
803
|
|
|
729
804
|
interface PageLayoutProps {
|
|
730
805
|
header?: any;
|
|
@@ -738,6 +813,12 @@ interface StyledContainerProps {
|
|
|
738
813
|
}
|
|
739
814
|
declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
|
|
740
815
|
|
|
816
|
+
type ContainerProps = FabricComponent<{
|
|
817
|
+
children: any;
|
|
818
|
+
maxWidth?: string | number;
|
|
819
|
+
}>;
|
|
820
|
+
declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
821
|
+
|
|
741
822
|
interface Graph2DProps {
|
|
742
823
|
graphData?: GraphData;
|
|
743
824
|
linkSource?: string;
|
|
@@ -759,4 +840,11 @@ interface Graph2DProps {
|
|
|
759
840
|
|
|
760
841
|
declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
|
|
761
842
|
|
|
762
|
-
|
|
843
|
+
interface FullscreenCardProps {
|
|
844
|
+
children: any;
|
|
845
|
+
position: 'absolute' | 'fixed';
|
|
846
|
+
isActive: boolean;
|
|
847
|
+
}
|
|
848
|
+
declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
|
|
849
|
+
|
|
850
|
+
export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, 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, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
|