Socket
Socket
Sign inDemoInstall

react-chrono

Package Overview
Dependencies
Maintainers
1
Versions
122
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-chrono - npm Package Compare versions

Comparing version 2.2.1 to 2.2.2

2

dist/components/common/styles/index.d.ts

@@ -1,1 +0,1 @@

export declare const ScrollBar: import("styled-components").RuleSet<object>;
export declare const ScrollBar: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

@@ -1,4 +0,4 @@

export declare const reveal: import("styled-components/dist/models/Keyframes").default;
export declare const slideInFromTop: import("styled-components/dist/models/Keyframes").default;
export declare const slideInFromLeft: import("styled-components/dist/models/Keyframes").default;
export declare const slideFromRight: import("styled-components/dist/models/Keyframes").default;
export declare const reveal: import("styled-components").Keyframes;
export declare const slideInFromTop: import("styled-components").Keyframes;
export declare const slideInFromLeft: import("styled-components").Keyframes;
export declare const slideFromRight: import("styled-components").Keyframes;

@@ -1,92 +0,70 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineProps } from '@models/TimelineModel';
type ContentT = Pick<TimelineProps, 'theme' | 'slideShow' | 'mode' | 'borderLessCards' | 'slideShowType'>;
export declare const TimelineItemContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
ref?: ((instance: HTMLElement) => void) | import("react").RefObject<HTMLElement>;
}, {
active?: boolean;
branchDir?: string;
isNested?: boolean;
maxWidth?: number;
minHeight?: number;
noMedia?: boolean;
slideShowActive?: boolean;
textOverlay?: boolean;
} & ContentT>>;
export declare const TimelineCardHeader: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement) => void);
}, never>>;
export declare const CardSubTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
ref?: ((instance: HTMLHeadingElement) => void) | import("react").RefObject<HTMLHeadingElement>;
}, {
type ContentT = Pick<TimelineProps, 'theme' | 'slideShow' | 'mode' | 'borderLessCards'>;
export declare const TimelineItemContentWrapper: import("styled-components").StyledComponent<"section", any, {
$active?: boolean;
$borderLessCards?: TimelineProps['borderLessCards'];
$branchDir?: string;
$isNested?: boolean;
$maxWidth?: number;
$minHeight?: number;
$noMedia?: boolean;
$slideShow?: TimelineProps['slideShow'];
$slideShowActive?: boolean;
$slideShowType?: TimelineProps['slideShowType'];
$textOverlay?: boolean;
} & ContentT, never>;
export declare const TimelineCardHeader: import("styled-components").StyledComponent<"header", any, {}, never>;
export declare const CardSubTitle: import("styled-components").StyledComponent<"h2", any, {
$fontSize?: string;
$padding?: boolean;
dir?: string;
fontSize?: string;
padding?: boolean;
theme?: Theme;
}>>;
export declare const CardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
ref?: import("react").RefObject<HTMLHeadingElement> | ((instance: HTMLHeadingElement) => void);
}, {
}, never>;
export declare const CardTitle: import("styled-components").StyledComponent<"h1", any, {
$fontSize: string;
$padding?: boolean;
dir?: string;
fontSize: string;
padding?: boolean;
theme: Theme;
}>>;
export declare const CardTitleAnchor: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
ref?: ((instance: HTMLAnchorElement) => void) | import("react").RefObject<HTMLAnchorElement>;
}, never>>;
export declare const TimelineContentDetails: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
ref?: ((instance: HTMLParagraphElement) => void) | import("react").RefObject<HTMLParagraphElement>;
}, {
}, never>;
export declare const CardTitleAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
export declare const TimelineContentDetails: import("styled-components").StyledComponent<"p", any, {
theme?: Theme;
}>>;
export declare const TimelineSubContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
}, never>;
export declare const TimelineSubContent: import("styled-components").StyledComponent<"span", any, {
fontSize?: string;
theme?: Theme;
}>>;
export declare const TimelineContentDetailsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
borderLess?: boolean;
}, never>;
export declare const TimelineContentDetailsWrapper: import("styled-components").StyledComponent<"div", any, {
$borderLess?: boolean;
$cardHeight?: number | null;
$contentHeight?: number;
$customContent?: boolean;
$gradientColor?: string | null;
$showMore?: boolean;
$textOverlay?: boolean;
$useReadMore?: boolean;
branchDir?: string;
cardHeight?: number | null;
contentHeight?: number;
customContent?: boolean;
gradientColor?: string | null;
height?: number;
showMore?: boolean;
textOverlay?: boolean;
theme?: Theme;
useReadMore?: boolean;
}>>;
export declare const ShowMore: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
show?: boolean;
}, never>;
export declare const ShowMore: import("styled-components").StyledComponent<"span", any, {
show?: 'true' | 'false';
theme?: Theme;
}>>;
export declare const SlideShowProgressBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
color?: string;
duration?: number;
paused?: boolean;
resuming?: boolean;
startWidth?: number;
}>>;
export declare const ChevronIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
collapsed?: boolean;
}>>;
export declare const TriangleIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
}, never>;
export declare const SlideShowProgressBar: import("styled-components").StyledComponent<"span", any, {
$color?: string;
$duration?: number;
$paused?: boolean;
$resuming?: boolean;
$startWidth?: number;
}, never>;
export declare const ChevronIconWrapper: import("styled-components").StyledComponent<"span", any, {
collapsed?: 'true' | 'false';
}, never>;
export declare const TriangleIconWrapper: import("styled-components").StyledComponent<"span", any, {
dir?: string;
offset?: number;
theme?: Theme;
}>>;
}, never>;
export {};

