@instructure/ui-grid 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.
Files changed (9) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Grid/index.js +19 -22
  3. package/es/GridCol/index.js +20 -21
  4. package/es/GridRow/index.js +14 -15
  5. package/lib/Grid/index.js +19 -22
  6. package/lib/GridCol/index.js +21 -22
  7. package/lib/GridRow/index.js +14 -15
  8. package/lib/GridTypes.js +5 -1
  9. 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-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-grid
9
9
 
package/es/Grid/index.js CHANGED
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
2
2
  const _excluded = ["styles", "makeStyles"],
3
3
  _excluded2 = ["styles"];
4
4
 
5
- var _dec, _class;
5
+ var _dec, _class, _class2;
6
6
 
7
7
  /*
8
8
  * The MIT License (MIT)
@@ -44,26 +44,15 @@ category: components
44
44
  ---
45
45
  @tsProps
46
46
  **/
47
- let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Grid extends Component {
48
- static displayName = "Grid";
49
- static componentId = 'Grid';
50
- static propTypes = propTypes;
51
- static allowedProps = allowedProps;
52
- static defaultProps = {
53
- colSpacing: 'medium',
54
- rowSpacing: 'medium',
55
- hAlign: 'start',
56
- startAt: 'small',
57
- vAlign: 'top',
58
- visualDebug: false,
59
- children: null
60
- };
61
- static Row = GridRow;
62
- static Col = GridCol;
63
- ref = null;
64
- handleRef = el => {
65
- this.ref = el;
66
- };
47
+ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class Grid extends Component {
48
+ constructor() {
49
+ super(...arguments);
50
+ this.ref = null;
51
+
52
+ this.handleRef = el => {
53
+ this.ref = el;
54
+ };
55
+ }
67
56
 
68
57
  componentDidMount() {
69
58
  var _this$props$makeStyle, _this$props;
@@ -110,6 +99,14 @@ let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
110
99
  }), this.renderChildren());
111
100
  }
112
101
 
113
- }) || _class);
102
+ }, _class2.displayName = "Grid", _class2.componentId = 'Grid', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
103
+ colSpacing: 'medium',
104
+ rowSpacing: 'medium',
105
+ hAlign: 'start',
106
+ startAt: 'small',
107
+ vAlign: 'top',
108
+ visualDebug: false,
109
+ children: null
110
+ }, _class2.Row = GridRow, _class2.Col = GridCol, _class2)) || _class);
114
111
  export default Grid;
115
112
  export { Grid, GridRow, GridCol };
package/es/GridCol/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)
@@ -40,26 +40,20 @@ id: Grid.Col
40
40
  ---
41
41
  @tsProps
42
42
  **/
43
- let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class GridCol extends Component {
44
- static displayName = "GridCol";
45
- static componentId = 'Grid.Col';
46
- static propTypes = propTypes;
47
- static allowedProps = allowedProps;
48
- static defaultProps = {
49
- textAlign: 'inherit',
50
- children: null,
51
- isLastCol: false,
52
- isLastRow: false
53
- };
54
- ref = null;
55
- handleRef = el => {
56
- const elementRef = this.props.elementRef;
57
- this.ref = el;
43
+ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class GridCol extends Component {
44
+ constructor() {
45
+ super(...arguments);
46
+ this.ref = null;
58
47
 
59
- if (typeof elementRef === 'function') {
60
- elementRef(el);
61
- }
62
- };
48
+ this.handleRef = el => {
49
+ const elementRef = this.props.elementRef;
50
+ this.ref = el;
51
+
52
+ if (typeof elementRef === 'function') {
53
+ elementRef(el);
54
+ }
55
+ };
56
+ }
63
57
 
64
58
  widthCheck() {
65
59
  const width = this.props.width;
@@ -110,6 +104,11 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
110
104
  }), children);
111
105
  }
112
106
 
113
- }) || _class);
107
+ }, _class2.displayName = "GridCol", _class2.componentId = 'Grid.Col', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
108
+ textAlign: 'inherit',
109
+ children: null,
110
+ isLastCol: false,
111
+ isLastRow: false
112
+ }, _class2)) || _class);
114
113
  export default GridCol;
115
114
  export { GridCol };
package/es/GridRow/index.js CHANGED
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
2
2
  const _excluded = ["styles", "makeStyles"],
3
3
  _excluded2 = ["styles"];
4
4
 
