@instructure/ui-options 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.
Files changed (8) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Options/Item/index.js +11 -17
  3. package/es/Options/Separator/index.js +5 -11
  4. package/es/Options/index.js +19 -22
  5. package/lib/Options/Item/index.js +11 -17
  6. package/lib/Options/Separator/index.js +5 -11
  7. package/lib/Options/index.js +19 -22
  8. 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-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
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-options
9
9
 
package/es/Options/Item/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _dec3, _class;
1
+ var _dec, _dec2, _dec3, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -40,23 +40,11 @@ id: Options.Item
40
40
  @tsProps
41
41
  **/
42
42
 
43
- let Item = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class Item extends Component {
44
- static displayName = "Item";
45
- static componentId = 'Options.Item';
46
- static allowedProps = allowedProps;
47
- static propTypes = propTypes;
48
- static defaultProps = {
49
- as: 'span',
50
- variant: 'default',
51
- role: 'listitem',
52
- beforeLabelContentVAlign: 'center',
53
- afterLabelContentVAlign: 'center'
54
- };
55
- ref = null;
56
- _descriptionId;
57
-
43
+ let Item = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Item extends Component {
58
44
  constructor(props) {
59
45
  super(props);
46
+ this.ref = null;
47
+ this._descriptionId = void 0;
60
48
  this._descriptionId = props.deterministicId('OptionsItem-description');
61
49
  }
62
50
 
@@ -130,6 +118,12 @@ let Item = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, gene
130
118
  }, descriptionContent)), renderBeforeLabel && this.renderContent(renderBeforeLabel, styles === null || styles === void 0 ? void 0 : styles.contentBefore), renderAfterLabel && this.renderContent(renderAfterLabel, styles === null || styles === void 0 ? void 0 : styles.contentAfter));
131
119
  }
132
120
 
133
- }) || _class) || _class) || _class);
121
+ }, _class2.displayName = "Item", _class2.componentId = 'Options.Item', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
122
+ as: 'span',
123
+ variant: 'default',
124
+ role: 'listitem',
125
+ beforeLabelContentVAlign: 'center',
126
+ afterLabelContentVAlign: 'center'
127
+ }, _class2)) || _class) || _class) || _class);
134
128
  export default Item;
135
129
  export { Item };
package/es/Options/Separator/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["as", "styles"];
3
3
 
4
- var _dec, _class;
4
+ var _dec, _class, _class2;
5
5
 
6
6
  /*
7
7
  * The MIT License (MIT)
@@ -43,15 +43,7 @@ id: Options.Separator
43
43
  @tsProps
44
44
  **/
45
45
 
46
- let Separator = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = class Separator extends Component {
47
- static displayName = "Separator";
48
- static componentId = 'Options.Separator';
49
- static allowedProps = allowedProps;
50
- static propTypes = propTypes;
51
- static defaultProps = {
52
- as: 'span'
53
- };
54
-
46
+ let Separator = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(_class = (_class2 = class Separator extends Component {
55
47
  componentDidMount() {
56
48
  var _this$props$makeStyle, _this$props;
57
49
 
@@ -79,6 +71,8 @@ let Separator = (_dec = withStyle(generateStyles, generateComponentTheme), _dec(
79
71
  })));
80
72
  }
81
73
 
82
- }) || _class);
74
+ }, _class2.displayName = "Separator", _class2.componentId = 'Options.Separator', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
75
+ as: 'span'
76
+ }, _class2)) || _class);
83
77
  export default Separator;
84
78
  export { Separator };
package/es/Options/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _dec2, _dec3, _class;
1
+ var _dec, _dec2, _dec3, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -42,24 +42,17 @@ category: components
42
42
  ---
43
43
  @tsProps
44
44
  **/
45
- let Options = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class Options extends Component {
46
- static displayName = "Options";
47
- static componentId = 'Options';
48
- static allowedProps = allowedProps;
49
- static propTypes = propTypes;
50
- static defaultProps = {
51
- as: 'span',
52
- role: 'list',
53
- elementRef: () => {},
54
- renderLabel: null,
55
- children: null
56
- };
57
- static Item = Item;
58
- static Separator = Separator;
59
- ref = null;
60
- handleRef = el => {
61
- this.ref = el;
62
- };
45
+ let Options = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Options extends Component {
46
+ constructor() {
47
+ super(...arguments);
48
+ this.ref = null;
49
+
50
+ this.handleRef = el => {
51
+ this.ref = el;
52
+ };
53
+
54
+ this._labelId = this.props.deterministicId('Options-label');
55
+ }
63
56
 
64
57
  componentDidMount() {
65
58
  var _this$props$makeStyle, _this$props;
@@ -73,8 +66,6 @@ let Options = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, g
73
66
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
74
67
  }
75
68
 
76
- _labelId = this.props.deterministicId('Options-label');
77
-
78
69
  get childAs() {
79
70
  const as = this.props.as;
80
71
 
@@ -160,6 +151,12 @@ let Options = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyles, g
160
151
  }), this.renderChildren()));
161
152
  }
162
153
 
163
- }) || _class) || _class) || _class);
154
+ }, _class2.displayName = "Options", _class2.componentId = 'Options', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
155
+ as: 'span',
156
+ role: 'list',
157
+ elementRef: () => {},
158
+ renderLabel: null,
159
+ children: null
160
+ }, _class2.Item = Item, _class2.Separator = Separator, _class2)) || _class) || _class) || _class);
164
161
  export default Options;
165
162
  export { Options };
package/lib/Options/Item/index.js CHANGED
@@ -21,7 +21,7 @@ var _theme = _interopRequireDefault(require("./theme"));
21
21
 
22
22
  var _props = require("./props");
23
23
 
24
- var _dec, _dec2, _dec3, _class;
24
+ var _dec, _dec2, _dec3, _class, _class2;
25
25
 
26
26
  /**
27
27
  ---
@@ -30,23 +30,11 @@ id: Options.Item
30
30
  ---
31
31
  @tsProps
32
32
  **/
33
- let Item = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class Item extends _react.Component {
34
- static displayName = "Item";
35
- static componentId = 'Options.Item';
36
- static allowedProps = _props.allowedProps;
37
- static propTypes = _props.propTypes;
38
- static defaultProps = {
39
- as: 'span',
40
- variant: 'default',
41
- role: 'listitem',
42
- beforeLabelContentVAlign: 'center',
43
- afterLabelContentVAlign: 'center'
44
- };
45
- ref = null;
46
- _descriptionId;
47
-
33
+ let Item = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Item extends _react.Component {
48
34
  constructor(props) {
49
35
  super(props);
36
+ this.ref = null;
37
+ this._descriptionId = void 0;
50
38
  this._descriptionId = props.deterministicId('OptionsItem-description');
51
39
  }
52
40
 
@@ -120,7 +108,13 @@ let Item = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotio
120
108
  }, descriptionContent)), renderBeforeLabel && this.renderContent(renderBeforeLabel, styles === null || styles === void 0 ? void 0 : styles.contentBefore), renderAfterLabel && this.renderContent(renderAfterLabel, styles === null || styles === void 0 ? void 0 : styles.contentAfter));
121
109
  }
122
110
 
123
- }) || _class) || _class) || _class);
111
+ }, _class2.displayName = "Item", _class2.componentId = 'Options.Item', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
112
+ as: 'span',
113
+ variant: 'default',
114
+ role: 'listitem',
115
+ beforeLabelContentVAlign: 'center',
116
+ afterLabelContentVAlign: 'center'
117
+ }, _class2)) || _class) || _class) || _class);
124
118
  exports.Item = Item;
125
119
  var _default = Item;
126
120
  exports.default = _default;
package/lib/Options/Separator/index.js CHANGED
@@ -23,7 +23,7 @@ var _props = require("./props");
23
23
 
24
24
  const _excluded = ["as", "styles"];
25
25
 
26
- var _dec, _class;
26
+ var _dec, _class, _class2;
27
27
 
28
28
  /**
29
29
  ---
@@ -33,15 +33,7 @@ id: Options.Separator
33
33
  @module Separator
34
34
  @tsProps
35
35
  **/
36
- let Separator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Separator extends _react.Component {
37
- static displayName = "Separator";
38
- static componentId = 'Options.Separator';
39
- static allowedProps = _props.allowedProps;
40
- static propTypes = _props.propTypes;
41
- static defaultProps = {
42
- as: 'span'
43
- };
44
-
36
+ let Separator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Separator extends _react.Component {
45
37
  componentDidMount() {
46
38
  var _this$props$makeStyle, _this$props;
47
39
 
@@ -68,7 +60,9 @@ let Separator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
68
60
  })));
69
61
  }
70
62
 
71
- }) || _class);
63
+ }, _class2.displayName = "Separator", _class2.componentId = 'Options.Separator', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
64
+ as: 'span'
65
+ }, _class2)) || _class);
72
66
  exports.Separator = Separator;
73
67
  var _default = Separator;
74
68
  exports.default = _default;
package/lib/Options/index.js CHANGED
@@ -29,7 +29,7 @@ var _Separator = require("./Separator");
29
29
 
30
30
  var _props = require("./props");
31
31
 
32
- var _dec, _dec2, _dec3, _class;
32
+ var _dec, _dec2, _dec3, _class, _class2;
33
33
 
34
34
  /**
35
35
  ---
@@ -37,24 +37,17 @@ category: components
37
37
  ---
38
38
  @tsProps
39
39
  **/
40
- let Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class Options extends _react.Component {
41
- static displayName = "Options";
42
- static componentId = 'Options';
43
- static allowedProps = _props.allowedProps;
44
- static propTypes = _props.propTypes;
45
- static defaultProps = {
46
- as: 'span',
47
- role: 'list',
48
- elementRef: () => {},
49
- renderLabel: null,
50
- children: null
51
- };
52
- static Item = _Item.Item;
53
- static Separator = _Separator.Separator;
54
- ref = null;
55
- handleRef = el => {
56
- this.ref = el;
57
- };
40
+ let Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Options extends _react.Component {
41
+ constructor() {
42
+ super(...arguments);
43
+ this.ref = null;
44
+
45
+ this.handleRef = el => {
46
+ this.ref = el;
47
+ };
48
+
49
+ this._labelId = this.props.deterministicId('Options-label');
50
+ }
58
51
 
59
52
  componentDidMount() {
60
53
  var _this$props$makeStyle, _this$props;
@@ -68,8 +61,6 @@ let Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emo
68
61
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
69
62
  }
70
63
 
71
- _labelId = this.props.deterministicId('Options-label');
72
-
73
64
  get childAs() {
74
65
  const as = this.props.as;
75
66
 
@@ -156,7 +147,13 @@ let Options = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emo
156
147
  }), this.renderChildren()));
157
148
  }
158
149
 
159
- }) || _class) || _class) || _class);
150
+ }, _class2.displayName = "Options", _class2.componentId = 'Options', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
151
+ as: 'span',
152
+ role: 'list',
153
+ elementRef: () => {},
154
+ renderLabel: null,
155
+ children: null
156
+ }, _class2.Item = _Item.Item, _class2.Separator = _Separator.Separator, _class2)) || _class) || _class) || _class);
160
157
  exports.Options = Options;
161
158
  var _default = Options;
162
159
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-options",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-13",
4
4
  "description": "A view-only component for composing interactive lists and menus.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,21 +23,21 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
27
- "@instructure/ui-color-utils": "8.25.1-snapshot-10",
28
- "@instructure/ui-test-locator": "8.25.1-snapshot-10",
29
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
30
- "@instructure/ui-themes": "8.25.1-snapshot-10"
26
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
27
+ "@instructure/ui-color-utils": "8.25.1-snapshot-13",
28
+ "@instructure/ui-test-locator": "8.25.1-snapshot-13",
29
+ "@instructure/ui-test-utils": "8.25.1-snapshot-13",
30
+ "@instructure/ui-themes": "8.25.1-snapshot-13"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.13.10",
34
- "@instructure/emotion": "8.25.1-snapshot-10",
35
- "@instructure/shared-types": "8.25.1-snapshot-10",
36
- "@instructure/ui-icons": "8.25.1-snapshot-10",
37
- "@instructure/ui-prop-types": "8.25.1-snapshot-10",
38
- "@instructure/ui-react-utils": "8.25.1-snapshot-10",
39
- "@instructure/ui-testable": "8.25.1-snapshot-10",
40
- "@instructure/ui-view": "8.25.1-snapshot-10",
34
+ "@instructure/emotion": "8.25.1-snapshot-13",
35
+ "@instructure/shared-types": "8.25.1-snapshot-13",
36
+ "@instructure/ui-icons": "8.25.1-snapshot-13",
37
+ "@instructure/ui-prop-types": "8.25.1-snapshot-13",
38
+ "@instructure/ui-react-utils": "8.25.1-snapshot-13",
39
+ "@instructure/ui-testable": "8.25.1-snapshot-13",
40
+ "@instructure/ui-view": "8.25.1-snapshot-13",
41
41
  "prop-types": "^15"
42
42
  },
43
43
  "peerDependencies": {