@@ -1,17 +0,9 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
export declare const ExpandButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, {
expandFull?: boolean;
export declare const ExpandButton: import("styled-components").StyledComponent<"button", any, {
theme: Theme;
}>>;
export declare const ShowHideTextButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, {
}, never>;
export declare const ShowHideTextButton: import("styled-components").StyledComponent<"button", any, {
showText?: boolean;
theme: Theme;
}>>;
export declare const ButtonWrapper: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
ref?: ((instance: HTMLUListElement) => void) | import("react").RefObject<HTMLUListElement>;
}, never>>;
}, never>;
export declare const ButtonWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;

@@ -1,67 +0,46 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineMode } from '@models/TimelineModel';
export declare const linearGradient: import("styled-components").RuleSet<object>;
export declare const MediaWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
active?: boolean;
export declare const linearGradient: import("styled-components").FlattenSimpleInterpolation;
export declare const MediaWrapper: import("styled-components").StyledComponent<"div", any, {
$active?: boolean;
$cardHeight?: number;
$slideShowActive?: boolean;
$textOverlay?: boolean;
align?: 'left' | 'right' | 'center';
cardHeight?: number;
dir?: string;
mode?: TimelineMode;
slideShowActive?: boolean;
textOverlay?: boolean;
theme?: Theme;
}>>;
export declare const CardImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
ref?: ((instance: HTMLImageElement) => void) | import("react").RefObject<HTMLImageElement>;
}, {
active?: boolean;
}, never>;
export declare const CardImage: import("styled-components").StyledComponent<"img", any, {
$enableBorderRadius?: boolean;
$visible?: boolean;
dir?: string;
enableBorderRadius?: boolean;
fit?: string;
mode?: TimelineMode;
visible?: boolean;
}>>;
export declare const CardVideo: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "ref"> & {
ref?: ((instance: HTMLVideoElement) => void) | import("react").RefObject<HTMLVideoElement>;
}, {
}, never>;
export declare const CardVideo: import("styled-components").StyledComponent<"video", any, {
height?: number;
}>>;
export declare const MediaDetailsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
absolutePosition?: boolean;
borderLessCard?: boolean;
expandFull?: boolean;
expandable?: boolean;
gradientColor?: string | null;
}, never>;
export declare const MediaDetailsWrapper: import("styled-components").StyledComponent<"div", any, {
$absolutePosition?: boolean;
$borderLessCard?: boolean;
$expandFull?: boolean;
$expandable?: boolean;
$gradientColor?: string | null;
$showText?: boolean;
$textInMedia?: boolean;
mode?: TimelineMode;
showText?: boolean;
textInMedia?: boolean;
theme?: Theme;
}>>;
export declare const ErrorMessage: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, never>>;
export declare const IFrameVideo: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "ref"> & {
ref?: ((instance: HTMLIFrameElement) => void) | import("react").RefObject<HTMLIFrameElement>;
}, never>>;
export declare const DetailsTextWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
}, never>;
export declare const ErrorMessage: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const IFrameVideo: import("styled-components").StyledComponent<"iframe", any, {}, never>;
export declare const DetailsTextWrapper: import("styled-components").StyledComponent<"div", any, {
$expandFull?: boolean;
$show?: boolean;
background: string;
expandFull?: boolean;
gradientColor?: string;
show?: boolean;
theme?: Theme;
}>>;
export declare const CardMediaHeader: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const ImageWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
}, never>;
export declare const CardMediaHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {
height?: number;
}>>;
}, never>;

