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 }) => ( - option.value === 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, };