5
- var _dec, _class;
5
+ var _dec, _class, _class2;
6
6
 
7
7
  /*
8
8
  * The MIT License (MIT)
@@ -44,19 +44,15 @@ id: Grid.Row
44
44
  ---
45
45
  @tsProps
46
46
  **/
47
- let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class GridRow extends Component {
48
- static displayName = "GridRow";
49
- static componentId = 'Grid.Row';
50
- static propTypes = propTypes;
51
- static allowedProps = allowedProps;
52
- static defaultProps = {
53
- children: null,
54
- isLastRow: false
55
- };
56
- ref = null;
57
- handleRef = el => {
58
- this.ref = el;
59
- };
47
+ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class GridRow extends Component {
48
+ constructor() {
49
+ super(...arguments);
50
+ this.ref = null;
51
+
52
+ this.handleRef = el => {
53
+ this.ref = el;
54
+ };
55
+ }
60
56
 
61
57
  componentDidMount() {
62
58
  var _this$props$makeStyle, _this$props;
@@ -103,6 +99,9 @@ let GridRow = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
103
99
  }), this.renderChildren());
104
100
  }
105
101
 
106
- }) || _class);
102
+ }, _class2.displayName = "GridRow", _class2.componentId = 'Grid.Row', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
103
+ children: null,
104
+ isLastRow: false
105
+ }, _class2)) || _class);
107
106
  export default GridRow;
108
107
  export { GridRow };
package/lib/Grid/index.js CHANGED
@@ -49,7 +49,7 @@ var _props = require("./props");
49
49
  const _excluded = ["styles", "makeStyles"],
50
50
  _excluded2 = ["styles"];
51
51
 
52
- var _dec, _class;
52
+ var _dec, _class, _class2;
53
53
 
54
54
  /**
55
55
  ---
@@ -57,26 +57,15 @@ category: components
57
57
  ---
58
58
  @tsProps
59
59
  **/
60
- let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Grid extends _react.Component {
61
- static displayName = "Grid";
62
- static componentId = 'Grid';
63
- static propTypes = _props.propTypes;
64
- static allowedProps = _props.allowedProps;
65
- static defaultProps = {
66
- colSpacing: 'medium',
67
- rowSpacing: 'medium',
68
- hAlign: 'start',
69
- startAt: 'small',
70
- vAlign: 'top',
71
- visualDebug: false,
72
- children: null
73
- };
74
- static Row = _GridRow.GridRow;
75
- static Col = _GridCol.GridCol;
76
- ref = null;
77
- handleRef = el => {
78
- this.ref = el;
79
- };
60
+ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class Grid extends _react.Component {
61
+ constructor() {
62
+ super(...arguments);
63
+ this.ref = null;
64
+
65
+ this.handleRef = el => {
66
+ this.ref = el;
67
+ };
68
+ }
80
69
 
81
70
  componentDidMount() {
82
71
  var _this$props$makeStyle, _this$props;
@@ -123,7 +112,15 @@ let Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
123
112
  }), this.renderChildren());
124
113
  }
125
114
 
126
- }) || _class);
115
+ }, _class2.displayName = "Grid", _class2.componentId = 'Grid', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
116
+ colSpacing: 'medium',
117
+ rowSpacing: 'medium',
118
+ hAlign: 'start',
119
+ startAt: 'small',
120
+ vAlign: 'top',
121
+ visualDebug: false,
122
+ children: null
123
+ }, _class2.Row = _GridRow.GridRow, _class2.Col = _GridCol.GridCol, _class2)) || _class);
127
124
  exports.Grid = Grid;
128
125
  var _default = Grid;
129
126
  exports.default = _default;
package/lib/GridCol/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, _class;
24
+ var _dec, _class, _class2;
25
25
 
26
26
  /**
27
27
  ---
@@ -30,26 +30,20 @@ id: Grid.Col
30
30
  ---
31
31
  @tsProps
32
32
  **/