@@ -1,32 +0,19 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineProps } from '@models/TimelineModel';
export declare const Wrapper: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const Item: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const ShapeWrapper: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Item: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ShapeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
type ShapeModel = {
$timelinePointShape?: 'circle' | 'square' | 'diamond';
dimension?: number;
theme?: Theme;
} & Pick<TimelineProps, 'timelinePointShape'>;
export declare const Shape: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, ShapeModel>>;
export declare const TimelineTitleContainer: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const TimelineContentContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
active?: boolean;
cardWidth?: number;
highlight?: boolean;
};
export declare const Shape: import("styled-components").StyledComponent<"div", any, ShapeModel, never>;
export declare const TimelineTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const TimelineContentContainer: import("styled-components").StyledComponent<"div", any, {
$active?: boolean;
$cardWidth?: number;
$highlight?: boolean;
position?: string;
theme?: Theme;
}>>;
}, never>;
export {};

@@ -1,41 +0,23 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineMode } from '@models/TimelineModel';
export declare const TimelineNavWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
ref?: ((instance: HTMLUListElement) => void) | import("react").RefObject<HTMLUListElement>;
}, {
export declare const TimelineNavWrapper: import("styled-components").StyledComponent<"ul", any, {
theme?: Theme;
}>>;
export declare const TimelineNavItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
ref?: ((instance: HTMLLIElement) => void) | import("react").RefObject<HTMLLIElement>;
}, {
disable?: boolean;
}>>;
export declare const TimelineNavButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, {
}, never>;
export declare const TimelineNavItem: import("styled-components").StyledComponent<"li", any, {
$disable?: boolean;
}, never>;
export declare const TimelineNavButton: import("styled-components").StyledComponent<"button", any, {
mode?: TimelineMode;
rotate?: 'TRUE' | 'FALSE';
theme?: Theme;
}>>;
export declare const TimelineControlContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
flip?: boolean;
slideShowActive?: boolean;
}>>;
export declare const ControlButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, {
}, never>;
export declare const TimelineControlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ControlButton: import("styled-components").StyledComponent<"button", any, {
theme?: Theme;
}>>;
export declare const MediaToggle: import("styled-components").IStyledComponent<"web", Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, "theme"> & {
}, never>;
export declare const MediaToggle: import("styled-components").StyledComponent<"button", any, {
theme?: Theme;
}, never>>;
export declare const ReplayWrapper: import("styled-components").IStyledComponent<"web", Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, "theme"> & {
}, never>;
export declare const ReplayWrapper: import("styled-components").StyledComponent<"button", any, {
theme?: Theme;
}, never>>;
}, never>;

@@ -1,10 +0,7 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
export declare const TitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {
$fontSize?: string;
$hide?: boolean;
align?: string;
fontSize?: string;
hide?: boolean;
theme?: Theme;
}>>;
}, never>;

@@ -1,39 +0,24 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { OutlinePosition } from './timeline-outline';
export declare const OutlineWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
export declare const OutlineWrapper: import("styled-components").StyledComponent<"div", any, {
open?: boolean;
position?: OutlinePosition;
}>>;
export declare const OutlinePane: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
ref?: ((instance: HTMLElement) => void) | import("react").RefObject<HTMLElement>;
}, {
}, never>;
export declare const OutlinePane: import("styled-components").StyledComponent<"aside", any, {
open?: boolean;
}>>;
export declare const OutlineButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement) => void) | import("react").RefObject<HTMLButtonElement>;
}, {
}, never>;
export declare const OutlineButton: import("styled-components").StyledComponent<"button", any, {
open?: boolean;
position?: OutlinePosition;
theme?: Theme;
}>>;
export declare const List: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
ref?: ((instance: HTMLUListElement) => void) | import("react").RefObject<HTMLUListElement>;
}, never>>;
export declare const ListItem: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
ref?: ((instance: HTMLLIElement) => void) | import("react").RefObject<HTMLLIElement>;
}, never>>;
export declare const ListItemName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
}, never>;
export declare const List: import("styled-components").StyledComponent<"ul", any, {}, never>;
export declare const ListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
export declare const ListItemName: import("styled-components").StyledComponent<"span", any, {
selected?: boolean;
theme?: Theme;
}>>;
export declare const ListItemBullet: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement) => void) | import("react").RefObject<HTMLSpanElement>;
}, {
}, never>;
export declare const ListItemBullet: import("styled-components").StyledComponent<"span", any, {
selected?: boolean;
theme?: Theme;
}>>;
}, never>;

