@instructure/ui-grid 8.10.3-snapshot.22 → 8.10.3-snapshot.23

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/es/GridCol/index.js +8 -6
  2. package/es/GridCol/props.js +4 -0
  3. package/lib/GridCol/index.js +8 -6
  4. package/lib/GridCol/props.js +4 -0
  5. package/package.json +13 -13
  6. package/src/GridCol/index.tsx +6 -1
  7. package/src/GridCol/props.ts +3 -0
  8. package/types/GridCol/index.d.ts.map +1 -1
  9. package/types/GridCol/props.d.ts.map +1 -1
package/es/GridCol/index.js CHANGED
@@ -44,10 +44,12 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
44
44
  this.ref = null;
45
45
 
46
46
  this.handleRef = el => {
47
- var _this$props$elementRe, _this$props;
48
-
47
+ const elementRef = this.props.elementRef;
49
48
  this.ref = el;
50
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
49
+
50
+ if (typeof elementRef === 'function') {
51
+ elementRef(el);
52
+ }
51
53
  };
52
54
  }
53
55
 
@@ -60,9 +62,9 @@ let GridCol = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_cl
60
62
  }
61
63
 
62
64
  render() {
63
- const _this$props2 = this.props,
64
- children = _this$props2.children,
65
- styles = _this$props2.styles;
65
+ const _this$props = this.props,
66
+ children = _this$props.children,
67
+ styles = _this$props.styles;
66
68
  const props = omitProps(this.props, GridCol.allowedProps);
67
69
  return jsx("span", Object.assign({}, props, {
68
70
  ref: this.handleRef,
package/es/GridCol/props.js CHANGED
@@ -47,6 +47,10 @@ const propTypes = {
47
47
  })]),
48
48
  isLastRow: PropTypes.bool,
49
49
  isLastCol: PropTypes.bool,
50
+
51
+ /**
52
+ * provides a reference to the underlying html root element
53
+ */
50
54
  elementRef: PropTypes.func
51
55
  };
52
56
  const allowedProps = ['children', 'colSpacing', 'rowSpacing', 'textAlign', 'hAlign', 'vAlign', 'startAt', 'visualDebug', 'width', 'offset', 'isLastRow', 'isLastCol', 'elementRef'];
package/lib/GridCol/index.js CHANGED
@@ -33,10 +33,12 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
33
33
  this.ref = null;
34
34
 
35
35
  this.handleRef = el => {
36
- var _this$props$elementRe, _this$props;
37
-
36
+ const elementRef = this.props.elementRef;
38
37
  this.ref = el;
39
- (_this$props$elementRe = (_this$props = this.props).elementRef) === null || _this$props$elementRe === void 0 ? void 0 : _this$props$elementRe.call(_this$props, el);
38
+
39
+ if (typeof elementRef === 'function') {
40
+ elementRef(el);
41
+ }
40
42
  };
41
43
  }
42
44
 
@@ -49,9 +51,9 @@ let GridCol = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
49
51
  }
50
52
 
51
53
  render() {
52
- const _this$props2 = this.props,
53
- children = _this$props2.children,
54
- styles = _this$props2.styles;
54
+ const _this$props = this.props,
55
+ children = _this$props.children,
56
+ styles = _this$props.styles;
55
57
  const props = (0, _omitProps.omitProps)(this.props, GridCol.allowedProps);
56
58
  return (0, _emotion.jsx)("span", Object.assign({}, props, {
57
59
  ref: this.handleRef,
package/lib/GridCol/props.js CHANGED
@@ -57,6 +57,10 @@ const propTypes = {
57
57
  })]),
58
58
  isLastRow: _propTypes.default.bool,
59
59
  isLastCol: _propTypes.default.bool,
60
+
61
+ /**
62
+ * provides a reference to the underlying html root element
63
+ */
60
64
  elementRef: _propTypes.default.func
61
65
  };
62
66
  exports.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-grid",
