version: 4.3.2 (#63)

Proskynete · web-flow · commit 7f6f4fe55217 · 2022-12-27T01:21:08.000-03:00
* 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 * Create new release (#61) * breacking change(rename): components * chore: update tests * change: today text to active * add(events): optional subtitle prop * fix(test): optional subtitle prop * add(event): description symbol * improve(a11y): change div and p elements to ul and li * chore(tests): improve test and coverage * add(events-event): allow render closed some event componentes inside events componente * chore: order alphabetically asc all imports and attributes * chore(package): change version * fix(tests): improve coverage * add(template): config template * add(template): features requests * add(pull-request-template): add issue section * chore(documentation): change content * fix(test): update snapshots * chore(template): some changes in pull_request_template file * chore: change version * fix(github-actions): update snapshot
diff --git a/README.md b/README.md
@@ -6,7 +6,7 @@
  <p>A simple component to generate a responsive vertical timeline</p>
 </div>
 
-![Vertical Timeline Component React](<https://dsc.cloud/83db8c/image.png> 'How to see vertical-timeline-component-react')
+![Vertical Timeline Component React](https://dsc.cloud/83db8c/image.png 'How to see vertical-timeline-component-react')
 
 ## Status
 
@@ -124,38 +124,38 @@ The following snippet will show you how to use the library:
 import { Timeline, Events, Content } from 'vertical-timeline-component-react';
 
 const customTheme = {
- borderDotColor: '#ffffff',
- descriptionColor: '#262626',
- dotColor: '#d0cdc4',
- eventColor: '#965500',
- lineColor: '#d0cdc4',
- subtitleColor: '#7c7c7c',
- titleColor: '#405b73',
- yearColor: '#405b73',
+	borderDotColor: '#ffffff',
+	descriptionColor: '#262626',
+	dotColor: '#d0cdc4',
+	eventColor: '#965500',
+	lineColor: '#d0cdc4',
+	subtitleColor: '#7c7c7c',
+	titleColor: '#405b73',
+	yearColor: '#405b73',
 };
 
 class Main extends Component {
- render() {
-  return (
-   <Timeline lang="en" theme={customTheme} dateFormat="only-number" collapse withoutDay>
-    <Events
-     title="What is lorem Ipsum?"
-     subtitle="It's a fake text"
-     startDate="2020/12/02"
-     defaultClosed
-     active
-    >
-     <Event
-      title="Lorem Ipsum"
-      description={[
-       "Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard",
-       'Is simply dummy text of the printing and typesetting industry.',
-      ]}
-     />
-    </Events>
-   </Timeline>
-  );
- }
+	render() {
+		return (
+			<Timeline lang="en" theme={customTheme} dateFormat="only-number" collapse withoutDay>
+				<Events
+					title="What is lorem Ipsum?"
+					subtitle="It's a fake text"
+					startDate="2020/12/02"
+					defaultClosed
+					active
+				>
+					<Event
+						title="Lorem Ipsum"
+						description={[
+							"Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard",
+							'Is simply dummy text of the printing and typesetting industry.',
+						]}
+					/>
+				</Events>
+			</Timeline>
+		);
+	}
 }
 ```
 
@@ -165,36 +165,36 @@ class Main extends Component {
 import { Timeline, Events } from 'vertical-timeline-component-react';
 
 const Main = () => {
- const customTheme = {
-  borderDotColor: '#ffffff',
-  descriptionColor: '#262626',
-  dotColor: '#d0cdc4',
-  eventColor: '#965500',
-  lineColor: '#d0cdc4',
-  subtitleColor: '#7c7c7c',
-  titleColor: '#405b73',
-  yearColor: '#405b73',
- };
-
- return (
-  <Timeline lang="en" theme={customTheme} dateFormat="only-number" collapse withoutDay>
-   <Events
-    title="What is lorem Ipsum?"
-    subtitle="It's a fake text"
-    startDate="2020/12/02"
-    active
-    defaultClosed
-   >
-    <Event
-     title="Lorem Ipsum"
-     description={[
-      "Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard",
-      'Is simply dummy text of the printing and typesetting industry.',
-     ]}
-    />
-   </Events>
-  </Timeline>
- );
+	const customTheme = {
+		borderDotColor: '#ffffff',
+		descriptionColor: '#262626',
+		dotColor: '#d0cdc4',
+		eventColor: '#965500',
+		lineColor: '#d0cdc4',
+		subtitleColor: '#7c7c7c',
+		titleColor: '#405b73',
+		yearColor: '#405b73',
+	};
+
+	return (
+		<Timeline lang="en" theme={customTheme} dateFormat="only-number" collapse withoutDay>
+			<Events
+				title="What is lorem Ipsum?"
+				subtitle="It's a fake text"
+				startDate="2020/12/02"
+				active
+				defaultClosed
+			>
+				<Event
+					title="Lorem Ipsum"
+					description={[
+						"Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard",
+						'Is simply dummy text of the printing and typesetting industry.',
+					]}
+				/>
+			</Events>
+		</Timeline>
+	);
 };
 ```
 
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "vertical-timeline-component-react",
-	"version": "4.3.1",
+	"version": "4.3.2",
 	"description": "A simple component for create a vertical timeline with React",
 	"main": "./lib/cjs/index.js",
 	"module": "./lib/esm/index.js",
diff --git a/tests/components/timeline/__snapshots__/index.test.tsx.snap b/tests/components/timeline/__snapshots__/index.test.tsx.snap
@@ -15,14 +15,14 @@ Object {
             class="sc-dkzDqf bqgjsq"
           >
             <div
-              aria-label="From Tuesday, January 01, 2019 To Monday, December 26, 2022"
+              aria-label="From Tuesday, January 01, 2019 To Tuesday, December 27, 2022"
               class="sc-hKMtZM VwYTb"
               format="only-number"
               lang="en"
             >
               <time
                 aria-hidden="true"
-                datetime="12/26/2022"
+                datetime="12/27/2022"
               >
                 2022
               </time>
@@ -87,14 +87,14 @@ Object {
           class="sc-dkzDqf bqgjsq"
         >
           <div
-            aria-label="From Tuesday, January 01, 2019 To Monday, December 26, 2022"
+            aria-label="From Tuesday, January 01, 2019 To Tuesday, December 27, 2022"
             class="sc-hKMtZM VwYTb"
             format="only-number"
             lang="en"
           >
             <time
               aria-hidden="true"
-              datetime="12/26/2022"
+              datetime="12/27/2022"
             >
               2022
             </time>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vertical-timeline-component-react",`
`3`		`- "version": "4.3.1",`
	`3`	`+ "version": "4.3.2",`
`4`	`4`	`"description": "A simple component for create a vertical timeline with React",`
`5`	`5`	`"main": "./lib/cjs/index.js",`
`6`	`6`	`"module": "./lib/esm/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -15,14 +15,14 @@ Object {`
`15`	`15`	`class="sc-dkzDqf bqgjsq"`
`16`	`16`	`>`
`17`	`17`	`<div`
`18`		`- aria-label="From Tuesday, January 01, 2019 To Monday, December 26, 2022"`
	`18`	`+ aria-label="From Tuesday, January 01, 2019 To Tuesday, December 27, 2022"`
`19`	`19`	`class="sc-hKMtZM VwYTb"`
`20`	`20`	`format="only-number"`
`21`	`21`	`lang="en"`
`22`	`22`	`>`
`23`	`23`	`<time`
`24`	`24`	`aria-hidden="true"`
`25`		`- datetime="12/26/2022"`
	`25`	`+ datetime="12/27/2022"`
`26`	`26`	`>`
`27`	`27`	`2022`
`28`	`28`	`</time>`
`@@ -87,14 +87,14 @@ Object {`
`87`	`87`	`class="sc-dkzDqf bqgjsq"`
`88`	`88`	`>`
`89`	`89`	`<div`
`90`		`- aria-label="From Tuesday, January 01, 2019 To Monday, December 26, 2022"`
	`90`	`+ aria-label="From Tuesday, January 01, 2019 To Tuesday, December 27, 2022"`
`91`	`91`	`class="sc-hKMtZM VwYTb"`
`92`	`92`	`format="only-number"`
`93`	`93`	`lang="en"`
`94`	`94`	`>`
`95`	`95`	`<time`
`96`	`96`	`aria-hidden="true"`
`97`		`- datetime="12/26/2022"`
	`97`	`+ datetime="12/27/2022"`
`98`	`98`	`>`
`99`	`99`	`2022`
`100`	`100`	`</time>`