@@ -1,11 +0,6 @@

/// <reference types="react" />
export declare const TimelineHorizontalWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
ref?: ((instance: HTMLUListElement) => void) | import("react").RefObject<HTMLUListElement>;
}, {
export declare const TimelineHorizontalWrapper: import("styled-components").StyledComponent<"ul", any, {
flipLayout?: boolean;
}>>;
export declare const TimelineItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
ref?: ((instance: HTMLLIElement) => void) | import("react").RefObject<HTMLLIElement>;
}, {
}, never>;
export declare const TimelineItemWrapper: import("styled-components").StyledComponent<"li", any, {
width: number;
}>>;
}, never>;

@@ -1,12 +0,6 @@

/// <reference types="react" />
export declare const TimelinePointWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
alternateCards?: boolean;
export declare const TimelinePointWrapper: import("styled-components").StyledComponent<"div", any, {
$cardLess?: boolean;
bg?: string;
cardLess?: boolean;
width?: number;
}>>;
export declare const TimelinePointContainer: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
}, never>;
export declare const TimelinePointContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

@@ -1,32 +0,23 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineMode } from '@models/TimelineModel';
export declare const TimelineVerticalWrapper: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const VerticalItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
alternateCards?: boolean;
cardHeight?: number;
cardLess?: boolean;
isNested?: boolean;
export declare const TimelineVerticalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const VerticalItemWrapper: import("styled-components").StyledComponent<"div", any, {
$alternateCards?: boolean;
$cardHeight?: number;
$cardLess?: boolean;
$isNested?: boolean;
theme?: Theme;
}>>;
export declare const TimelineCardContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
alternateCards?: boolean;
cardLess?: boolean;
flip?: boolean;
}, never>;
export declare const TimelineCardContentWrapper: import("styled-components").StyledComponent<"div", any, {
$alternateCards?: boolean;
$cardLess?: boolean;
$flip?: boolean;
$noTitle?: boolean;
height?: number;
noTitle?: boolean;
}>>;
export declare const TimelineTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
alternateCards?: boolean;
flip?: boolean;
hide?: boolean;
}, never>;
export declare const TimelineTitleWrapper: import("styled-components").StyledComponent<"div", any, {
$alternateCards?: boolean;
$flip?: boolean;
$hide?: boolean;
mode?: TimelineMode;
}>>;
}, never>;

@@ -1,38 +0,25 @@

/// <reference types="react" />
import { Theme } from '@models/Theme';
import { TimelineMode } from '@models/TimelineModel';
export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
$hideControls?: boolean;
cardPositionHorizontal?: 'TOP' | 'BOTTOM';
hideControls?: boolean;
}>>;
export declare const TimelineMainWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
mode?: TimelineMode;
scrollable?: boolean | {
}, never>;
export declare const TimelineMainWrapper: import("styled-components").StyledComponent<"div", any, {
$scrollable?: boolean | {
scrollbar: boolean;
};
mode?: TimelineMode;
theme?: Theme;
}>>;
export declare const TimelineMain: import("styled-components").IStyledComponent<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, never>>;
export declare const Outline: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
}, never>;
export declare const TimelineMain: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Outline: import("styled-components").StyledComponent<"div", any, {
color?: string;
height?: number;
}>>;
export declare const TimelineControlContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
}, never>;
export declare const TimelineControlContainer: import("styled-components").StyledComponent<"div", any, {
active?: boolean;
mode?: TimelineMode;
}>>;
export declare const TimelineContentRender: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
}, {
showAllCards?: boolean;
}>>;
}, never>;
export declare const TimelineContentRender: import("styled-components").StyledComponent<"div", any, {
$showAllCards?: boolean;
}, never>;

@@ -1,2 +0,1 @@

/// <reference types="react" />
import { Theme } from './Theme';

@@ -3,0 +2,0 @@ import { TimelineItemModel } from './TimelineItemModel';

@@ -1,2 +0,1 @@

