@instructure/ui-flex 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 (6) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Flex/Item/index.js +20 -22
  3. package/es/Flex/index.js +23 -26
  4. package/lib/Flex/Item/index.js +20 -22
  5. package/lib/Flex/index.js +23 -26
  6. package/package.json +9 -9
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-flex
9
9
 
package/es/Flex/Item/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _class;
1
+ var _dec, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -39,9 +39,20 @@ id: Flex.Item
39
39
  ---
40
40
  @tsProps
41
41
  **/
42
- let Item = (_dec = withStyle(generateStyle, null), _dec(_class = class Item extends Component {
43
- static displayName = "Item";
44
- static componentId = 'Flex.Item';
42
+ let Item = (_dec = withStyle(generateStyle, null), _dec(_class = (_class2 = class Item extends Component {
43
+ constructor() {
44
+ super(...arguments);
45
+ this.ref = null;
46
+
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
+ }
45
56
 
46
57
  componentDidMount() {
47
58
  var _this$props$makeStyle, _this$props;
@@ -55,23 +66,6 @@ let Item = (_dec = withStyle(generateStyle, null), _dec(_class = class Item exte
55
66
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
56
67
  }
57
68
 
58
- static propTypes = propTypes;
59
- static allowedProps = allowedProps;
60
- static defaultProps = {
61
- as: 'span',
62
- shouldGrow: false,
63
- shouldShrink: false
64
- };
65
- ref = null;
66
- handleRef = el => {
67
- const elementRef = this.props.elementRef;
68
- this.ref = el;
69
-
70
- if (typeof elementRef === 'function') {
71
- elementRef(el);
72
- }
73
- };
74
-
75
69
  render() {
76
70
  const props = omitProps(this.props, Item.allowedProps);
77
71
  const _this$props3 = this.props,
@@ -103,6 +97,10 @@ let Item = (_dec = withStyle(generateStyle, null), _dec(_class = class Item exte
103
97
  }), children);
104
98
  }
105
99
 
106
- }) || _class);
100
+ }, _class2.displayName = "Item", _class2.componentId = 'Flex.Item', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
101
+ as: 'span',
102
+ shouldGrow: false,
103
+ shouldShrink: false
104
+ }, _class2)) || _class);
107
105
  export default Item;
108
106
  export { Item };
package/es/Flex/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var _dec, _class;
1
+ var _dec, _class, _class2;
2
2
 
3
3
  /*
4
4
  * The MIT License (MIT)
@@ -41,9 +41,20 @@ category: components
41
41
  @module Flex
42
42
  @tsProps
43
43
  **/
44
- let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Flex extends Component {
45
- static displayName = "Flex";
46
- static componentId = 'Flex';
44
+ let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Flex extends Component {
45
+ constructor() {
46
+ super(...arguments);
47
+ this.ref = null;
48
+
49
+ this.handleRef = el => {
50
+ const elementRef = this.props.elementRef;
51
+ this.ref = el;
52
+
53
+ if (typeof elementRef === 'function') {
54
+ elementRef(el);
55
+ }
56
+ };
57
+ }
47
58
 
48
59
  componentDidMount() {
49
60
  var _this$props$makeStyle, _this$props;
@@ -57,27 +68,6 @@ let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
57
68
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
58
69
  }
59
70
 
60
- static Item = Item;
61
- static propTypes = propTypes;
62
- static allowedProps = allowedProps;
63
- static defaultProps = {
64
- as: 'span',
65
- direction: 'row',
66
- justifyItems: 'start',
67
- display: 'flex',
68
- withVisualDebug: false,
69
- wrap: 'no-wrap'
70
- };
71
- ref = null;
72
- handleRef = el => {
73
- const elementRef = this.props.elementRef;
74
- this.ref = el;
75
-
76
- if (typeof elementRef === 'function') {
77
- elementRef(el);
78
- }
79
- };
80
-
81
71
  renderChildren(children) {
82
72
  return Children.map(children, child => {
83
73
  if (!child) {
@@ -124,6 +114,13 @@ let Flex = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
124
114
  }
125
115
  }
126
116
 
127
- }) || _class);
117
+ }, _class2.displayName = "Flex", _class2.componentId = 'Flex', _class2.Item = Item, _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
118
+ as: 'span',
119
+ direction: 'row',
120
+ justifyItems: 'start',
121
+ display: 'flex',
122
+ withVisualDebug: false,
123
+ wrap: 'no-wrap'
124
+ }, _class2)) || _class);
128
125
  export default Flex;
129
126
  export { Flex, Item as FlexItem };
package/lib/Flex/Item/index.js CHANGED
@@ -19,7 +19,7 @@ var _styles = _interopRequireDefault(require("./styles"));
19
19
 
20
20
  var _props = require("./props");
21
21
 
22
- var _dec, _class;
22
+ var _dec, _class, _class2;
23
23
 
24
24
  /**
25
25
  ---
@@ -28,9 +28,20 @@ id: Flex.Item
28
28
  ---
29
29
  @tsProps
30
30
  **/
