diff --git a/packages/devui/src/Select/Select.js b/packages/devui/src/Select/Select.js
index 014fd5bc..4be7e8b7 100644
--- a/packages/devui/src/Select/Select.js
+++ b/packages/devui/src/Select/Select.js
@@ -1,37 +1,32 @@
import React, { PureComponent, Component } from 'react';
import PropTypes from 'prop-types';
import ReactSelect from 'react-select';
-import createStyledComponent from '../utils/createStyledComponent';
-import styles from './styles';
-
-const SelectContainer = createStyledComponent(styles, ReactSelect);
+// import createStyledComponent from '../utils/createStyledComponent';
+// import styles from './styles';
+//
+// const SelectContainer = createStyledComponent(styles, ReactSelect);
/**
* Wrapper around [React Select](https://github.com/JedWatson/react-select) with themes and new props like `openOuterUp` and `menuMaxHeight`.
*/
export default class Select extends (PureComponent || Component) {
render() {
- return ;
+ return ;
}
}
Select.propTypes = {
- autosize: PropTypes.bool, // whether to enable autosizing or not
- clearable: PropTypes.bool, // should it be possible to reset value
- disabled: PropTypes.bool, // whether the Select is disabled or not
+ isClearable: PropTypes.bool, // should it be possible to reset value
+ isDisabled: PropTypes.bool, // whether the Select is disabled or not
isLoading: PropTypes.bool, // whether the Select is loading externally or not
- menuMaxHeight: PropTypes.number, // maximum css height for the opened menu of options
- multi: PropTypes.bool, // multi-value input
- searchable: PropTypes.bool, // whether to enable searching feature or not
- simpleValue: PropTypes.bool, // pass the value with label to onChange
+ // menuMaxHeight: PropTypes.number, // maximum css height for the opened menu of options
+ isMulti: PropTypes.bool, // multi-value input
+ isSearchable: PropTypes.bool, // whether to enable searching feature or not
value: PropTypes.any, // initial field value
- valueKey: PropTypes.string, // path of the label value in option objects
- openOuterUp: PropTypes.bool, // value to control the opening direction
+ // openOuterUp: PropTypes.bool, // value to control the opening direction
};
Select.defaultProps = {
- autosize: true,
- clearable: false,
- simpleValue: true,
- menuMaxHeight: 200,
+ isClearable: false,
+ // menuMaxHeight: 200,
};
diff --git a/packages/devui/src/Select/Select.stories.js b/packages/devui/src/Select/Select.stories.js
index 43400152..19216620 100644
--- a/packages/devui/src/Select/Select.stories.js
+++ b/packages/devui/src/Select/Select.stories.js
@@ -20,25 +20,24 @@ export default {
component: Select,
};
-const Template = (args) => (
+const Template = ({ value, ...args }) => (
-
+
);
export const Default = Template.bind({});
Default.args = {
value: 'one',
- menuMaxHeight: 200,
- autosize: false,
- clearable: false,
- disabled: false,
+ // menuMaxHeight: 200,
+ isClearable: false,
+ isDisabled: false,
isLoading: false,
- multi: false,
- searchable: true,
- openOuterUp: false,
-};
-Default.argTypes = {
- simpleValue: { control: { disable: true } },
- valueKey: { control: { disable: true } },
+ isMulti: false,
+ isSearchable: true,
+ // openOuterUp: false,
};