/// <reference types="react" />
import { Theme } from './Theme';

@@ -3,0 +2,0 @@ import { Scroll } from './TimelineHorizontalModel';

@@ -339,3 +339,2 @@ <div align="center">

```jsx
Copy code
import { Chrono } from 'react-chrono';

@@ -374,3 +373,2 @@

```jsx
Copy code
<Chrono mode="VERTICAL">

@@ -389,3 +387,2 @@ <div>

```jsx
Copy code
const items = [

@@ -392,0 +389,0 @@ { title: 'Timeline title 1', cardTitle: 'Card Title 1' },

{
"name": "react-chrono",
"version": "2.2.1",
"version": "2.2.2",
"license": "MIT",

@@ -40,5 +40,5 @@ "description": "A Modern Timeline component for React",

"classnames": "^2.3.2",
"dayjs": "^1.11.8",
"dayjs": "^1.11.9",
"focus-visible": "^5.2.0",
"styled-components": "6.0.0-rc.5"
"styled-components": "=5.3.10"
},

@@ -75,4 +75,4 @@ "peerDependencies": {

"@types/jest": "^29.5.2",
"@types/node": "^20.3.1",
"@types/react": "^18.2.13",
"@types/node": "^20.3.3",
"@types/react": "^18.2.14",
"@types/react-dom": "^18.2.6",

@@ -82,4 +82,4 @@ "@types/react-router-dom": "^5.3.3",

"@types/testing-library__jest-dom": "^5.14.6",
"@typescript-eslint/eslint-plugin": "^5.60.0",
"@typescript-eslint/parser": "^5.60.0",
"@typescript-eslint/eslint-plugin": "^5.60.1",
"@typescript-eslint/parser": "^5.60.1",
"@vitejs/plugin-react": "^4.0.1",

@@ -90,7 +90,7 @@ "@vitest/coverage-c8": "^0.32.2",

"babel-loader": "^9.1.2",
"babel-plugin-styled-components": "^2.1.3",
"babel-plugin-styled-components": "^2.1.4",
"c8": "^8.0.0",
"cssnano": "^6.0.1",
"cypress": "12.15.0",
"eslint": "^8.43.0",
"cypress": "12.16.0",
"eslint": "^8.44.0",
"eslint-config-prettier": "^8.8.0",

@@ -103,5 +103,4 @@ "eslint-plugin-import": "^2.27.5",

"husky": "^8.0.3",
"jest": "^29.5.0",
"jsdom": "^22.1.0",
"lint-staged": "^13.2.2",
"lint-staged": "^13.2.3",
"postcss": "^8.4.24",

@@ -115,7 +114,5 @@ "postcss-preset-env": "^8.5.1",

"react-is": "^18.2.0",
"react-live-runner": "^1.0.5",
"react-router-dom": "^6.13.0",
"react-runner": "^1.0.3",
"react-router-dom": "^6.14.1",
"rimraf": "^5.0.1",
"rollup": "^3.25.1",
"rollup": "^3.26.0",
"rollup-plugin-analyzer": "^4.0.0",

@@ -127,7 +124,7 @@ "rollup-plugin-copy": "^3.4.0",

"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-typescript2": "^0.34.1",
"rollup-plugin-typescript2": "^0.35.0",
"sass": "^1.63.6",
"snyk": "^1.1183.0",
"snyk": "^1.1187.0",
"start-server-and-test": "^2.0.0",
"stylelint": "^15.8.0",
"stylelint": "^15.9.0",
"stylelint-config-recommended": "^12.0.0",

@@ -138,7 +135,7 @@ "stylelint-config-styled-components": "^0.1.1",

"tailwindcss": "^3.3.2",
"typescript": "^5.1.3",
"typescript": "^5.1.6",
"vite": "^4.3.9",
"vite-tsconfig-paths": "^4.2.0",
"vitest": "^0.32.2",
"webpack": "^5.88.0"
"webpack": "^5.88.1"
},

@@ -145,0 +142,0 @@ "resolutions": {

@@ -339,3 +339,2 @@ <div align="center">

```jsx
Copy code
import { Chrono } from 'react-chrono';

@@ -374,3 +373,2 @@

```jsx
Copy code
<Chrono mode="VERTICAL">

@@ -389,3 +387,2 @@ <div>

```jsx
Copy code
const items = [

@@ -392,0 +389,0 @@ { title: 'Timeline title 1', cardTitle: 'Card Title 1' },

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc