react-chrono - npm Package Compare versions

Comparing version 1.12.0 to 1.12.1

dist/components/timeline-elements/timeline-card-content/timeline-card-content.styles.d.ts

@@ -13,2 +13,3 @@ /// <reference types="react" />
     mode?: TimelineMode | undefined;
+    borderLess?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
@@ -50,2 +51,3 @@ export declare const TimelineCardHeader: import("@emotion/styled").StyledComponent<{
     useReadMore?: boolean | undefined;
+    borderLess?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -74,1 +76,8 @@ export declare const ShowMore: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const TriangleIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    dir?: string | undefined;
+    theme?: Theme | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

dist/components/timeline-elements/timeline-item-title/timeline-card-title.d.ts

 import React from 'react';
-import { Theme } from '../../../models/Theme';
-interface TitleModel {
-    title?: string;
-    active?: boolean;
-    theme?: Theme;
-    align?: 'left' | 'right';
-}
+import { TitleModel } from '../../../models/TimelineCardTitleModel';
 declare const TimelineItemTitle: React.FunctionComponent<TitleModel>;
 export default TimelineItemTitle;

dist/components/timeline/timeline.style.d.ts

@@ -18,2 +18,3 @@ /// <reference types="react" />
     } | undefined;
+    mode?: TimelineMode | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -20,0 +21,0 @@ export declare const TimelineMain: import("@emotion/styled").StyledComponent<{

dist/models/TimelineContentModel.d.ts

@@ -19,2 +19,3 @@ /// <reference types="react" />
     hasFocus?: boolean;
+    flip?: boolean;
 }

dist/models/TimelineModel.d.ts

@@ -12,45 +12,14 @@ /// <reference types="react" />
 export interface TimelineModel extends TimelineProps {
-    /**
-     * active timeline item
-     *
-     * @type {number}
-     * @memberof TimelineModel
-     */
     activeTimelineItem: number;
-    /**
-     * invoked to jump timeline to the first item
-     *
-     * @memberof TimelineModel
-     */
+    contentDetailsChildren?: React.ReactNode | React.ReactNode[];
+    iconChildren?: React.ReactNode | React.ReactNode[];
     onFirst: () => void;
-    /**
-     * invoked to jump timeline to the last item
-     *
-     * @memberof TimelineModel
-     */
     onLast: () => void;
-    /**
-     * invoked to move to the next item on the list
-     *
-     * @memberof TimelineModel
-     */
     onNext: () => void;
-    /**
-     * invoked to move the timeline to the previous item
-     *
-     * @memberof TimelineModel
-     */
+    onOutlineSelection: (index: number) => void;
     onPrevious: () => void;
     onTimelineUpdated: (id: number) => void;
-    /**
-     * indicates if a slideshow is activated
-     *
-     * @type {boolean}
-     * @memberof TimelineModel
-     */
+    slideItemDuration?: number;
+    slideShowEnabled?: boolean;
     slideShowRunning?: boolean;
-    slideShowEnabled?: boolean;
-    slideItemDuration?: number;
-    contentDetailsChildren?: React.ReactNode | React.ReactNode[];
-    iconChildren?: React.ReactNode | React.ReactNode[];
 }
@@ -64,81 +33,26 @@ /**
 export interface TimelineProps {
-    /**
-     * disables keyboard navigation
-     *
-     * @type {boolean}
-     * @memberof TimelineProps
-     */
+    allowDynamicUpdate?: boolean;
+    cardHeight?: number;
+    cardPositionHorizontal?: 'TOP' | 'BOTTOM';
+    cardWidth?: number;
+    children?: React.ReactElement | React.ReactElement[];
     disableNavOnKey?: boolean;
+    enableOutline?: boolean;
+    flipLayout?: boolean;
+    hideControls?: boolean;
     itemWidth?: number;
     items?: TimelineItemModel[];
-    /**
-     * sets the mode of timeline
-     *
-     * @type {TimelineMode}
-     * @memberof TimelineProps
-     */
     mode?: TimelineMode;
-    slideItemDuration?: number;
-    /**
-     * enables slideshow
-     *
-     * @type {boolean}
-     * @memberof TimelineProps
-     */
-    slideShow?: boolean;
-    /**
-     * sets the theme
-     *
-     * @type {{
-     *     primary: string;
-     *     secondary: string;
-     *   }}
-     * @memberof TimelineProps
-     */
-    theme?: Theme;
-    /**
-     * Minimum height of the card
-     *
-     * @type {number}
-     * @memberof TimelineModel
-     */
-    cardHeight?: number;
-    cardWidth?: number;
+    onItemSelected?: (data: TimelineItemModel) => void;
     onRestartSlideshow?: () => void;
