@instructure/ui-list 8.25.1-snapshot-7 → 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 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-7](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-7) (2022-06-13)
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, _class2;
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 = (_class2 = class InlineListItem extends Component {
48
- constructor() {
49
- super(...arguments);
50
- this.ref = null;
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
- 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
- }
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
- }, _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);
106
+ }) || _class) || _class);
106
107
  export default InlineListItem;
107
108
  export { InlineListItem };
@@ -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, _class2;
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 = (_class2 = class InlineList extends Component {
43
- constructor() {
44
- super(...arguments);
45
- this.ref = null;
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
- 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
- }
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
- }, _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);
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, _class2;
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 = (_class2 = class ListItem extends Component {
48
- constructor() {
49
- super(...arguments);
50
- this.ref = null;
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
- 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
- }
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
- }, _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);
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, _class2;
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 = (_class2 = class List extends Component {
48
- constructor() {
49
- super(...arguments);
50
- this.ref = null;
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
- 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
- }
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
- }, _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);
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, _class2;
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 = (_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
- }
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
- }, _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);
97
+ }) || _class) || _class);
97
98
  exports.InlineListItem = InlineListItem;
98
99
  var _default = InlineListItem;
99
100
  exports.default = _default;
@@ -27,7 +27,7 @@ var _props = require("./props");
27
27
 
28
28
  const _excluded = ["as", "margin", "elementRef"];
29
29
 
30
- var _dec, _class, _class2;
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 = (_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
- }
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
- }, _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);
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, _class2;
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 = (_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
- }
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
- }, _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);
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, _class2;
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 = (_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
- }
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
- }, _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);
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-7",
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-7",
28
- "@instructure/emotion": "8.25.1-snapshot-7",
29
- "@instructure/shared-types": "8.25.1-snapshot-7",
30
- "@instructure/ui-prop-types": "8.25.1-snapshot-7",
31
- "@instructure/ui-react-utils": "8.25.1-snapshot-7",
32
- "@instructure/ui-testable": "8.25.1-snapshot-7",
33
- "@instructure/ui-view": "8.25.1-snapshot-7",
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-7",
38
- "@instructure/ui-color-utils": "8.25.1-snapshot-7",
39
- "@instructure/ui-test-locator": "8.25.1-snapshot-7",
40
- "@instructure/ui-test-utils": "8.25.1-snapshot-7",
41
- "@instructure/ui-themes": "8.25.1-snapshot-7"
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"