@instructure/ui-list 8.25.1-snapshot-10 → 8.25.1-snapshot-15

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-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
6
+ ## [8.25.1-snapshot-15](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-15) (2022-06-23)
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
- 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;
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
- if (typeof elementRef === 'function') {
64
- elementRef(el);
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
- }) || _class) || _class);
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 };
@@ -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
- 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;
42
+ let InlineList = (_dec = testable(), _dec(_class = (_class2 = class InlineList extends Component {
43
+ constructor() {
44
+ super(...arguments);
45
+ this.ref = null;
58
46
 
59
- if (typeof elementRef === 'function') {
60
- elementRef(el);
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
- }) || _class);
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
- 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;
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
- if (typeof elementRef === 'function') {
64
- elementRef(el);
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
- }) || _class) || _class);
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
- 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;
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
- if (typeof elementRef === 'function') {
66
- elementRef(el);
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
- }) || _class) || _class);
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
- 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
- };
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
- }) || _class) || _class);
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;
@@ -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
- 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
- };
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
- }) || _class);
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
- 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
- };
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
- }) || _class) || _class);
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
- 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
- };
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
- }) || _class) || _class);
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-10",
3
+ "version": "8.25.1-snapshot-15",
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-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",
27
+ "@instructure/console": "8.25.1-snapshot-15",
28
+ "@instructure/emotion": "8.25.1-snapshot-15",
29
+ "@instructure/shared-types": "8.25.1-snapshot-15",
30
+ "@instructure/ui-prop-types": "8.25.1-snapshot-15",
31
+ "@instructure/ui-react-utils": "8.25.1-snapshot-15",
32
+ "@instructure/ui-testable": "8.25.1-snapshot-15",
33
+ "@instructure/ui-view": "8.25.1-snapshot-15",
34
34
  "prop-types": "^15"
35
35
  },
36
36
  "devDependencies": {
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"
37
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-15",
38
+ "@instructure/ui-color-utils": "8.25.1-snapshot-15",
39
+ "@instructure/ui-test-locator": "8.25.1-snapshot-15",
40
+ "@instructure/ui-test-utils": "8.25.1-snapshot-15",
41
+ "@instructure/ui-themes": "8.25.1-snapshot-15"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8 <=17"