> {
- constructor(props: TabsProps) {
- super(props);
- this.updateTabs(props);
- }
-
- tabsHeader?: ReactButtonElement[];
SelectedComponent?: React.ComponentType
;
selector?: () => P;
- UNSAFE_componentWillReceiveProps(nextProps: TabsProps
) {
- if (nextProps.selected !== this.props.selected) {
- this.updateTabs(nextProps);
- }
- }
-
onMouseUp: React.MouseEventHandler = (e) => {
e.currentTarget.blur();
};
@@ -38,11 +26,11 @@ export default class Tabs extends Component> {
this.props.onClick(e.currentTarget.value);
};
- updateTabs(props: TabsProps) {
- const tabs = props.tabs;
- const selected = props.selected;
+ renderTabs() {
+ const tabs = this.props.tabs;
+ const selected = this.props.selected;
- this.tabsHeader = tabs.map((tab, i) => {
+ return tabs.map((tab, i) => {
let isSelected;
const value = typeof tab.value !== 'undefined' ? tab.value : tab.name;
if (value === selected) {
@@ -69,7 +57,7 @@ export default class Tabs
extends Component> {
render() {
const tabsHeader = (
{
// noop
}}
- value="one"
- menuMaxHeight={20}
- clearable
- disabled
+ value={options.filter((option) => option.value === 'one')}
+ maxMenuHeight={20}
+ isClearable
+ isDisabled
isLoading
- multi
- searchable={false}
- openOuterUp
+ isMulti
+ isSearchable={false}
+ menuPlacement="top"
/>
);
expect(renderToJson(wrapper)).toMatchSnapshot();
diff --git a/packages/devui/tests/__snapshots__/Container.test.tsx.snap b/packages/devui/tests/__snapshots__/Container.test.tsx.snap
index cb057d78..7093d51f 100644
--- a/packages/devui/tests/__snapshots__/Container.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Container.test.tsx.snap
@@ -2,7 +2,7 @@
exports[`Container renders correctly 1`] = `
Text
diff --git a/packages/devui/tests/__snapshots__/Select.test.tsx.snap b/packages/devui/tests/__snapshots__/Select.test.tsx.snap
index 994a9c71..26df52f7 100644
--- a/packages/devui/tests/__snapshots__/Select.test.tsx.snap
+++ b/packages/devui/tests/__snapshots__/Select.test.tsx.snap
@@ -2,7 +2,7 @@
exports[`Select renders correctly 1`] = `