-    /**
-     * hides the navigation controls
-     *
-     * @type {boolean}
-     * @memberof TimelineProps
-     */
-    hideControls?: boolean;
-    /**
-     * Makes the timeline scrollable
-     *
-     * @type {(boolean | { scrollbar: boolean })}
-     * @memberof TimelineProps
-     */
+    onScrollEnd?: () => void;
     scrollable?: boolean | {
         scrollbar: boolean;
     };
-    /**
-     * positions the card in Horizontal mode
-     *
-     * @type {('TOP' | 'BOTTOM')}
-     * @memberof TimelineProps
-     */
-    cardPositionHorizontal?: 'TOP' | 'BOTTOM';
-    /**
-     *
-     *
-     * @type {boolean}
-     * @memberof TimelineProps
-     */
-    flipLayout?: boolean;
-    children?: React.ReactElement | React.ReactElement[];
-    allowDynamicUpdate?: boolean;
-    onScrollEnd?: () => void;
-    onItemSelected?: (data: TimelineItemModel) => void;
+    slideItemDuration?: number;
+    slideShow?: boolean;
+    theme?: Theme;
     useReadMore?: boolean;
+    borderLessCards?: boolean;
 }
 export declare type TimelineMode = 'VERTICAL' | 'HORIZONTAL' | 'VERTICAL_ALTERNATING';

dist/models/TimelineVerticalModel.d.ts

@@ -8,58 +8,13 @@ /// <reference types="react" />
 interface CommonPropsModel {
-    /**
-     * prop that alternates the timeline card. used for tree mode.
-     *
-     * @type {boolean}
-     * @memberof CommonPropsModel
-     */
     alternateCards?: boolean;
-    /**
-     * configures the height of the timeline card
-     *
-     * @type {number}
-     * @memberof CommonPropsModel
-     */
     cardHeight?: number;
-    /**
-     * Timeline Mode (Horizontal, Vertical or Tree)
-     *
-     * @type {TimelineMode}
-     * @memberof CommonPropsModel
-     */
+    flipLayout?: boolean;
+    hasFocus?: boolean;
     mode?: TimelineMode;
-    /**
-     * handles the click on the timeline card
-     *
-     * @memberof CommonPropsModel
-     */
     onClick: (id?: string) => void;
-    /**
-     * callback thats get called when the timer elapses for a timeline card
-     *
-     * @memberof CommonPropsModel
-     */
     onElapsed?: (id?: string) => void;
-    /**
-     *
-     *
-     * @type {number}
-     * @memberof CommonPropsModel
-     */
     slideItemDuration?: number;
-    /**
-     * Indicates whether the slideshow is active or not
-     *
-     * @type {boolean}
-     * @memberof CommonPropsModel
-     */
     slideShowRunning?: boolean;
-    /**
-     * theme
-     *
-     * @type {Theme}
-     * @memberof CommonPropsModel
-     */
     theme?: Theme;
-    hasFocus?: boolean;
-    flipLayout?: boolean;
+    enableOutline?: boolean;
 }
@@ -79,2 +34,4 @@ interface CommonVerticalModel extends CommonPropsModel {
     cardTitle?: string;
+    contentDetailsChildren?: React.ReactNode;
+    iconChild?: React.ReactNode;
     index: number;
@@ -85,4 +42,2 @@ media?: Media;
     visible?: boolean;
-    contentDetailsChildren?: React.ReactNode;
-    iconChild?: React.ReactNode;
     onActive: (pointOffset: number, contentHeight: number, contentOffset: number) => void;
@@ -93,7 +48,8 @@ }
     autoScroll: (s: Partial<Scroll>) => void;
-    items: TimelineCardModel[];
+    childrenNode?: React.ReactNode;
     contentDetailsChildren?: React.ReactNode;
     iconChildren?: React.ReactNode;
-    childrenNode?: React.ReactNode;
+    items: TimelineCardModel[];
+    onOutlineSelection?: (index: number) => void;
 }
 export {};

package.json

 {
   "name": "react-chrono",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A Modern Timeline component for React",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

320023

increased by7.93%

Number of package files

48

increased by14.29%

Lines of code

1883

increased by3.69%

Worsened metrics

Number of low supply chain risk alerts

342

increased by10.68%

No dependency changes