31
- let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = class Item extends _react.Component {
32
- static displayName = "Item";
33
- static componentId = 'Flex.Item';
31
+ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_class2 = class Item extends _react.Component {
32
+ constructor() {
33
+ super(...arguments);
34
+ this.ref = null;
35
+
36
+ this.handleRef = el => {
37
+ const elementRef = this.props.elementRef;
38
+ this.ref = el;
39
+
40
+ if (typeof elementRef === 'function') {
41
+ elementRef(el);
42
+ }
43
+ };
44
+ }
34
45
 
35
46
  componentDidMount() {
36
47
  var _this$props$makeStyle, _this$props;
@@ -44,23 +55,6 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class =
44
55
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
45
56
  }
46
57
 
47
- static propTypes = _props.propTypes;
48
- static allowedProps = _props.allowedProps;
49
- static defaultProps = {
50
- as: 'span',
51
- shouldGrow: false,
52
- shouldShrink: false
53
- };
54
- ref = null;
55
- handleRef = el => {
56
- const elementRef = this.props.elementRef;
57
- this.ref = el;
58
-
59
- if (typeof elementRef === 'function') {
60
- elementRef(el);
61
- }
62
- };
63
-
64
58
  render() {
65
59
  const props = (0, _omitProps.omitProps)(this.props, Item.allowedProps);
66
60
  const _this$props3 = this.props,
@@ -92,7 +86,11 @@ let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class =
92
86
  }), children);
93
87
  }
94
88
 
95
- }) || _class);
89
+ }, _class2.displayName = "Item", _class2.componentId = 'Flex.Item', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
90
+ as: 'span',
91
+ shouldGrow: false,
92
+ shouldShrink: false
93
+ }, _class2)) || _class);
96
94
  exports.Item = Item;
97
95
  var _default = Item;
98
96
  exports.default = _default;
package/lib/Flex/index.js CHANGED
@@ -38,7 +38,7 @@ var _theme = _interopRequireDefault(require("./theme"));
38
38
 
39
39
  var _props = require("./props");
40
40
 
41
- var _dec, _class;
41
+ var _dec, _class, _class2;
42
42
 
43
43
  /**
44
44
  ---
@@ -47,9 +47,20 @@ category: components
47
47
  @module Flex
48
48
  @tsProps
49
49
  **/
50
- let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Flex extends _react.Component {
51
- static displayName = "Flex";
52
- static componentId = 'Flex';
50
+ let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Flex extends _react.Component {
51
+ constructor() {
52
+ super(...arguments);
53
+ this.ref = null;
54
+
55
+ this.handleRef = el => {
56
+ const elementRef = this.props.elementRef;
57
+ this.ref = el;
58
+
59
+ if (typeof elementRef === 'function') {
60
+ elementRef(el);
61
+ }
62
+ };
63
+ }
53
64
 
54
65
  componentDidMount() {
55
66
  var _this$props$makeStyle, _this$props;
@@ -63,27 +74,6 @@ let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
63
74
  (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
64
75
  }
65
76
 
66
- static Item = _Item.Item;
67
- static propTypes = _props.propTypes;
68
- static allowedProps = _props.allowedProps;
69
- static defaultProps = {
70
- as: 'span',
71
- direction: 'row',
72
- justifyItems: 'start',
73
- display: 'flex',
74
- withVisualDebug: false,
75
- wrap: 'no-wrap'
76
- };
77
- ref = null;
78
- handleRef = el => {
79
- const elementRef = this.props.elementRef;
80
- this.ref = el;
81
-
82
- if (typeof elementRef === 'function') {
83
- elementRef(el);
84
- }
85
- };
86
-
87
77
  renderChildren(children) {
88
78
  return _react.Children.map(children, child => {
89
79
  if (!child) {
@@ -130,7 +120,14 @@ let Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
130
120
  }
131
121
  }
132
122
 
133
- }) || _class);
123
+ }, _class2.displayName = "Flex", _class2.componentId = 'Flex', _class2.Item = _Item.Item, _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
124
+ as: 'span',
125
+ direction: 'row',
126
+ justifyItems: 'start',
127
+ display: 'flex',
128
+ withVisualDebug: false,
129
+ wrap: 'no-wrap'
130
+ }, _class2)) || _class);
134
131
  exports.Flex = Flex;
135
132
  var _default = Flex;
136
133
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-flex",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-13",
4
4
  "description": "A component that makes it easy to align content using flexbox CSS",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,17 +24,17 @@
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-react-utils": "8.25.1-snapshot-10",
31
- "@instructure/ui-view": "8.25.1-snapshot-10",
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-react-utils": "8.25.1-snapshot-13",
31
+ "@instructure/ui-view": "8.25.1-snapshot-13",
32
32
  "prop-types": "^15"
33
33
  },
34
34
  "devDependencies": {
35
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
36
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
37
- "@instructure/ui-themes": "8.25.1-snapshot-10"
35
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
36
+ "@instructure/ui-test-utils": "8.25.1-snapshot-13",
37
+ "@instructure/ui-themes": "8.25.1-snapshot-13"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=16.8 <=17"