33
- let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class GridCol extends _react.Component {
34
- static displayName = "GridCol";
35
- static componentId = 'Grid.Col';
36
- static propTypes = _props.propTypes;
37
- static allowedProps = _props.allowedProps;
38
- static defaultProps = {
39
- textAlign: 'inherit',
40
- children: null,
41
- isLastCol: false,
42
- isLastRow: false
43
- };
44
- ref = null;
45
- handleRef = el => {
46
- const elementRef = this.props.elementRef;
47
- this.ref = el;
48
-
49
- if (typeof elementRef === 'function') {
50
- elementRef(el);
51
- }
52
- };
33
+ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class GridCol extends _react.Component {
34
+ constructor() {
35
+ super(...arguments);
36
+ this.ref = null;
37
+
38
+ this.handleRef = el => {
39
+ const elementRef = this.props.elementRef;
40
+ this.ref = el;
41
+
42
+ if (typeof elementRef === 'function') {
43
+ elementRef(el);
44
+ }
45
+ };
46
+ }
53
47
 
54
48
  widthCheck() {
55
49
  const width = this.props.width;
@@ -100,7 +94,12 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
100
94
  }), children);
101
95
  }
102
96
 
103
- }) || _class);
97
+ }, _class2.displayName = "GridCol", _class2.componentId = 'Grid.Col', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
98
+ textAlign: 'inherit',
99
+ children: null,
100
+ isLastCol: false,
101
+ isLastRow: false
102
+ }, _class2)) || _class);
104
103
  exports.GridCol = GridCol;
105
104
  var _default = GridCol;
106
105
  exports.default = _default;
package/lib/GridRow/index.js CHANGED
@@ -34,7 +34,7 @@ var _props = require("./props");
34
34
  const _excluded = ["styles", "makeStyles"],
35
35
  _excluded2 = ["styles"];
36
36
 
37
- var _dec, _class;
37
+ var _dec, _class, _class2;
38
38
 
39
39
  /**
40
40
  ---
@@ -43,19 +43,15 @@ id: Grid.Row
43
43
  ---
44
44
  @tsProps
45
45
  **/
46
- let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class GridRow extends _react.Component {
47
- static displayName = "GridRow";
48
- static componentId = 'Grid.Row';
49
- static propTypes = _props.propTypes;
50
- static allowedProps = _props.allowedProps;
51
- static defaultProps = {
52
- children: null,
53
- isLastRow: false
54
- };
55
- ref = null;
56
- handleRef = el => {
57
- this.ref = el;
58
- };
46
+ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class GridRow extends _react.Component {
47
+ constructor() {
48
+ super(...arguments);
49
+ this.ref = null;
50
+
51
+ this.handleRef = el => {
52
+ this.ref = el;
53
+ };
54
+ }
59
55
 
60
56
  componentDidMount() {
61
57
  var _this$props$makeStyle, _this$props;
@@ -100,7 +96,10 @@ let GridRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
100
96
  }), this.renderChildren());
101
97
  }
102
98
 
103
- }) || _class);
99
+ }, _class2.displayName = "GridRow", _class2.componentId = 'Grid.Row', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
100
+ children: null,
101
+ isLastRow: false
102
+ }, _class2)) || _class);
104
103
  exports.GridRow = GridRow;
105
104
  var _default = GridRow;
106
105
  exports.default = _default;
package/lib/GridTypes.js CHANGED
@@ -1 +1,5 @@
1
- "use strict";
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-grid",
3
- "version": "8.25.1-snapshot-10",
3
+ "version": "8.25.1-snapshot-15",
4
4
  "description": "A Grid component.",
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-a11y-content": "8.25.1-snapshot-10",
31
- "@instructure/ui-prop-types": "8.25.1-snapshot-10",
32
- "@instructure/ui-react-utils": "8.25.1-snapshot-10",
33
- "@instructure/ui-testable": "8.25.1-snapshot-10",
34
- "@instructure/ui-utils": "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-a11y-content": "8.25.1-snapshot-15",
31
+ "@instructure/ui-prop-types": "8.25.1-snapshot-15",
32
+ "@instructure/ui-react-utils": "8.25.1-snapshot-15",
33
+ "@instructure/ui-testable": "8.25.1-snapshot-15",
34
+ "@instructure/ui-utils": "8.25.1-snapshot-15",
35
35
  "prop-types": "^15"
36
36
  },
37
37
  "devDependencies": {
38
- "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
39
- "@instructure/ui-color-utils": "8.25.1-snapshot-10",
40
- "@instructure/ui-test-utils": "8.25.1-snapshot-10",
41
- "@instructure/ui-themes": "8.25.1-snapshot-10"
38
+ "@instructure/ui-babel-preset": "8.25.1-snapshot-15",
39
+ "@instructure/ui-color-utils": "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"