@instructure/ui-list 8.25.1-snapshot-1 → 8.25.1-snapshot-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/es/InlineList/InlineListItem/index.js +21 -20
- package/es/InlineList/index.js +22 -21
- package/es/List/ListItem/index.js +21 -20
- package/es/List/index.js +23 -21
- package/lib/InlineList/InlineListItem/index.js +22 -21
- package/lib/InlineList/index.js +23 -22
- package/lib/List/ListItem/index.js +22 -21
- package/lib/List/index.js +24 -22
- package/package.json +13 -13
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/InlineList/InlineListItem/InlineListItemLocator.d.ts +4 -4
- package/types/InlineList/InlineListLocator.d.ts +14 -14
- package/types/List/ListLocator.d.ts +14 -14
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [8.25.1-snapshot-
|
|
6
|
+
## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-list
|
|
9
9
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["delimiter", "size", "margin", "padding", "elementRef", "children", "spacing", "styles"];
|
|
3
3
|
|
|
4
|
-
var _dec, _dec2, _class
|
|
4
|
+
var _dec, _dec2, _class;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,20 +44,26 @@ id: InlineList.Item
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class =
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class InlineListItem extends Component {
|
|
48
|
+
static displayName = "InlineListItem";
|
|
49
|
+
static componentId = 'InlineList.Item';
|
|
50
|
+
static propTypes = propTypes;
|
|
51
|
+
static allowedProps = allowedProps;
|
|
52
|
+
static defaultProps = {
|
|
53
|
+
padding: 'none',
|
|
54
|
+
spacing: 'none',
|
|
55
|
+
delimiter: 'none',
|
|
56
|
+
size: 'medium'
|
|
57
|
+
};
|
|
58
|
+
ref = null;
|
|
59
|
+
handleRef = el => {
|
|
60
|
+
const elementRef = this.props.elementRef;
|
|
61
|
+
this.ref = el;
|
|
51
62
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (typeof elementRef === 'function') {
|
|
57
|
-
elementRef(el);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
}
|
|
63
|
+
if (typeof elementRef === 'function') {
|
|
64
|
+
elementRef(el);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
61
67
|
|
|
62
68
|
componentDidMount() {
|
|
63
69
|
var _this$props$makeStyle, _this$props;
|
|
@@ -97,11 +103,6 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
97
103
|
}));
|
|
98
104
|
}
|
|
99
105
|
|
|
100
|
-
}
|
|
101
|
-
padding: 'none',
|
|
102
|
-
spacing: 'none',
|
|
103
|
-
delimiter: 'none',
|
|
104
|
-
size: 'medium'
|
|
105
|
-
}, _class2)) || _class) || _class);
|
|
106
|
+
}) || _class) || _class);
|
|
106
107
|
export default InlineListItem;
|
|
107
108
|
export { InlineListItem };
|
package/es/InlineList/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["as", "margin", "elementRef"];
|
|
3
3
|
|
|
4
|
-
var _dec, _class
|
|
4
|
+
var _dec, _class;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -39,20 +39,27 @@ category: components
|
|
|
39
39
|
---
|
|
40
40
|
@tsProps
|
|
41
41
|
**/
|
|
42
|
-
let InlineList = (_dec = testable(), _dec(_class =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
let InlineList = (_dec = testable(), _dec(_class = class InlineList extends Component {
|
|
43
|
+
static displayName = "InlineList";
|
|
44
|
+
static propTypes = propTypes;
|
|
45
|
+
static allowedProps = allowedProps;
|
|
46
|
+
static defaultProps = {
|
|
47
|
+
itemSpacing: 'none',
|
|
48
|
+
as: 'ul',
|
|
49
|
+
margin: 'none',
|
|
50
|
+
delimiter: 'none',
|
|
51
|
+
size: 'medium'
|
|
52
|
+
};
|
|
53
|
+
static Item = InlineListItem;
|
|
54
|
+
ref = null;
|
|
55
|
+
handleRef = el => {
|
|
56
|
+
const elementRef = this.props.elementRef;
|
|
57
|
+
this.ref = el;
|
|
46
58
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
if (typeof elementRef === 'function') {
|
|
52
|
-
elementRef(el);
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
}
|
|
59
|
+
if (typeof elementRef === 'function') {
|
|
60
|
+
elementRef(el);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
56
63
|
|
|
57
64
|
renderChildren() {
|
|
58
65
|
return Children.map(this.props.children, child => {
|
|
@@ -82,12 +89,6 @@ let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList e
|
|
|
82
89
|
}), this.renderChildren());
|
|
83
90
|
}
|
|
84
91
|
|
|
85
|
-
}
|
|
86
|
-
itemSpacing: 'none',
|
|
87
|
-
as: 'ul',
|
|
88
|
-
margin: 'none',
|
|
89
|
-
delimiter: 'none',
|
|
90
|
-
size: 'medium'
|
|
91
|
-
}, _class2.Item = InlineListItem, _class2)) || _class);
|
|
92
|
+
}) || _class);
|
|
92
93
|
export default InlineList;
|
|
93
94
|
export { InlineList };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["delimiter", "spacing", "size", "margin", "padding", "elementRef", "children", "styles"];
|
|
3
3
|
|
|
4
|
-
var _dec, _dec2, _class
|
|
4
|
+
var _dec, _dec2, _class;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,20 +44,26 @@ id: List.Item
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class =
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ListItem extends Component {
|
|
48
|
+
static displayName = "ListItem";
|
|
49
|
+
static componentId = 'List.Item';
|
|
50
|
+
static propTypes = propTypes;
|
|
51
|
+
static allowedProps = allowedProps;
|
|
52
|
+
static defaultProps = {
|
|
53
|
+
padding: 'none',
|
|
54
|
+
spacing: 'none',
|
|
55
|
+
delimiter: 'none',
|
|
56
|
+
size: 'medium'
|
|
57
|
+
};
|
|
58
|
+
ref = null;
|
|
59
|
+
handleRef = el => {
|
|
60
|
+
const elementRef = this.props.elementRef;
|
|
61
|
+
this.ref = el;
|
|
51
62
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (typeof elementRef === 'function') {
|
|
57
|
-
elementRef(el);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
}
|
|
63
|
+
if (typeof elementRef === 'function') {
|
|
64
|
+
elementRef(el);
|
|
65
|
+
}
|
|
66
|
+
};
|
|
61
67
|
|
|
62
68
|
componentDidMount() {
|
|
63
69
|
var _this$props$makeStyle, _this$props;
|
|
@@ -93,11 +99,6 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
|
|
|
93
99
|
}), children);
|
|
94
100
|
}
|
|
95
101
|
|
|
96
|
-
}
|
|
97
|
-
padding: 'none',
|
|
98
|
-
spacing: 'none',
|
|
99
|
-
delimiter: 'none',
|
|
100
|
-
size: 'medium'
|
|
101
|
-
}, _class2)) || _class) || _class);
|
|
102
|
+
}) || _class) || _class);
|
|
102
103
|
export default ListItem;
|
|
103
104
|
export { ListItem };
|
package/es/List/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["as", "margin", "isUnstyled", "elementRef", "styles"];
|
|
3
3
|
|
|
4
|
-
var _dec, _dec2, _class
|
|
4
|
+
var _dec, _dec2, _class;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,20 +44,28 @@ category: components
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class =
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class List extends Component {
|
|
48
|
+
static displayName = "List";
|
|
49
|
+
static componentId = 'List';
|
|
50
|
+
static propTypes = propTypes;
|
|
51
|
+
static allowedProps = allowedProps;
|
|
52
|
+
static defaultProps = {
|
|
53
|
+
as: 'ul',
|
|
54
|
+
delimiter: 'none',
|
|
55
|
+
isUnstyled: false,
|
|
56
|
+
size: 'medium',
|
|
57
|
+
itemSpacing: 'none'
|
|
58
|
+
};
|
|
59
|
+
static Item = ListItem;
|
|
60
|
+
ref = null;
|
|
61
|
+
handleRef = el => {
|
|
62
|
+
const elementRef = this.props.elementRef;
|
|
63
|
+
this.ref = el;
|
|
51
64
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (typeof elementRef === 'function') {
|
|
57
|
-
elementRef(el);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
}
|
|
65
|
+
if (typeof elementRef === 'function') {
|
|
66
|
+
elementRef(el);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
61
69
|
|
|
62
70
|
componentDidMount() {
|
|
63
71
|
var _this$props$makeStyle, _this$props;
|
|
@@ -102,12 +110,6 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
|
|
|
102
110
|
}), this.renderChildren());
|
|
103
111
|
}
|
|
104
112
|
|
|
105
|
-
}
|
|
106
|
-
as: 'ul',
|
|
107
|
-
delimiter: 'none',
|
|
108
|
-
isUnstyled: false,
|
|
109
|
-
size: 'medium',
|
|
110
|
-
itemSpacing: 'none'
|
|
111
|
-
}, _class2.Item = ListItem, _class2)) || _class) || _class);
|
|
113
|
+
}) || _class) || _class);
|
|
112
114
|
export default List;
|
|
113
115
|
export { List, ListItem };
|
|
@@ -27,7 +27,7 @@ var _props = require("./props");
|
|
|
27
27
|
|
|
28
28
|
const _excluded = ["delimiter", "size", "margin", "padding", "elementRef", "children", "spacing", "styles"];
|
|
29
29
|
|
|
30
|
-
var _dec, _dec2, _class
|
|
30
|
+
var _dec, _dec2, _class;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -36,20 +36,26 @@ id: InlineList.Item
|
|
|
36
36
|
---
|
|
37
37
|
@tsProps
|
|
38
38
|
**/
|
|
39
|
-
let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class =
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
39
|
+
let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class InlineListItem extends _react.Component {
|
|
40
|
+
static displayName = "InlineListItem";
|
|
41
|
+
static componentId = 'InlineList.Item';
|
|
42
|
+
static propTypes = _props.propTypes;
|
|
43
|
+
static allowedProps = _props.allowedProps;
|
|
44
|
+
static defaultProps = {
|
|
45
|
+
padding: 'none',
|
|
46
|
+
spacing: 'none',
|
|
47
|
+
delimiter: 'none',
|
|
48
|
+
size: 'medium'
|
|
49
|
+
};
|
|
50
|
+
ref = null;
|
|
51
|
+
handleRef = el => {
|
|
52
|
+
const elementRef = this.props.elementRef;
|
|
53
|
+
this.ref = el;
|
|
54
|
+
|
|
55
|
+
if (typeof elementRef === 'function') {
|
|
56
|
+
elementRef(el);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
53
59
|
|
|
54
60
|
componentDidMount() {
|
|
55
61
|
var _this$props$makeStyle, _this$props;
|
|
@@ -88,12 +94,7 @@ let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
88
94
|
}));
|
|
89
95
|
}
|
|
90
96
|
|
|
91
|
-
}
|
|
92
|
-
padding: 'none',
|
|
93
|
-
spacing: 'none',
|
|
94
|
-
delimiter: 'none',
|
|
95
|
-
size: 'medium'
|
|
96
|
-
}, _class2)) || _class) || _class);
|
|
97
|
+
}) || _class) || _class);
|
|
97
98
|
exports.InlineListItem = InlineListItem;
|
|
98
99
|
var _default = InlineListItem;
|
|
99
100
|
exports.default = _default;
|
package/lib/InlineList/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var _props = require("./props");
|
|
|
27
27
|
|
|
28
28
|
const _excluded = ["as", "margin", "elementRef"];
|
|
29
29
|
|
|
30
|
-
var _dec, _class
|
|
30
|
+
var _dec, _class;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -35,20 +35,27 @@ category: components
|
|
|
35
35
|
---
|
|
36
36
|
@tsProps
|
|
37
37
|
**/
|
|
38
|
-
let InlineList = (_dec = (0, _testable.testable)(), _dec(_class =
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
38
|
+
let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = class InlineList extends _react.Component {
|
|
39
|
+
static displayName = "InlineList";
|
|
40
|
+
static propTypes = _props.propTypes;
|
|
41
|
+
static allowedProps = _props.allowedProps;
|
|
42
|
+
static defaultProps = {
|
|
43
|
+
itemSpacing: 'none',
|
|
44
|
+
as: 'ul',
|
|
45
|
+
margin: 'none',
|
|
46
|
+
delimiter: 'none',
|
|
47
|
+
size: 'medium'
|
|
48
|
+
};
|
|
49
|
+
static Item = _InlineListItem.InlineListItem;
|
|
50
|
+
ref = null;
|
|
51
|
+
handleRef = el => {
|
|
52
|
+
const elementRef = this.props.elementRef;
|
|
53
|
+
this.ref = el;
|
|
54
|
+
|
|
55
|
+
if (typeof elementRef === 'function') {
|
|
56
|
+
elementRef(el);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
52
59
|
|
|
53
60
|
renderChildren() {
|
|
54
61
|
return _react.Children.map(this.props.children, child => {
|
|
@@ -77,13 +84,7 @@ let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = cla
|
|
|
77
84
|
}), this.renderChildren());
|
|
78
85
|
}
|
|
79
86
|
|
|
80
|
-
}
|
|
81
|
-
itemSpacing: 'none',
|
|
82
|
-
as: 'ul',
|
|
83
|
-
margin: 'none',
|
|
84
|
-
delimiter: 'none',
|
|
85
|
-
size: 'medium'
|
|
86
|
-
}, _class2.Item = _InlineListItem.InlineListItem, _class2)) || _class);
|
|
87
|
+
}) || _class);
|
|
87
88
|
exports.InlineList = InlineList;
|
|
88
89
|
var _default = InlineList;
|
|
89
90
|
exports.default = _default;
|
|
@@ -27,7 +27,7 @@ var _props = require("./props");
|
|
|
27
27
|
|
|
28
28
|
const _excluded = ["delimiter", "spacing", "size", "margin", "padding", "elementRef", "children", "styles"];
|
|
29
29
|
|
|
30
|
-
var _dec, _dec2, _class
|
|
30
|
+
var _dec, _dec2, _class;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -36,20 +36,26 @@ id: List.Item
|
|
|
36
36
|
---
|
|
37
37
|
@tsProps
|
|
38
38
|
**/
|
|
39
|
-
let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class =
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
39
|
+
let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ListItem extends _react.Component {
|
|
40
|
+
static displayName = "ListItem";
|
|
41
|
+
static componentId = 'List.Item';
|
|
42
|
+
static propTypes = _props.propTypes;
|
|
43
|
+
static allowedProps = _props.allowedProps;
|
|
44
|
+
static defaultProps = {
|
|
45
|
+
padding: 'none',
|
|
46
|
+
spacing: 'none',
|
|
47
|
+
delimiter: 'none',
|
|
48
|
+
size: 'medium'
|
|
49
|
+
};
|
|
50
|
+
ref = null;
|
|
51
|
+
handleRef = el => {
|
|
52
|
+
const elementRef = this.props.elementRef;
|
|
53
|
+
this.ref = el;
|
|
54
|
+
|
|
55
|
+
if (typeof elementRef === 'function') {
|
|
56
|
+
elementRef(el);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
53
59
|
|
|
54
60
|
componentDidMount() {
|
|
55
61
|
var _this$props$makeStyle, _this$props;
|
|
@@ -84,12 +90,7 @@ let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
|
|
|
84
90
|
}), children);
|
|
85
91
|
}
|
|
86
92
|
|
|
87
|
-
}
|
|
88
|
-
padding: 'none',
|
|
89
|
-
spacing: 'none',
|
|
90
|
-
delimiter: 'none',
|
|
91
|
-
size: 'medium'
|
|
92
|
-
}, _class2)) || _class) || _class);
|
|
93
|
+
}) || _class) || _class);
|
|
93
94
|
exports.ListItem = ListItem;
|
|
94
95
|
var _default = ListItem;
|
|
95
96
|
exports.default = _default;
|
package/lib/List/index.js
CHANGED
|
@@ -38,7 +38,7 @@ var _props = require("./props");
|
|
|
38
38
|
|
|
39
39
|
const _excluded = ["as", "margin", "isUnstyled", "elementRef", "styles"];
|
|
40
40
|
|
|
41
|
-
var _dec, _dec2, _class
|
|
41
|
+
var _dec, _dec2, _class;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
---
|
|
@@ -46,20 +46,28 @@ category: components
|
|
|
46
46
|
---
|
|
47
47
|
@tsProps
|
|
48
48
|
**/
|
|
49
|
-
let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class =
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
49
|
+
let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class List extends _react.Component {
|
|
50
|
+
static displayName = "List";
|
|
51
|
+
static componentId = 'List';
|
|
52
|
+
static propTypes = _props.propTypes;
|
|
53
|
+
static allowedProps = _props.allowedProps;
|
|
54
|
+
static defaultProps = {
|
|
55
|
+
as: 'ul',
|
|
56
|
+
delimiter: 'none',
|
|
57
|
+
isUnstyled: false,
|
|
58
|
+
size: 'medium',
|
|
59
|
+
itemSpacing: 'none'
|
|
60
|
+
};
|
|
61
|
+
static Item = _ListItem.ListItem;
|
|
62
|
+
ref = null;
|
|
63
|
+
handleRef = el => {
|
|
64
|
+
const elementRef = this.props.elementRef;
|
|
65
|
+
this.ref = el;
|
|
66
|
+
|
|
67
|
+
if (typeof elementRef === 'function') {
|
|
68
|
+
elementRef(el);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
63
71
|
|
|
64
72
|
componentDidMount() {
|
|
65
73
|
var _this$props$makeStyle, _this$props;
|
|
@@ -103,13 +111,7 @@ let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
|
103
111
|
}), this.renderChildren());
|
|
104
112
|
}
|
|
105
113
|
|
|
106
|
-
}
|
|
107
|
-
as: 'ul',
|
|
108
|
-
delimiter: 'none',
|
|
109
|
-
isUnstyled: false,
|
|
110
|
-
size: 'medium',
|
|
111
|
-
itemSpacing: 'none'
|
|
112
|
-
}, _class2.Item = _ListItem.ListItem, _class2)) || _class) || _class);
|
|
114
|
+
}) || _class) || _class);
|
|
113
115
|
exports.List = List;
|
|
114
116
|
var _default = List;
|
|
115
117
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-list",
|
|
3
|
-
"version": "8.25.1-snapshot-
|
|
3
|
+
"version": "8.25.1-snapshot-10",
|
|
4
4
|
"description": "Components for displaying vertical or horizontal lists.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -24,21 +24,21 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.13.10",
|
|
27
|
-
"@instructure/console": "8.25.1-snapshot-
|
|
28
|
-
"@instructure/emotion": "8.25.1-snapshot-
|
|
29
|
-
"@instructure/shared-types": "8.25.1-snapshot-
|
|
30
|
-
"@instructure/ui-prop-types": "8.25.1-snapshot-
|
|
31
|
-
"@instructure/ui-react-utils": "8.25.1-snapshot-
|
|
32
|
-
"@instructure/ui-testable": "8.25.1-snapshot-
|
|
33
|
-
"@instructure/ui-view": "8.25.1-snapshot-
|
|
27
|
+
"@instructure/console": "8.25.1-snapshot-10",
|
|
28
|
+
"@instructure/emotion": "8.25.1-snapshot-10",
|
|
29
|
+
"@instructure/shared-types": "8.25.1-snapshot-10",
|
|
30
|
+
"@instructure/ui-prop-types": "8.25.1-snapshot-10",
|
|
31
|
+
"@instructure/ui-react-utils": "8.25.1-snapshot-10",
|
|
32
|
+
"@instructure/ui-testable": "8.25.1-snapshot-10",
|
|
33
|
+
"@instructure/ui-view": "8.25.1-snapshot-10",
|
|
34
34
|
"prop-types": "^15"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@instructure/ui-babel-preset": "8.25.1-snapshot-
|
|
38
|
-
"@instructure/ui-color-utils": "8.25.1-snapshot-
|
|
39
|
-
"@instructure/ui-test-locator": "8.25.1-snapshot-
|
|
40
|
-
"@instructure/ui-test-utils": "8.25.1-snapshot-
|
|
41
|
-
"@instructure/ui-themes": "8.25.1-snapshot-
|
|
37
|
+
"@instructure/ui-babel-preset": "8.25.1-snapshot-10",
|
|
38
|
+
"@instructure/ui-color-utils": "8.25.1-snapshot-10",
|
|
39
|
+
"@instructure/ui-test-locator": "8.25.1-snapshot-10",
|
|
40
|
+
"@instructure/ui-test-utils": "8.25.1-snapshot-10",
|
|
41
|
+
"@instructure/ui-themes": "8.25.1-snapshot-10"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": ">=16.8 <=17"
|