Commitad0ef5e

committed

refactor(CProgress): move the context outside the component

1 parentb6dc072 commitad0ef5eCopy full SHA for ad0ef5e

File tree

+14

-10

lines changed

+14

-10

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import React, { forwardRef, HTMLAttributes, useContext } from 'react'`
`2`	`2`	`importPropTypesfrom'prop-types'`
`3`	`3`	`importclassNamesfrom'classnames'`
`4`	`4`
`5`		`-import{CProgressStackedContext}from'./CProgressStacked'`
	`5`	`+import{CProgressStackedContext}from'./CProgressStackedContext'`
`6`	`6`	`import{CProgressBar,CProgressBarProps}from'./CProgressBar'`
`7`	`7`
`8`	`8`	`exportinterfaceCProgressProps`

Lines changed: 2 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,10 +2,11 @@ import React, { forwardRef, HTMLAttributes, useContext } from 'react'`
`2`	`2`	`importPropTypesfrom'prop-types'`
`3`	`3`	`importclassNamesfrom'classnames'`
`4`	`4`
`5`		`-import{CProgressStackedContext}from'./CProgressStacked'`
`6`	`5`	`import{colorPropType}from'../../props'`
`7`	`6`	`importtype{Colors}from'../../types'`
`8`	`7`
	`8`	`+import{CProgressStackedContext}from'./CProgressStackedContext'`
	`9`	`+`
`9`	`10`	`exportinterfaceCProgressBarPropsextendsHTMLAttributes<HTMLDivElement>{`
`10`	`11`	`/**`
`11`	`12`	`* Use to animate the stripes right to left via CSS3 animations.`

Lines changed: 4 additions & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,20 +1,16 @@`
`1`		`-importReact,{createContext,forwardRef,HTMLAttributes}from'react'`
	`1`	`+importReact,{forwardRef,HTMLAttributes}from'react'`
`2`	`2`	`importPropTypesfrom'prop-types'`
`3`	`3`	`importclassNamesfrom'classnames'`
`4`	`4`
	`5`	`+import{CProgressStackedContext}from'./CProgressStackedContext'`
	`6`	`+`
`5`	`7`	`exportinterfaceCProgressStackedPropsextendsHTMLAttributes<HTMLDivElement>{`
`6`	`8`	`/**`
`7`	`9`	`* A string of all className you want applied to the component.`
`8`	`10`	`*/`
`9`	`11`	`className?:string`
`10`	`12`	`}`
`11`	`13`
`12`		`-exportinterfaceCProgressStackedContextProps{`
`13`		`-stacked?:boolean`
`14`		`-}`
`15`		`-`
`16`		`-exportconstCProgressStackedContext=createContext({}asCProgressStackedContextProps)`
`17`		`-`
`18`	`14`	`exportconstCProgressStacked=forwardRef<HTMLDivElement,CProgressStackedProps>(`
`19`	`15`	`({ children, className, ...rest},ref)=>{`
`20`	`16`	`return(`
`@@ -28,7 +24,7 @@ export const CProgressStacked = forwardRef<HTMLDivElement, CProgressStackedProps`
`28`	`24`	`</CProgressStackedContext.Provider>`
`29`	`25`	`</div>`
`30`	`26`	`)`
`31`		`-},`
	`27`	`+}`
`32`	`28`	`)`
`33`	`29`
`34`	`30`	`CProgressStacked.propTypes={`

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,7 @@`
	`1`	`+import{createContext}from'react'`
	`2`	`+`
	`3`	`+exportinterfaceCProgressStackedContextProps{`
	`4`	`+stacked?:boolean`
	`5`	`+}`
	`6`	`+`
	`7`	`+exportconstCProgressStackedContext=createContext({}asCProgressStackedContextProps)`

Comments

(0)