@instructure/ui-list 8.25.1-snapshot-10 → 8.25.1-snapshot-13
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 +20 -21
- package/es/InlineList/index.js +21 -22
- package/es/List/ListItem/index.js +20 -21
- package/es/List/index.js +21 -23
- package/lib/InlineList/InlineListItem/index.js +21 -22
- package/lib/InlineList/index.js +22 -23
- package/lib/List/ListItem/index.js +21 -22
- package/lib/List/index.js +22 -24
- package/package.json +13 -13
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-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
|
|
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, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,26 +44,20 @@ id: InlineList.Item
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class InlineListItem extends Component {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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;
|
|
47
|
+
let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class InlineListItem extends Component {
|
|
48
|
+
constructor() {
|
|
49
|
+
super(...arguments);
|
|
50
|
+
this.ref = null;
|
|
62
51
|
|
|
63
|
-
|
|
64
|
-
elementRef
|
|
65
|
-
|
|
66
|
-
|
|
52
|
+
this.handleRef = el => {
|
|
53
|
+
const elementRef = this.props.elementRef;
|
|
54
|
+
this.ref = el;
|
|
55
|
+
|
|
56
|
+
if (typeof elementRef === 'function') {
|
|
57
|
+
elementRef(el);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}
|
|
67
61
|
|
|
68
62
|
componentDidMount() {
|
|
69
63
|
var _this$props$makeStyle, _this$props;
|
|
@@ -103,6 +97,11 @@ let InlineListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _
|
|
|
103
97
|
}));
|
|
104
98
|
}
|
|
105
99
|
|
|
106
|
-
}
|
|
100
|
+
}, _class2.displayName = "InlineListItem", _class2.componentId = 'InlineList.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
|
|
101
|
+
padding: 'none',
|
|
102
|
+
spacing: 'none',
|
|
103
|
+
delimiter: 'none',
|
|
104
|
+
size: 'medium'
|
|
105
|
+
}, _class2)) || _class) || _class);
|
|
107
106
|
export default InlineListItem;
|
|
108
107
|
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, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -39,27 +39,20 @@ category: components
|
|
|
39
39
|
---
|
|
40
40
|
@tsProps
|
|
41
41
|
**/
|
|
42
|
-
let InlineList = (_dec = testable(), _dec(_class = class InlineList extends Component {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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;
|
|
42
|
+
let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList extends Component {
|
|
43
|
+
constructor() {
|
|
44
|
+
super(...arguments);
|
|
45
|
+
this.ref = null;
|
|
58
46
|
|
|
59
|
-
|
|
60
|
-
elementRef
|
|
61
|
-
|
|
62
|
-
|
|
47
|
+
this.handleRef = el => {
|
|
48
|
+
const elementRef = this.props.elementRef;
|
|
49
|
+
this.ref = el;
|
|
50
|
+
|
|
51
|
+
if (typeof elementRef === 'function') {
|
|
52
|
+
elementRef(el);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
}
|
|
63
56
|
|
|
64
57
|
renderChildren() {
|
|
65
58
|
return Children.map(this.props.children, child => {
|
|
@@ -89,6 +82,12 @@ let InlineList = (_dec = testable(), _dec(_class = class InlineList extends Comp
|
|
|
89
82
|
}), this.renderChildren());
|
|
90
83
|
}
|
|
91
84
|
|
|
92
|
-
}
|
|
85
|
+
}, _class2.displayName = "InlineList", _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
|
|
86
|
+
itemSpacing: 'none',
|
|
87
|
+
as: 'ul',
|
|
88
|
+
margin: 'none',
|
|
89
|
+
delimiter: 'none',
|
|
90
|
+
size: 'medium'
|
|
91
|
+
}, _class2.Item = InlineListItem, _class2)) || _class);
|
|
93
92
|
export default InlineList;
|
|
94
93
|
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, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,26 +44,20 @@ id: List.Item
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ListItem extends Component {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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;
|
|
47
|
+
let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ListItem extends Component {
|
|
48
|
+
constructor() {
|
|
49
|
+
super(...arguments);
|
|
50
|
+
this.ref = null;
|
|
62
51
|
|
|
63
|
-
|
|
64
|
-
elementRef
|
|
65
|
-
|
|
66
|
-
|
|
52
|
+
this.handleRef = el => {
|
|
53
|
+
const elementRef = this.props.elementRef;
|
|
54
|
+
this.ref = el;
|
|
55
|
+
|
|
56
|
+
if (typeof elementRef === 'function') {
|
|
57
|
+
elementRef(el);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}
|
|
67
61
|
|
|
68
62
|
componentDidMount() {
|
|
69
63
|
var _this$props$makeStyle, _this$props;
|
|
@@ -99,6 +93,11 @@ let ListItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
|
|
|
99
93
|
}), children);
|
|
100
94
|
}
|
|
101
95
|
|
|
102
|
-
}
|
|
96
|
+
}, _class2.displayName = "ListItem", _class2.componentId = 'List.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
|
|
97
|
+
padding: 'none',
|
|
98
|
+
spacing: 'none',
|
|
99
|
+
delimiter: 'none',
|
|
100
|
+
size: 'medium'
|
|
101
|
+
}, _class2)) || _class) || _class);
|
|
103
102
|
export default ListItem;
|
|
104
103
|
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, _class2;
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
7
|
* The MIT License (MIT)
|
|
@@ -44,28 +44,20 @@ category: components
|
|
|
44
44
|
---
|
|
45
45
|
@tsProps
|
|
46
46
|
**/
|
|
47
|
-
let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class List extends Component {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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;
|
|
47
|
+
let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class List extends Component {
|
|
48
|
+
constructor() {
|
|
49
|
+
super(...arguments);
|
|
50
|
+
this.ref = null;
|
|
64
51
|
|
|
65
|
-
|
|
66
|
-
elementRef
|
|
67
|
-
|
|
68
|
-
|
|
52
|
+
this.handleRef = el => {
|
|
53
|
+
const elementRef = this.props.elementRef;
|
|
54
|
+
this.ref = el;
|
|
55
|
+
|
|
56
|
+
if (typeof elementRef === 'function') {
|
|
57
|
+
elementRef(el);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}
|
|
69
61
|
|
|
70
62
|
componentDidMount() {
|
|
71
63
|
var _this$props$makeStyle, _this$props;
|
|
@@ -110,6 +102,12 @@ let List = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = tes
|
|
|
110
102
|
}), this.renderChildren());
|
|
111
103
|
}
|
|
112
104
|
|
|
113
|
-
}
|
|
105
|
+
}, _class2.displayName = "List", _class2.componentId = 'List', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
|
|
106
|
+
as: 'ul',
|
|
107
|
+
delimiter: 'none',
|
|
108
|
+
isUnstyled: false,
|
|
109
|
+
size: 'medium',
|
|
110
|
+
itemSpacing: 'none'
|
|
111
|
+
}, _class2.Item = ListItem, _class2)) || _class) || _class);
|
|
114
112
|
export default List;
|
|
115
113
|
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, _class2;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -36,26 +36,20 @@ 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 = class InlineListItem extends _react.Component {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
this.ref = el;
|
|
54
|
-
|
|
55
|
-
if (typeof elementRef === 'function') {
|
|
56
|
-
elementRef(el);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
39
|
+
let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class InlineListItem extends _react.Component {
|
|
40
|
+
constructor() {
|
|
41
|
+
super(...arguments);
|
|
42
|
+
this.ref = null;
|
|
43
|
+
|
|
44
|
+
this.handleRef = el => {
|
|
45
|
+
const elementRef = this.props.elementRef;
|
|
46
|
+
this.ref = el;
|
|
47
|
+
|
|
48
|
+
if (typeof elementRef === 'function') {
|
|
49
|
+
elementRef(el);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
}
|
|
59
53
|
|
|
60
54
|
componentDidMount() {
|
|
61
55
|
var _this$props$makeStyle, _this$props;
|
|
@@ -94,7 +88,12 @@ let InlineListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
94
88
|
}));
|
|
95
89
|
}
|
|
96
90
|
|
|
97
|
-
}
|
|
91
|
+
}, _class2.displayName = "InlineListItem", _class2.componentId = 'InlineList.Item', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
92
|
+
padding: 'none',
|
|
93
|
+
spacing: 'none',
|
|
94
|
+
delimiter: 'none',
|
|
95
|
+
size: 'medium'
|
|
96
|
+
}, _class2)) || _class) || _class);
|
|
98
97
|
exports.InlineListItem = InlineListItem;
|
|
99
98
|
var _default = InlineListItem;
|
|
100
99
|
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, _class2;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -35,27 +35,20 @@ category: components
|
|
|
35
35
|
---
|
|
36
36
|
@tsProps
|
|
37
37
|
**/
|
|
38
|
-
let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = class InlineList extends _react.Component {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
const elementRef = this.props.elementRef;
|
|
53
|
-
this.ref = el;
|
|
54
|
-
|
|
55
|
-
if (typeof elementRef === 'function') {
|
|
56
|
-
elementRef(el);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
38
|
+
let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class InlineList extends _react.Component {
|
|
39
|
+
constructor() {
|
|
40
|
+
super(...arguments);
|
|
41
|
+
this.ref = null;
|
|
42
|
+
|
|
43
|
+
this.handleRef = el => {
|
|
44
|
+
const elementRef = this.props.elementRef;
|
|
45
|
+
this.ref = el;
|
|
46
|
+
|
|
47
|
+
if (typeof elementRef === 'function') {
|
|
48
|
+
elementRef(el);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
59
52
|
|
|
60
53
|
renderChildren() {
|
|
61
54
|
return _react.Children.map(this.props.children, child => {
|
|
@@ -84,7 +77,13 @@ let InlineList = (_dec = (0, _testable.testable)(), _dec(_class = class InlineLi
|
|
|
84
77
|
}), this.renderChildren());
|
|
85
78
|
}
|
|
86
79
|
|
|
87
|
-
}
|
|
80
|
+
}, _class2.displayName = "InlineList", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
81
|
+
itemSpacing: 'none',
|
|
82
|
+
as: 'ul',
|
|
83
|
+
margin: 'none',
|
|
84
|
+
delimiter: 'none',
|
|
85
|
+
size: 'medium'
|
|
86
|
+
}, _class2.Item = _InlineListItem.InlineListItem, _class2)) || _class);
|
|
88
87
|
exports.InlineList = InlineList;
|
|
89
88
|
var _default = InlineList;
|
|
90
89
|
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, _class2;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -36,26 +36,20 @@ 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 = class ListItem extends _react.Component {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
this.ref = el;
|
|
54
|
-
|
|
55
|
-
if (typeof elementRef === 'function') {
|
|
56
|
-
elementRef(el);
|
|
57
|
-
}
|
|
58
|
-
};
|
|
39
|
+
let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ListItem extends _react.Component {
|
|
40
|
+
constructor() {
|
|
41
|
+
super(...arguments);
|
|
42
|
+
this.ref = null;
|
|
43
|
+
|
|
44
|
+
this.handleRef = el => {
|
|
45
|
+
const elementRef = this.props.elementRef;
|
|
46
|
+
this.ref = el;
|
|
47
|
+
|
|
48
|
+
if (typeof elementRef === 'function') {
|
|
49
|
+
elementRef(el);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
}
|
|
59
53
|
|
|
60
54
|
componentDidMount() {
|
|
61
55
|
var _this$props$makeStyle, _this$props;
|
|
@@ -90,7 +84,12 @@ let ListItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
|
|
|
90
84
|
}), children);
|
|
91
85
|
}
|
|
92
86
|
|
|
93
|
-
}
|
|
87
|
+
}, _class2.displayName = "ListItem", _class2.componentId = 'List.Item', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
88
|
+
padding: 'none',
|
|
89
|
+
spacing: 'none',
|
|
90
|
+
delimiter: 'none',
|
|
91
|
+
size: 'medium'
|
|
92
|
+
}, _class2)) || _class) || _class);
|
|
94
93
|
exports.ListItem = ListItem;
|
|
95
94
|
var _default = ListItem;
|
|
96
95
|
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, _class2;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
---
|
|
@@ -46,28 +46,20 @@ 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 = class List extends _react.Component {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
handleRef = el => {
|
|
64
|
-
const elementRef = this.props.elementRef;
|
|
65
|
-
this.ref = el;
|
|
66
|
-
|
|
67
|
-
if (typeof elementRef === 'function') {
|
|
68
|
-
elementRef(el);
|
|
69
|
-
}
|
|
70
|
-
};
|
|
49
|
+
let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class List extends _react.Component {
|
|
50
|
+
constructor() {
|
|
51
|
+
super(...arguments);
|
|
52
|
+
this.ref = null;
|
|
53
|
+
|
|
54
|
+
this.handleRef = el => {
|
|
55
|
+
const elementRef = this.props.elementRef;
|
|
56
|
+
this.ref = el;
|
|
57
|
+
|
|
58
|
+
if (typeof elementRef === 'function') {
|
|
59
|
+
elementRef(el);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
}
|
|
71
63
|
|
|
72
64
|
componentDidMount() {
|
|
73
65
|
var _this$props$makeStyle, _this$props;
|
|
@@ -111,7 +103,13 @@ let List = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
|
|
|
111
103
|
}), this.renderChildren());
|
|
112
104
|
}
|
|
113
105
|
|
|
114
|
-
}
|
|
106
|
+
}, _class2.displayName = "List", _class2.componentId = 'List', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
107
|
+
as: 'ul',
|
|
108
|
+
delimiter: 'none',
|
|
109
|
+
isUnstyled: false,
|
|
110
|
+
size: 'medium',
|
|
111
|
+
itemSpacing: 'none'
|
|
112
|
+
}, _class2.Item = _ListItem.ListItem, _class2)) || _class) || _class);
|
|
115
113
|
exports.List = List;
|
|
116
114
|
var _default = List;
|
|
117
115
|
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-13",
|
|
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-13",
|
|
28
|
+
"@instructure/emotion": "8.25.1-snapshot-13",
|
|
29
|
+
"@instructure/shared-types": "8.25.1-snapshot-13",
|
|
30
|
+
"@instructure/ui-prop-types": "8.25.1-snapshot-13",
|
|
31
|
+
"@instructure/ui-react-utils": "8.25.1-snapshot-13",
|
|
32
|
+
"@instructure/ui-testable": "8.25.1-snapshot-13",
|
|
33
|
+
"@instructure/ui-view": "8.25.1-snapshot-13",
|
|
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-13",
|
|
38
|
+
"@instructure/ui-color-utils": "8.25.1-snapshot-13",
|
|
39
|
+
"@instructure/ui-test-locator": "8.25.1-snapshot-13",
|
|
40
|
+
"@instructure/ui-test-utils": "8.25.1-snapshot-13",
|
|
41
|
+
"@instructure/ui-themes": "8.25.1-snapshot-13"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": ">=16.8 <=17"
|