-
Notifications
You must be signed in to change notification settings - Fork 205
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(KitchenSink): add all current examples to kitchen sink
- Loading branch information
Showing
106 changed files
with
1,033 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
import React from 'react'; | ||
import PropTypes from 'prop-types'; | ||
|
||
class AsyncComponent extends React.Component { | ||
state = { Component: null }; | ||
|
||
async componentDidMount() { | ||
try { | ||
const Component = await this.props.loader(); | ||
|
||
this.setComponent(Component.default); | ||
} catch (e) { | ||
return; | ||
} | ||
} | ||
|
||
setComponent = Component => { | ||
this.setState({ Component }); | ||
} | ||
|
||
render() { | ||
const { Component } = this.state; | ||
const { Placeholder, ...props } = this.props; | ||
|
||
const getPlaceholder = () => ( | ||
typeof Placeholder === 'string' | ||
/* eslint-disable */ | ||
? <div dangerouslySetInnerHTML={{__html: Placeholder}} /> | ||
/* eslint-enable */ | ||
: Placeholder | ||
); | ||
|
||
return ( | ||
<div className='row'> | ||
{Component ? <Component {...props} /> : getPlaceholder()} | ||
</div> | ||
); | ||
} | ||
} | ||
|
||
AsyncComponent.defaultProps ={ | ||
Placeholder: <div>Not Found</div> | ||
}; | ||
|
||
AsyncComponent.propTypes = { | ||
loader: PropTypes.func.isRequired, | ||
Placeholder: PropTypes.node, | ||
}; | ||
|
||
export default AsyncComponent; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from 'react'; | ||
import { | ||
AccordionDefault, | ||
AccordionMultiOpen, | ||
AccordionPreSelectedOpen, | ||
} from './index'; | ||
|
||
export default class AccordionKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<AccordionDefault /> | ||
<AccordionMultiOpen /> | ||
<AccordionPreSelectedOpen /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,4 @@ | ||
export { default as AccordionDefault } from './Default'; | ||
export { default as AccordionKitchenSink } from './KitchenSink'; | ||
export { default as AccordionMultiOpen } from './MultiOpen'; | ||
export { default as AccordionPreSelectedOpen } from './PreSelectedOpen'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from 'react'; | ||
import { | ||
ActivityButtonDefault, | ||
ActivityButtonLarge, | ||
ActivityButtonSize56, | ||
} from './index'; | ||
|
||
export default class ActivityButtonKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<ActivityButtonDefault /> | ||
<ActivityButtonLarge /> | ||
<ActivityButtonSize56 /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,4 @@ | ||
export { default as ActivityButtonDefault } from './Default'; | ||
export { default as ActivityButtonSize56 } from './Size56'; | ||
export { default as ActivityButtonKitchenSink } from './KitchenSink'; | ||
export { default as ActivityButtonLarge } from './Large'; | ||
export { default as ActivityButtonSize56 } from './Size56'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import React from 'react'; | ||
import { | ||
AlertDefault, | ||
AlertError, | ||
AlertSuccess, | ||
AlertWarning, | ||
} from './index'; | ||
|
||
export default class AlertKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<AlertDefault /> | ||
<AlertError /> | ||
<AlertSuccess /> | ||
<AlertWarning /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,5 @@ | ||
export { default as AlertDefault } from './Default'; | ||
export { default as AlertError } from './Error'; | ||
export { default as AlertKitchenSink } from './KitchenSink'; | ||
export { default as AlertSuccess } from './Success'; | ||
export { default as AlertWarning } from './Warning'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from 'react'; | ||
import { | ||
AlertBannerDefault, | ||
AlertBannerError, | ||
AlertBannerWarning, | ||
} from './index'; | ||
|
||
export default class AlertBannerKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<AlertBannerDefault /> | ||
<AlertBannerError /> | ||
<AlertBannerWarning /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,4 @@ | ||
export { default as AlertBannerDefault } from './Default'; | ||
export { default as AlertBannerError } from './Error'; | ||
export { default as AlertBannerKitchenSink } from './KitchenSink'; | ||
export { default as AlertBannerWarning } from './Warning'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import React from 'react'; | ||
import { | ||
AlertCallDefault, | ||
AlertCallDevice, | ||
AlertCallDeviceList, | ||
AlertCallNumber, | ||
} from './index'; | ||
|
||
export default class AlertCallKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<AlertCallDefault /> | ||
<AlertCallDevice /> | ||
<AlertCallDeviceList /> | ||
<AlertCallNumber /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,5 @@ | ||
export { default as AlertCallDefault } from './Default'; | ||
export { default as AlertCallDevice } from './Device'; | ||
export { default as AlertCallDevicelist } from './DeviceList'; | ||
export { default as AlertCallDeviceList } from './DeviceList'; | ||
export { default as AlertCallKitchenSink } from './KitchenSink'; | ||
export { default as AlertCallNumber } from './Number'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import React from 'react'; | ||
import { | ||
AlertMeetingDefault, | ||
AlertMeetingMultiple, | ||
} from './index'; | ||
|
||
export default class AlertMeetingKitchenSink extends React.Component { | ||
render() { | ||
return ( | ||
<React.Fragment> | ||
<AlertMeetingDefault /> | ||
<AlertMeetingMultiple /> | ||
</React.Fragment> | ||
); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,3 @@ | ||
export { default as AlertMeetingDefault } from './Default'; | ||
export { default as AlertMeetingKitchenSink } from './KitchenSink'; | ||
export { default as AlertMeetingMultiple } from './Multiple'; |
Oops, something went wrong.