@useloops/design-system 1.4.282 → 1.4.284
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/esm/index.js +4 -4
- package/dist/index.d.ts +251 -194
- package/dist/index.js +4 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import * as _mui_material from '@mui/material';
|
|
2
|
-
import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
|
|
3
1
|
import * as react from 'react';
|
|
4
|
-
import react__default, {
|
|
2
|
+
import react__default, { Dispatch, SetStateAction, FunctionComponent, ReactElement, PropsWithChildren, ChangeEvent, FC, ReactNode } from 'react';
|
|
3
|
+
import * as _mui_material from '@mui/material';
|
|
4
|
+
import { SxProps, Theme, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, ChipProps as ChipProps$1, PaletteMode, Direction } from '@mui/material';
|
|
5
5
|
import { PopupState } from 'material-ui-popup-state/hooks';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
|
+
import { ChipProps } from '@mui/material/Chip';
|
|
7
8
|
import { SubmitHandler } from 'react-hook-form';
|
|
8
9
|
import { Theme as Theme$1 } from '@mui/material/styles';
|
|
9
10
|
import { NumericFormatProps } from 'react-number-format';
|
|
@@ -12,7 +13,6 @@ import * as _mui_system from '@mui/system';
|
|
|
12
13
|
import { UniqueIdentifier } from '@dnd-kit/core';
|
|
13
14
|
import { Mark } from '@mui/material/Slider/useSlider.types';
|
|
14
15
|
import { LazyLoadImageProps } from 'react-lazy-load-image-component';
|
|
15
|
-
import { ChipProps } from '@mui/material/Chip';
|
|
16
16
|
|
|
17
17
|
interface ColorRange$1 {
|
|
18
18
|
0: string;
|
|
@@ -654,195 +654,6 @@ interface CustomTheme {
|
|
|
654
654
|
};
|
|
655
655
|
}
|
|
656
656
|
|
|
657
|
-
type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
|
|
658
|
-
type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
659
|
-
|
|
660
|
-
interface SurfaceProps extends PaperProps {
|
|
661
|
-
variation?: SurfaceVariation;
|
|
662
|
-
borderradius?: BorderRadius;
|
|
663
|
-
}
|
|
664
|
-
declare const Surface: FC<SurfaceProps>;
|
|
665
|
-
|
|
666
|
-
interface AuthContainerSurfaceProps extends SurfaceProps {
|
|
667
|
-
headContent?: ReactNode;
|
|
668
|
-
sx?: SxProps<Theme>;
|
|
669
|
-
children: ReactNode;
|
|
670
|
-
}
|
|
671
|
-
declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
|
|
672
|
-
|
|
673
|
-
interface BreadcrumbLink {
|
|
674
|
-
label: string;
|
|
675
|
-
href?: string;
|
|
676
|
-
}
|
|
677
|
-
interface BreadcrumbProps {
|
|
678
|
-
links?: BreadcrumbLink[];
|
|
679
|
-
}
|
|
680
|
-
declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
|
|
681
|
-
|
|
682
|
-
interface HeaderProps {
|
|
683
|
-
backHref?: string;
|
|
684
|
-
breadcrumbLinks?: BreadcrumbLink[];
|
|
685
|
-
buttons?: ReactNode;
|
|
686
|
-
controlBar?: ReactNode;
|
|
687
|
-
title?: string;
|
|
688
|
-
}
|
|
689
|
-
declare const Header: FunctionComponent<HeaderProps>;
|
|
690
|
-
|
|
691
|
-
type NavigationButtonSizing = 'sm' | 'md' | 'lg';
|
|
692
|
-
interface NavigationButtonProps {
|
|
693
|
-
active?: boolean;
|
|
694
|
-
danger?: boolean;
|
|
695
|
-
fullWidth?: boolean;
|
|
696
|
-
href?: string;
|
|
697
|
-
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
698
|
-
external?: boolean;
|
|
699
|
-
icon?: IconName;
|
|
700
|
-
label?: string;
|
|
701
|
-
navigationSizing?: NavigationSizing;
|
|
702
|
-
onClick?: () => void;
|
|
703
|
-
sizing?: NavigationButtonSizing;
|
|
704
|
-
}
|
|
705
|
-
declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
|
|
706
|
-
|
|
707
|
-
interface MenuItemProps {
|
|
708
|
-
active?: boolean;
|
|
709
|
-
children?: MenuItemProps[];
|
|
710
|
-
baseState?: PopupState;
|
|
711
|
-
closeOnClick?: boolean;
|
|
712
|
-
danger?: boolean;
|
|
713
|
-
divider?: boolean;
|
|
714
|
-
heading?: boolean;
|
|
715
|
-
label?: string;
|
|
716
|
-
onClick?: () => void;
|
|
717
|
-
selected?: boolean;
|
|
718
|
-
selectOne?: boolean;
|
|
719
|
-
width?: number;
|
|
720
|
-
}
|
|
721
|
-
|
|
722
|
-
interface UserMenuProps extends PropsWithChildren {
|
|
723
|
-
avatar?: string;
|
|
724
|
-
email: string;
|
|
725
|
-
menuItems?: MenuItemProps[];
|
|
726
|
-
name: string;
|
|
727
|
-
offset?: number[];
|
|
728
|
-
placement?: PopperProps$1['placement'];
|
|
729
|
-
rounded?: boolean;
|
|
730
|
-
width?: number;
|
|
731
|
-
}
|
|
732
|
-
declare const UserMenu: FunctionComponent<UserMenuProps>;
|
|
733
|
-
|
|
734
|
-
type NavigationSizing = 'sm' | 'lg';
|
|
735
|
-
interface NavigationProps {
|
|
736
|
-
isMobile?: boolean;
|
|
737
|
-
logoLink?: () => void;
|
|
738
|
-
nudgeProps?: NudgeProps$1;
|
|
739
|
-
primaryMenuItemProps?: NavigationButtonProps[];
|
|
740
|
-
secondaryMenuItemProps?: NavigationButtonProps[];
|
|
741
|
-
sizing?: NavigationSizing;
|
|
742
|
-
tertiaryMenuItemProps?: NavigationButtonProps[];
|
|
743
|
-
toggleMenuOnClick?: () => void;
|
|
744
|
-
userMenuProps: UserMenuProps;
|
|
745
|
-
}
|
|
746
|
-
interface NudgeProps$1 extends PropsWithChildren {
|
|
747
|
-
description: string;
|
|
748
|
-
notification: boolean;
|
|
749
|
-
title: string;
|
|
750
|
-
}
|
|
751
|
-
declare const Navigation: FunctionComponent<NavigationProps>;
|
|
752
|
-
|
|
753
|
-
type OnboardingItem = {
|
|
754
|
-
complete: boolean;
|
|
755
|
-
title: string;
|
|
756
|
-
description?: string;
|
|
757
|
-
onClick?: () => void;
|
|
758
|
-
};
|
|
759
|
-
interface OnboardingCardProps {
|
|
760
|
-
cardTitle: string;
|
|
761
|
-
cardSubtitle: string;
|
|
762
|
-
welcomeImageUrl: string;
|
|
763
|
-
welcomeImageAltDescription?: string;
|
|
764
|
-
items: OnboardingItem[];
|
|
765
|
-
}
|
|
766
|
-
declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
|
|
767
|
-
|
|
768
|
-
interface ProjectItemViewType {
|
|
769
|
-
viewType?: 'grid' | 'list';
|
|
770
|
-
}
|
|
771
|
-
interface UserProps {
|
|
772
|
-
id: string;
|
|
773
|
-
email: string;
|
|
774
|
-
firstName: string;
|
|
775
|
-
lastName: string;
|
|
776
|
-
country: string | null;
|
|
777
|
-
city: string | null;
|
|
778
|
-
profileImage: string | null;
|
|
779
|
-
jobTitle: string | null;
|
|
780
|
-
role: string | null;
|
|
781
|
-
}
|
|
782
|
-
interface ProjectItemDataProps {
|
|
783
|
-
id: string;
|
|
784
|
-
postId: string;
|
|
785
|
-
versionId: string;
|
|
786
|
-
thumbnail: string;
|
|
787
|
-
demoSurveyId: string;
|
|
788
|
-
title: string;
|
|
789
|
-
description: string | null;
|
|
790
|
-
demoProjectSummary?: string | null;
|
|
791
|
-
demoSurveySummary?: string | null;
|
|
792
|
-
name: string;
|
|
793
|
-
user: UserProps;
|
|
794
|
-
isAuthor: boolean;
|
|
795
|
-
isDemo: boolean;
|
|
796
|
-
loopCount: number | null;
|
|
797
|
-
testCount: number | null;
|
|
798
|
-
draftCount: number | null;
|
|
799
|
-
updatedAt?: string;
|
|
800
|
-
tags?: string[] | null;
|
|
801
|
-
onClick?: () => void;
|
|
802
|
-
loading?: boolean;
|
|
803
|
-
moreActions?: React.ReactNode;
|
|
804
|
-
}
|
|
805
|
-
interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
|
|
806
|
-
}
|
|
807
|
-
interface ProjectItemEmptyProps {
|
|
808
|
-
onClick?: () => void;
|
|
809
|
-
viewType?: 'grid' | 'list';
|
|
810
|
-
title: string;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
declare const ProjectItem: FunctionComponent<ProjectItemProps>;
|
|
814
|
-
|
|
815
|
-
declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
|
|
816
|
-
|
|
817
|
-
interface ProjectsProps {
|
|
818
|
-
}
|
|
819
|
-
declare const Projects: FunctionComponent<ProjectsProps>;
|
|
820
|
-
|
|
821
|
-
interface SectionHeaderProps {
|
|
822
|
-
buttons?: ReactNode;
|
|
823
|
-
loading?: boolean;
|
|
824
|
-
subtitle?: string;
|
|
825
|
-
title?: string;
|
|
826
|
-
}
|
|
827
|
-
declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
|
|
828
|
-
|
|
829
|
-
interface LoopItemEmptyProps extends PropsWithChildren {
|
|
830
|
-
onClick: () => void;
|
|
831
|
-
}
|
|
832
|
-
declare const LoopItemEmpty: react.ForwardRefExoticComponent<LoopItemEmptyProps & react.RefAttributes<HTMLDivElement>>;
|
|
833
|
-
|
|
834
|
-
interface LoopItemProps extends PropsWithChildren {
|
|
835
|
-
onClick: () => void;
|
|
836
|
-
id: string;
|
|
837
|
-
thumbnail: string;
|
|
838
|
-
title: string;
|
|
839
|
-
active?: boolean;
|
|
840
|
-
loading?: boolean;
|
|
841
|
-
testCount: number | null;
|
|
842
|
-
draftCount: number | null;
|
|
843
|
-
}
|
|
844
|
-
declare const LoopItem: FunctionComponent<LoopItemProps>;
|
|
845
|
-
|
|
846
657
|
declare const emailValidation: {
|
|
847
658
|
pattern: {
|
|
848
659
|
value: RegExp;
|
|
@@ -1018,6 +829,15 @@ interface BadgeProps extends PropsWithChildren {
|
|
|
1018
829
|
}
|
|
1019
830
|
declare const Badge: FunctionComponent<BadgeProps>;
|
|
1020
831
|
|
|
832
|
+
interface BreadcrumbLink {
|
|
833
|
+
label: string;
|
|
834
|
+
href?: string;
|
|
835
|
+
}
|
|
836
|
+
interface BreadcrumbProps {
|
|
837
|
+
links?: BreadcrumbLink[];
|
|
838
|
+
}
|
|
839
|
+
declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
|
|
840
|
+
|
|
1021
841
|
interface ButtonBaseProps extends ButtonProps$1 {
|
|
1022
842
|
loading?: boolean;
|
|
1023
843
|
sizing: ButtonSizing;
|
|
@@ -1434,6 +1254,15 @@ type MarkdownProps = {
|
|
|
1434
1254
|
};
|
|
1435
1255
|
declare const Markdown: FC<MarkdownProps>;
|
|
1436
1256
|
|
|
1257
|
+
type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
|
|
1258
|
+
type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1259
|
+
|
|
1260
|
+
interface SurfaceProps extends PaperProps {
|
|
1261
|
+
variation?: SurfaceVariation;
|
|
1262
|
+
borderradius?: BorderRadius;
|
|
1263
|
+
}
|
|
1264
|
+
declare const Surface: FC<SurfaceProps>;
|
|
1265
|
+
|
|
1437
1266
|
type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
|
|
1438
1267
|
interface PopperProps {
|
|
1439
1268
|
popperProps?: Partial<PopperProps$1>;
|
|
@@ -1449,6 +1278,21 @@ interface PopperProps {
|
|
|
1449
1278
|
}
|
|
1450
1279
|
declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
|
|
1451
1280
|
|
|
1281
|
+
interface MenuItemProps {
|
|
1282
|
+
active?: boolean;
|
|
1283
|
+
children?: MenuItemProps[];
|
|
1284
|
+
baseState?: PopupState;
|
|
1285
|
+
closeOnClick?: boolean;
|
|
1286
|
+
danger?: boolean;
|
|
1287
|
+
divider?: boolean;
|
|
1288
|
+
heading?: boolean;
|
|
1289
|
+
label?: string;
|
|
1290
|
+
onClick?: () => void;
|
|
1291
|
+
selected?: boolean;
|
|
1292
|
+
selectOne?: boolean;
|
|
1293
|
+
width?: number;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1452
1296
|
interface MenuProps extends PropsWithChildren {
|
|
1453
1297
|
menuItems?: MenuItemProps[];
|
|
1454
1298
|
offset?: number[];
|
|
@@ -1463,6 +1307,53 @@ interface MenuProps extends PropsWithChildren {
|
|
|
1463
1307
|
}
|
|
1464
1308
|
declare const Menu: FunctionComponent<MenuProps>;
|
|
1465
1309
|
|
|
1310
|
+
interface UserMenuProps extends PropsWithChildren {
|
|
1311
|
+
avatar?: string;
|
|
1312
|
+
email: string;
|
|
1313
|
+
menuItems?: MenuItemProps[];
|
|
1314
|
+
name: string;
|
|
1315
|
+
offset?: number[];
|
|
1316
|
+
placement?: PopperProps$1['placement'];
|
|
1317
|
+
rounded?: boolean;
|
|
1318
|
+
width?: number;
|
|
1319
|
+
}
|
|
1320
|
+
declare const UserMenu: FunctionComponent<UserMenuProps>;
|
|
1321
|
+
|
|
1322
|
+
type NavigationSizing = 'sm' | 'lg';
|
|
1323
|
+
interface NavigationProps {
|
|
1324
|
+
isMobile?: boolean;
|
|
1325
|
+
logoLink?: () => void;
|
|
1326
|
+
nudgeProps?: NudgeProps$1;
|
|
1327
|
+
primaryMenuItemProps?: NavigationButtonProps[];
|
|
1328
|
+
secondaryMenuItemProps?: NavigationButtonProps[];
|
|
1329
|
+
sizing?: NavigationSizing;
|
|
1330
|
+
tertiaryMenuItemProps?: NavigationButtonProps[];
|
|
1331
|
+
toggleMenuOnClick?: () => void;
|
|
1332
|
+
userMenuProps: UserMenuProps;
|
|
1333
|
+
}
|
|
1334
|
+
interface NudgeProps$1 extends PropsWithChildren {
|
|
1335
|
+
description: string;
|
|
1336
|
+
notification: boolean;
|
|
1337
|
+
title: string;
|
|
1338
|
+
}
|
|
1339
|
+
declare const Navigation: FunctionComponent<NavigationProps>;
|
|
1340
|
+
|
|
1341
|
+
type NavigationButtonSizing = 'sm' | 'md' | 'lg';
|
|
1342
|
+
interface NavigationButtonProps {
|
|
1343
|
+
active?: boolean;
|
|
1344
|
+
danger?: boolean;
|
|
1345
|
+
fullWidth?: boolean;
|
|
1346
|
+
href?: string;
|
|
1347
|
+
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
1348
|
+
external?: boolean;
|
|
1349
|
+
icon?: IconName;
|
|
1350
|
+
label?: string;
|
|
1351
|
+
navigationSizing?: NavigationSizing;
|
|
1352
|
+
onClick?: () => void;
|
|
1353
|
+
sizing?: NavigationButtonSizing;
|
|
1354
|
+
}
|
|
1355
|
+
declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
|
|
1356
|
+
|
|
1466
1357
|
interface NudgeProps extends PropsWithChildren {
|
|
1467
1358
|
description: string;
|
|
1468
1359
|
notification?: boolean;
|
|
@@ -1763,6 +1654,172 @@ interface AccordionProps {
|
|
|
1763
1654
|
}
|
|
1764
1655
|
declare const Accordion: FunctionComponent<AccordionProps>;
|
|
1765
1656
|
|
|
1657
|
+
interface AssetItemProps {
|
|
1658
|
+
thumbnail: string;
|
|
1659
|
+
size?: 'sm' | 'lg';
|
|
1660
|
+
cover?: boolean;
|
|
1661
|
+
mediaType: 'image' | 'video';
|
|
1662
|
+
loading?: boolean;
|
|
1663
|
+
menuItems: MenuProps['menuItems'];
|
|
1664
|
+
slotProps?: {
|
|
1665
|
+
menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
|
|
1666
|
+
};
|
|
1667
|
+
}
|
|
1668
|
+
declare const AssetItem: FunctionComponent<AssetItemProps>;
|
|
1669
|
+
|
|
1670
|
+
interface AuthContainerSurfaceProps extends SurfaceProps {
|
|
1671
|
+
headContent?: ReactNode;
|
|
1672
|
+
sx?: SxProps<Theme>;
|
|
1673
|
+
children: ReactNode;
|
|
1674
|
+
}
|
|
1675
|
+
declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
|
|
1676
|
+
|
|
1677
|
+
interface HeaderProps {
|
|
1678
|
+
backHref?: string;
|
|
1679
|
+
breadcrumbLinks?: BreadcrumbLink[];
|
|
1680
|
+
buttons?: ReactNode;
|
|
1681
|
+
controlBar?: ReactNode;
|
|
1682
|
+
title?: string;
|
|
1683
|
+
}
|
|
1684
|
+
declare const Header: FunctionComponent<HeaderProps>;
|
|
1685
|
+
|
|
1686
|
+
interface LoopItemProps extends PropsWithChildren {
|
|
1687
|
+
onClick: () => void;
|
|
1688
|
+
id: string;
|
|
1689
|
+
thumbnail: string;
|
|
1690
|
+
title: string;
|
|
1691
|
+
active?: boolean;
|
|
1692
|
+
loading?: boolean;
|
|
1693
|
+
testCount: number | null;
|
|
1694
|
+
draftCount: number | null;
|
|
1695
|
+
}
|
|
1696
|
+
declare const LoopItem: FunctionComponent<LoopItemProps>;
|
|
1697
|
+
|
|
1698
|
+
interface LoopItemEmptyProps extends PropsWithChildren {
|
|
1699
|
+
onClick: () => void;
|
|
1700
|
+
}
|
|
1701
|
+
declare const LoopItemEmpty: react.ForwardRefExoticComponent<LoopItemEmptyProps & react.RefAttributes<HTMLDivElement>>;
|
|
1702
|
+
|
|
1703
|
+
type OnboardingItem = {
|
|
1704
|
+
complete: boolean;
|
|
1705
|
+
title: string;
|
|
1706
|
+
description?: string;
|
|
1707
|
+
onClick?: () => void;
|
|
1708
|
+
};
|
|
1709
|
+
interface OnboardingCardProps {
|
|
1710
|
+
cardTitle: string;
|
|
1711
|
+
cardSubtitle: string;
|
|
1712
|
+
welcomeImageUrl: string;
|
|
1713
|
+
welcomeImageAltDescription?: string;
|
|
1714
|
+
items: OnboardingItem[];
|
|
1715
|
+
}
|
|
1716
|
+
declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
|
|
1717
|
+
|
|
1718
|
+
interface ProjectItemViewType {
|
|
1719
|
+
viewType?: 'grid' | 'list';
|
|
1720
|
+
}
|
|
1721
|
+
interface UserProps {
|
|
1722
|
+
id: string;
|
|
1723
|
+
email: string;
|
|
1724
|
+
firstName: string;
|
|
1725
|
+
lastName: string;
|
|
1726
|
+
country: string | null;
|
|
1727
|
+
city: string | null;
|
|
1728
|
+
profileImage: string | null;
|
|
1729
|
+
jobTitle: string | null;
|
|
1730
|
+
role: string | null;
|
|
1731
|
+
}
|
|
1732
|
+
interface ProjectItemDataProps {
|
|
1733
|
+
id: string;
|
|
1734
|
+
postId: string;
|
|
1735
|
+
versionId: string;
|
|
1736
|
+
thumbnail: string;
|
|
1737
|
+
demoSurveyId: string;
|
|
1738
|
+
title: string;
|
|
1739
|
+
description: string | null;
|
|
1740
|
+
demoProjectSummary?: string | null;
|
|
1741
|
+
demoSurveySummary?: string | null;
|
|
1742
|
+
name: string;
|
|
1743
|
+
user: UserProps;
|
|
1744
|
+
isAuthor: boolean;
|
|
1745
|
+
isDemo: boolean;
|
|
1746
|
+
loopCount: number | null;
|
|
1747
|
+
testCount: number | null;
|
|
1748
|
+
draftCount: number | null;
|
|
1749
|
+
updatedAt?: string;
|
|
1750
|
+
tags?: string[] | null;
|
|
1751
|
+
onClick?: () => void;
|
|
1752
|
+
loading?: boolean;
|
|
1753
|
+
moreActions?: React.ReactNode;
|
|
1754
|
+
}
|
|
1755
|
+
interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
|
|
1756
|
+
}
|
|
1757
|
+
interface ProjectItemEmptyProps {
|
|
1758
|
+
onClick?: () => void;
|
|
1759
|
+
viewType?: 'grid' | 'list';
|
|
1760
|
+
title: string;
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1763
|
+
declare const ProjectItem: FunctionComponent<ProjectItemProps>;
|
|
1764
|
+
|
|
1765
|
+
declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
|
|
1766
|
+
|
|
1767
|
+
interface ProjectsProps {
|
|
1768
|
+
}
|
|
1769
|
+
declare const Projects: FunctionComponent<ProjectsProps>;
|
|
1770
|
+
|
|
1771
|
+
interface SectionHeaderProps {
|
|
1772
|
+
buttons?: ReactNode;
|
|
1773
|
+
loading?: boolean;
|
|
1774
|
+
subtitle?: string;
|
|
1775
|
+
title?: string;
|
|
1776
|
+
}
|
|
1777
|
+
declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
|
|
1778
|
+
|
|
1779
|
+
interface StyledTestStatusProps extends ChipProps$1 {
|
|
1780
|
+
colorScheme: 'green' | 'yellow' | 'blue';
|
|
1781
|
+
}
|
|
1782
|
+
interface TestStatusProps extends Partial<StyledTestStatusProps> {
|
|
1783
|
+
status: 'results-ready' | 'in-progress' | 'draft';
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
interface TestItemProps extends SurfaceProps {
|
|
1787
|
+
status: TestStatusProps['status'];
|
|
1788
|
+
menuItems?: MenuProps['menuItems'];
|
|
1789
|
+
title: string;
|
|
1790
|
+
tags?: string[];
|
|
1791
|
+
stats?: {
|
|
1792
|
+
progress?: {
|
|
1793
|
+
percentage: number;
|
|
1794
|
+
completed: number;
|
|
1795
|
+
total: number;
|
|
1796
|
+
incomplete: number;
|
|
1797
|
+
incompletePercentage: number;
|
|
1798
|
+
averageDuration: string;
|
|
1799
|
+
estimatedTimeToComplete: string;
|
|
1800
|
+
};
|
|
1801
|
+
count?: {
|
|
1802
|
+
answers: number;
|
|
1803
|
+
comments: number;
|
|
1804
|
+
};
|
|
1805
|
+
};
|
|
1806
|
+
user: {
|
|
1807
|
+
name: string;
|
|
1808
|
+
avatarUrl?: string;
|
|
1809
|
+
activityDescription: string;
|
|
1810
|
+
};
|
|
1811
|
+
slotProps?: {
|
|
1812
|
+
title?: Partial<Omit<TypographyProps, 'children'>>;
|
|
1813
|
+
status?: Partial<Omit<TestStatusProps, 'status'>>;
|
|
1814
|
+
menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
|
|
1815
|
+
pill?: Partial<Omit<PillProps, 'body'>>;
|
|
1816
|
+
tagsExpand?: Partial<Omit<PillProps, 'body'>>;
|
|
1817
|
+
tagsCollapse?: Partial<IconButtonProps>;
|
|
1818
|
+
};
|
|
1819
|
+
loading?: boolean;
|
|
1820
|
+
}
|
|
1821
|
+
declare const TestItem: react__default.FC<TestItemProps>;
|
|
1822
|
+
|
|
1766
1823
|
interface PlanHeading {
|
|
1767
1824
|
heading: string;
|
|
1768
1825
|
pricing: string;
|
|
@@ -2097,4 +2154,4 @@ declare module '@mui/system' {
|
|
|
2097
2154
|
}
|
|
2098
2155
|
}
|
|
2099
2156
|
|
|
2100
|
-
export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
|
|
2157
|
+
export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TestItem, type TestItemProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
|