rsuite
Version:
A suite of react components
77 lines (66 loc) • 1.57 kB
JavaScript
import React from 'react';
import { expectType } from 'ts-expect';
import CheckPicker from '../CheckPicker'; // Infer value and onChange types from data
var numberValuedData = [{
label: 'One',
value: 1
}];
/*#__PURE__*/
React.createElement(CheckPicker, {
data: numberValuedData,
value: [1]
}); // @ts-expect-error should not accept single value
/*#__PURE__*/
React.createElement(CheckPicker, {
data: numberValuedData,
value: 1
}); // @ts-expect-error should not accept string value
/*#__PURE__*/
React.createElement(CheckPicker, {
data: numberValuedData,
value: ['1']
});
/*#__PURE__*/
React.createElement(CheckPicker, {
data: numberValuedData,
onChange: function onChange(newValue) {
expectType(newValue);
}
});
var stringValuedData = [{
label: 'One',
value: 'One'
}];
/*#__PURE__*/
React.createElement(CheckPicker, {
data: stringValuedData,
value: ['1']
}); // @ts-expect-error should not accept single value
/*#__PURE__*/
React.createElement(CheckPicker, {
data: numberValuedData,
value: "1"
}); // @ts-expect-error should not accept number value
/*#__PURE__*/
React.createElement(CheckPicker, {
data: stringValuedData,
value: [1]
});
/*#__PURE__*/
React.createElement(CheckPicker, {
data: stringValuedData,
onChange: function onChange(newValue) {
expectType(newValue);
}
});
var pickerRef = /*#__PURE__*/React.createRef();
/*#__PURE__*/
React.createElement(CheckPicker, {
ref: pickerRef,
data: []
}); // With a label
/*#__PURE__*/
React.createElement(CheckPicker, {
label: "User",
data: []
});