1 | /*
|
2 | * The MIT License (MIT)
|
3 | *
|
4 | * Copyright (c) 2015 - present Instructure, Inc.
|
5 | *
|
6 | * Permission is hereby granted, free of charge, to any person obtaining a copy
|
7 | * of this software and associated documentation files (the "Software"), to deal
|
8 | * in the Software without restriction, including without limitation the rights
|
9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10 | * copies of the Software, and to permit persons to whom the Software is
|
11 | * furnished to do so, subject to the following conditions:
|
12 | *
|
13 | * The above copyright notice and this permission notice shall be included in all
|
14 | * copies or substantial portions of the Software.
|
15 | *
|
16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22 | * SOFTWARE.
|
23 | */
|
24 |
|
25 | /**
|
26 | * ---
|
27 | * category: utilities/PropTypes
|
28 | * ---
|
29 | * Ensure that a corresponding handler function is provided for the given prop if the
|
30 | * component does not manage its own state.
|
31 | *
|
32 | * ```js
|
33 | * import { controllable } from '@instructure/ui-prop-types'
|
34 | *
|
35 | * class Foo extends Component {
|
36 | * static propTypes = {
|
37 | * selected: controllable(PropTypes.bool, 'onSelect', 'defaultSelected'),
|
38 | * onSelect: PropTypes.func,
|
39 | * defaultSelected: PropTypes.bool
|
40 | * }
|
41 | * ...
|
42 | * ```
|
43 | *
|
44 | * This will throw an error if the 'selected' prop is supplied without a corresponding
|
45 | * 'onSelect' handler and will recommend using 'defaultSelected' instead.
|
46 | *
|
47 | * @param {function} propType - validates the prop type. Returns null if valid, error otherwise
|
48 | * @param {string} handlerName - name of the handler function
|
49 | * @param {string} defaultPropName - name of the default prop
|
50 | * @returns {Error} if designated prop is supplied without a corresponding handler function
|
51 | */
|
52 | function controllable (propType, handlerName = 'onChange', defaultPropName = 'defaultValue') {
|
53 | return function (props, propName, componentName) {
|
54 | const error = propType.apply(null, arguments)
|
55 | if (error) {
|
56 | return error
|
57 | }
|
58 |
|
59 | if (props[propName] && typeof props[handlerName] !== 'function') {
|
60 | return new Error(
|
61 | [
|
62 | `You provided a '${propName}' prop without an '${handlerName}' handler on '${componentName}'. \
|
63 | This will render a controlled component. \
|
64 | If the component should be uncontrolled and manage its own state, use '${defaultPropName}'. \
|
65 | Otherwise, set '${handlerName}'.`
|
66 | ].join('')
|
67 | )
|
68 | }
|
69 | }
|
70 | }
|
71 |
|
72 | export default controllable
|
73 | export { controllable }
|