3
- "version": "8.10.3-snapshot.22+f96f8c48e",
3
+ "version": "8.10.3-snapshot.23+5aaa29662",
4
4
  "description": "A Grid component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "type": "commonjs",
@@ -25,20 +25,20 @@
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
27
  "@babel/runtime": "^7.13.10",
28
- "@instructure/emotion": "8.10.3-snapshot.22+f96f8c48e",
29
- "@instructure/shared-types": "8.10.3-snapshot.22+f96f8c48e",
30
- "@instructure/ui-a11y-content": "8.10.3-snapshot.22+f96f8c48e",
31
- "@instructure/ui-prop-types": "8.10.3-snapshot.22+f96f8c48e",
32
- "@instructure/ui-react-utils": "8.10.3-snapshot.22+f96f8c48e",
33
- "@instructure/ui-testable": "8.10.3-snapshot.22+f96f8c48e",
34
- "@instructure/ui-utils": "8.10.3-snapshot.22+f96f8c48e",
28
+ "@instructure/emotion": "8.10.3-snapshot.23+5aaa29662",
29
+ "@instructure/shared-types": "8.10.3-snapshot.23+5aaa29662",
30
+ "@instructure/ui-a11y-content": "8.10.3-snapshot.23+5aaa29662",
31
+ "@instructure/ui-prop-types": "8.10.3-snapshot.23+5aaa29662",
32
+ "@instructure/ui-react-utils": "8.10.3-snapshot.23+5aaa29662",
33
+ "@instructure/ui-testable": "8.10.3-snapshot.23+5aaa29662",
34
+ "@instructure/ui-utils": "8.10.3-snapshot.23+5aaa29662",
35
35
  "prop-types": "^15"
36
36
  },
37
37
  "devDependencies": {
38
- "@instructure/ui-babel-preset": "8.10.3-snapshot.22+f96f8c48e",
39
- "@instructure/ui-color-utils": "8.10.3-snapshot.22+f96f8c48e",
40
- "@instructure/ui-test-utils": "8.10.3-snapshot.22+f96f8c48e",
41
- "@instructure/ui-themes": "8.10.3-snapshot.22+f96f8c48e"
38
+ "@instructure/ui-babel-preset": "8.10.3-snapshot.23+5aaa29662",
39
+ "@instructure/ui-color-utils": "8.10.3-snapshot.23+5aaa29662",
40
+ "@instructure/ui-test-utils": "8.10.3-snapshot.23+5aaa29662",
41
+ "@instructure/ui-themes": "8.10.3-snapshot.23+5aaa29662"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=16.8 <=17"
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "sideEffects": false,
50
- "gitHead": "f96f8c48efab7806609098e1f00a6953b2884601"
50
+ "gitHead": "5aaa296621d72faebe1a809a8895a8185587008d"
51
51
  }
package/src/GridCol/index.tsx CHANGED
@@ -57,8 +57,13 @@ class GridCol extends Component<GridColProps> {
57
57
  ref: Element | null = null
58
58
 
59
59
  handleRef = (el: Element | null) => {
60
+ const { elementRef } = this.props
61
+
60
62
  this.ref = el
61
- this.props.elementRef?.(el)
63
+
64
+ if (typeof elementRef === 'function') {
65
+ elementRef(el)
66
+ }
62
67
  }
63
68
 
64
69
  componentDidMount() {
package/src/GridCol/props.ts CHANGED
@@ -110,6 +110,9 @@ const propTypes: PropValidators<PropKeys> = {
110
110
  ]),
111
111
  isLastRow: PropTypes.bool,
112
112
  isLastCol: PropTypes.bool,
113
+ /**
114
+ * provides a reference to the underlying html root element
115
+ */
113
116
  elementRef: PropTypes.func
114
117
  }
115
118
 
package/types/GridCol/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridCol/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAG9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridCol/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
package/types/GridCol/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridCol/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,GACvC,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridCol/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,SAAS,EAAE,YAAY,CAAC,GACvC,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}