v4.2.1

* fix: when the container component has only one content component

* fix: modify unit tests

* chore: change version

* chore: some changes to PR request file

* fix: publish github action

Author: Proskynete

.github/pull_request_template.md

@@ -1,4 +1,4 @@
-# 📚 Description
+## 📚 Description
 
 Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change.
 
@@ -14,14 +14,14 @@ Please delete options that are not relevant.
 - [ ] This change requires a documentation update
 - [ ] Other (If yes, please write one phrase about this update)
 
-# 👀 How Has This Been Tested?
+## 👀 How Has This Been Tested?
 
 Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration
 
 - [ ] Test A
 - [ ] Test B
 
-# ✅ Checklist
+## ✅ Checklist
 
 - [ ] My code follows the style guidelines of this project
 - [ ] I have performed a self-review of my code

.github/workflows/publish.yml

@@ -3,8 +3,6 @@ name: '🚀 Publish new release'
 on:
   push:
     branches: [master]
-  pull_request:
-    branches: [master]
 
 jobs:
   coverage:

lib/cjs/components/container/index.d.ts

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../../interfaces';
-declare const Container: ({ title, startDate, endDate, today, withoutDay, children }: ContainerProps) => JSX.Element;
+declare const Container: ({ title, startDate, endDate, today, withoutDay, children, }: PropsWithChildren<ContainerProps>) => JSX.Element;
 export { Container };

lib/cjs/components/timeline/index.d.ts

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { TimelineProps } from '../../interfaces';
-declare const Timeline: ({ theme, lang, dateFormat, collapse, withoutDay, customStyles, children, }: TimelineProps) => JSX.Element;
+declare const Timeline: ({ theme, lang, dateFormat, collapse, withoutDay, customStyles, children, }: PropsWithChildren<TimelineProps>) => JSX.Element;
 export { Timeline };

lib/cjs/components/validate/index.js

@@ -28,13 +28,11 @@ var react_1 = __importStar(require("react"));
 var error_message_1 = require("../error-message");
 var Validate = function (_a) {
     var children = _a.children, componentToValidate = _a.componentToValidate;
-    var count = react_1.Children.count(children);
-    if (count === 0)
+    var count = children && react_1.Children.count(children);
+    if (count === 0 || !children)
         return react_1.default.createElement(error_message_1.ErrorMessage, { type: "atLeast", component: componentToValidate.name });
-    if (count === 1 && children.type !== componentToValidate)
-        return react_1.default.createElement(error_message_1.ErrorMessage, { type: "onlySupports", component: componentToValidate.name });
     var elements = react_1.Children.map(children, function (element) {
-        return element.type === componentToValidate ? element : null;
+        return element.type === componentToValidate ? (element) : (react_1.default.createElement(error_message_1.ErrorMessage, { type: "onlySupports", component: componentToValidate.name }));
     });
     return react_1.default.createElement(react_1.default.Fragment, null, elements);
 };

lib/cjs/interfaces/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement } from 'react';
+import { CSSProperties } from 'react';
 export interface Theme {
     yearColor: string;
     lineColor: string;
@@ -23,7 +23,6 @@ export interface TimelineProps {
     collapse?: boolean;
     withoutDay?: boolean;
     customStyles?: CustomStyles;
-    children: ReactElement<ContainerProps> | ReactElement<ContainerProps>[];
 }
 export interface DefaultTimelineProps {
     theme: Theme;
@@ -39,7 +38,6 @@ export interface ContainerProps {
     endDate?: string | Date;
     today?: boolean;
     withoutDay?: boolean;
-    children: ReactElement<ContentProps> | ReactElement<ContentProps>[];
 }
 export interface ContentProps {
     title: string;

lib/cjs/styles/main.js

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { ContainerProps } from '../../interfaces';
-declare const Container: ({ title, startDate, endDate, today, withoutDay, children }: ContainerProps) => JSX.Element;
+declare const Container: ({ title, startDate, endDate, today, withoutDay, children, }: PropsWithChildren<ContainerProps>) => JSX.Element;
 export { Container };

lib/esm/components/container/index.d.ts

@@ -1,3 +1,4 @@
+import { PropsWithChildren } from 'react';
 import { TimelineProps } from '../../interfaces';
-declare const Timeline: ({ theme, lang, dateFormat, collapse, withoutDay, customStyles, children, }: TimelineProps) => JSX.Element;
+declare const Timeline: ({ theme, lang, dateFormat, collapse, withoutDay, customStyles, children, }: PropsWithChildren<TimelineProps>) => JSX.Element;
 export { Timeline };

lib/esm/components/timeline/index.d.ts

@@ -2,13 +2,11 @@ import React, { Children } from 'react';
 import { ErrorMessage } from '../error-message';
 var Validate = function (_a) {
     var children = _a.children, componentToValidate = _a.componentToValidate;
-    var count = Children.count(children);
-    if (count === 0)
+    var count = children && Children.count(children);
+    if (count === 0 || !children)
         return React.createElement(ErrorMessage, { type: "atLeast", component: componentToValidate.name });
-    if (count === 1 && children.type !== componentToValidate)
-        return React.createElement(ErrorMessage, { type: "onlySupports", component: componentToValidate.name });
     var elements = Children.map(children, function (element) {
-        return element.type === componentToValidate ? element : null;
+        return element.type === componentToValidate ? (element) : (React.createElement(ErrorMessage, { type: "onlySupports", component: componentToValidate.name }));
     });
     return React.createElement(React.Fragment, null, elements);
 };