Skip to content

Commit 271306e

Browse files
author
Clifford Fajardo
committed
save progress, mode=multiple not passing tests in jest
1 parent 08757c1 commit 271306e

35 files changed

Lines changed: 371 additions & 98 deletions

‎docs/examples/auto-adjust-dropdown.tsx‎

Lines changed: 17 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@ class Test extends React.Component {
88
value: '3',
99
};
1010

11-
onChange = e => {
11+
onChange = (e) => {
12+
console.log(`e`, e);
1213
let value;
1314
if (e && e.target) {
1415
({ value } = e.target);
@@ -35,48 +36,29 @@ class Test extends React.Component {
3536
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
3637
<div>
3738
<Select
39+
name="my-select"
3840
onChange={this.onChange}
3941
dropdownMatchSelectWidth={500}
4042
value={value}
4143
>
42-
<Option value="1">
43-
Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
44-
</Option>
45-
<Option value="2">
46-
Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
47-
</Option>
44+
<Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
45+
<Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
4846
<Option value="3">Jill</Option>
4947
</Select>
5048
</div>
5149
<div>
52-
<Select
53-
onChange={this.onChange}
54-
dropdownMatchSelectWidth={500}
55-
value={value}
56-
>
57-
<Option value="1">
58-
Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
59-
</Option>
60-
<Option value="2">
61-
Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
62-
</Option>{' '}
50+
<Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
51+
<Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
52+
<Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>{' '}
6353
<Option value="3">Jill</Option>
6454
</Select>
6555
</div>
6656
</div>
6757
<div style={{ display: 'flex', justifyContent: 'center' }}>
6858
<div>
69-
<Select
70-
onChange={this.onChange}
71-
dropdownMatchSelectWidth={500}
72-
value={value}
73-
>
74-
<Option value="1">
75-
Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
76-
</Option>
77-
<Option value="2">
78-
Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
79-
</Option>
59+
<Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
60+
<Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
61+
<Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
8062
<Option value="3">Jill</Option>
8163
</Select>
8264
</div>
@@ -88,32 +70,16 @@ class Test extends React.Component {
8870
}}
8971
>
9072
<div>
91-
<Select
92-
onChange={this.onChange}
93-
dropdownMatchSelectWidth={500}
94-
value={value}
95-
>
96-
<Option value="1">
97-
Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
98-
</Option>
99-
<Option value="2">
100-
Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
101-
</Option>
73+
<Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
74+
<Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
75+
<Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
10276
<Option value="3">Jill</Option>
10377
</Select>
10478
</div>
10579
<div>
106-
<Select
107-
onChange={this.onChange}
108-
dropdownMatchSelectWidth={500}
109-
value={value}
110-
>
111-
<Option value="1">
112-
Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack
113-
</Option>
114-
<Option value="2">
115-
Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy
116-
</Option>
80+
<Select onChange={this.onChange} dropdownMatchSelectWidth={500} value={value}>
81+
<Option value="1">Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack Jack</Option>
82+
<Option value="2">Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy Lucy</Option>
11783
<Option value="3">Jill</Option>
11884
</Select>
11985
</div>

‎docs/examples/combobox.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ class Combobox extends React.Component {
2525
});
2626
};
2727

28-
onKeyDown = e => {
28+
onKeyDown = (e) => {
2929
const { value } = this.state;
3030
if (e.keyCode === 13) {
3131
console.log('onEnter', value);
@@ -40,7 +40,7 @@ class Combobox extends React.Component {
4040
console.log('onSearch:', text);
4141
};
4242

43-
onAsyncChange = value => {
43+
onAsyncChange = (value) => {
4444
window.clearTimeout(this.timeoutId);
4545

4646
this.setState({
@@ -81,6 +81,7 @@ class Combobox extends React.Component {
8181
</p>
8282
<div>
8383
<Select
84+
name="my_combobox"
8485
disabled={disabled}
8586
style={{ width: 500 }}
8687
onChange={this.onChange}

‎docs/examples/controlled.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ class Controlled extends React.Component<{}, ControlledState> {
1616
open: true,
1717
};
1818

19-
onChange = e => {
19+
onChange = (e) => {
2020
let value;
2121
if (e && e.target) {
2222
({ value } = e.target);
@@ -35,15 +35,15 @@ class Controlled extends React.Component<{}, ControlledState> {
3535
});
3636
};
3737

38-
onBlur = v => {
38+
onBlur = (v) => {
3939
console.log('onBlur', v);
4040
};
4141

4242
onFocus = () => {
4343
console.log('onFocus');
4444
};
4545

46-
onDropdownVisibleChange = open => {
46+
onDropdownVisibleChange = (open) => {
4747
this.setState({ open });
4848
};
4949

@@ -58,6 +58,7 @@ class Controlled extends React.Component<{}, ControlledState> {
5858
<div style={{ width: 300 }}>
5959
<Select
6060
id="my-select"
61+
name="my-select"
6162
value={value}
6263
placeholder="placeholder"
6364
listHeight={200}
@@ -88,7 +89,7 @@ class Controlled extends React.Component<{}, ControlledState> {
8889
<Option value="31" text="yiminghe">
8990
yiminghe
9091
</Option>
91-
{[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(i => (
92+
{[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((i) => (
9293
<Option key={i} value={i} text={String(i)}>
9394
{i}-text
9495
</Option>

‎docs/examples/custom-icon.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,7 @@ class CustomIconComponent extends React.Component {
9090
</p>
9191
<div style={{ width: 300 }}>
9292
<Select
93+
name="my-select"
9394
className="custom-select"
9495
disabled={disabled}
9596
style={{ width: 500 }}
@@ -178,6 +179,7 @@ class Test extends React.Component {
178179
</p>
179180
<div style={{ width: 300 }}>
180181
<Select
182+
name="my-select2"
181183
className="custom-select"
182184
value={value}
183185
animation={useAnim ? 'slide-up' : null}

‎docs/examples/custom-tags.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,8 @@ const Test: React.FC = () => {
5050

5151
<div>
5252
<Select
53+
id="my-select"
54+
name="my-select"
5355
placeholder="placeholder"
5456
mode="tags"
5557
style={{ width: 500 }}
@@ -58,14 +60,14 @@ const Test: React.FC = () => {
5860
maxTagTextLength={10}
5961
value={value}
6062
onChange={(val: string[], option) => {
61-
console.log('change:', val, option);
63+
console.log('change---:', { val, option });
6264
setValue(val);
6365
}}
6466
onSelect={(val, option) => {
65-
console.log('selected', val, option);
67+
console.log('selected', { val, option });
6668
}}
6769
onDeselect={(val, option) => {
68-
console.log('deselected', val, option);
70+
console.log('deselected', { val, option });
6971
}}
7072
tokenSeparators={[',']}
7173
tagRender={tagRender}

‎docs/examples/dropdownRender.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ class Test extends React.Component {
4040

4141
<div>
4242
<Select
43+
name="my-select"
4344
placeholder="placeholder"
4445
mode="tags"
4546
style={{ width: 500 }}
@@ -50,7 +51,7 @@ class Test extends React.Component {
5051
tokenSeparators={[' ', ',']}
5152
onFocus={() => console.log('focus')}
5253
onBlur={() => console.log('blur')}
53-
dropdownRender={menu => (
54+
dropdownRender={(menu) => (
5455
<React.Fragment>
5556
<div
5657
onClick={() => {

‎docs/examples/email.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,18 +8,18 @@ class Test extends React.Component {
88
options: [],
99
};
1010

11-
onSelect = value => {
11+
onSelect = (value) => {
1212
console.log('onSelect', value);
1313
};
1414

15-
onChange = value => {
15+
onChange = (value) => {
1616
console.log('onChange', value);
1717
let options: React.ReactNode = [];
1818
if (value) {
1919
if (value.indexOf('@') >= 0) {
2020
options = <Option key={value}>{value}</Option>;
2121
} else {
22-
options = ['gmail.com', 'yahoo.com', 'outlook.com'].map(domain => {
22+
options = ['gmail.com', 'yahoo.com', 'outlook.com'].map((domain) => {
2323
const email = `${value}@${domain}`;
2424
return <Option key={email}>{email}</Option>;
2525
});
@@ -34,6 +34,7 @@ class Test extends React.Component {
3434
const { options } = this.state;
3535
return (
3636
<Select
37+
name="my-select"
3738
mode="combobox"
3839
notFoundContent={false}
3940
style={{ width: 200 }}

‎docs/examples/filterSort.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ const Test = () => (
1717
<div>
1818
<h3> with filter sort </h3>
1919
<Select
20+
name="my-select1"
2021
showSearch
2122
style={{ width: 500 }}
2223
filterSort={sorterByLabel}
@@ -25,6 +26,7 @@ const Test = () => (
2526
></Select>
2627
<h3> without filter sort </h3>
2728
<Select
29+
name="my-select2"
2830
showSearch
2931
style={{ width: 500 }}
3032
optionFilterProp="label"

‎docs/examples/force-suggest.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,16 @@ class Test extends React.Component {
1212
value: undefined,
1313
};
1414

15-
onChange = value => {
15+
onChange = (value) => {
1616
console.log('select ', value);
1717
this.setState({
1818
value,
1919
});
2020
};
2121

22-
fetchData = value => {
22+
fetchData = (value) => {
2323
if (value) {
24-
fetch(value, data => {
24+
fetch(value, (data) => {
2525
this.setState({
2626
data,
2727
});
@@ -42,7 +42,7 @@ class Test extends React.Component {
4242

4343
render() {
4444
const { data, value, disabled } = this.state;
45-
const options = data.map(d => (
45+
const options = data.map((d) => (
4646
<Option key={d.value}>
4747
<i>{d.text}</i>
4848
</Option>
@@ -57,6 +57,7 @@ class Test extends React.Component {
5757
</p>
5858
<div>
5959
<Select
60+
name="my-select"
6061
labelInValue
6162
showSearch
6263
onSearch={this.fetchData}

‎docs/examples/getPopupContainer.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@ class Test extends React.Component {
1111
destroy: false,
1212
};
1313

14-
getPopupContainer = node => node.parentNode;
14+
getPopupContainer = (node) => node.parentNode;
1515

16-
setVisible = open => {
16+
setVisible = (open) => {
1717
this.setState({
1818
open,
1919
});
@@ -50,6 +50,7 @@ class Test extends React.Component {
5050
<Dialog visible={open} onClose={this.close}>
5151
<div style={{ marginTop: 20, position: 'relative' }}>
5252
<Select
53+
name="my-select"
5354
placeholder="placeholder"
5455
style={{ width: 200 }}
5556
getPopupContainer={this.getPopupContainer}

0 commit comments

Comments
 (0)