@instructure/ui-grid 11.7.8 → 11.7.9-snapshot-1
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 +8 -0
- package/lib/Grid/v1/index.js +5 -8
- package/lib/Grid/v2/index.js +5 -8
- package/lib/GridCol/v1/index.js +2 -2
- package/lib/GridCol/v2/index.js +2 -2
- package/lib/GridRow/v1/index.js +5 -8
- package/lib/GridRow/v2/index.js +5 -8
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-grid
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-grid
|
package/lib/Grid/v1/index.js
CHANGED
|
@@ -19,10 +19,7 @@ Object.defineProperty(exports, "GridRow", {
|
|
|
19
19
|
});
|
|
20
20
|
exports.default = void 0;
|
|
21
21
|
var _react = require("react");
|
|
22
|
-
var
|
|
23
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
24
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
25
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
22
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
26
23
|
var _index = require("../../GridRow/v1/index.js");
|
|
27
24
|
var _index2 = require("../../GridCol/v1/index.js");
|
|
28
25
|
var _emotion = require("@instructure/emotion");
|
|
@@ -92,9 +89,9 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
92
89
|
} = this.props;
|
|
93
90
|
const children = _react.Children.toArray(this.props.children);
|
|
94
91
|
return children.map((child, index) => {
|
|
95
|
-
if ((0,
|
|
96
|
-
return (0,
|
|
97
|
-
...(0,
|
|
92
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.GridRow])) {
|
|
93
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
94
|
+
...(0, _uiReactUtils.pickProps)(props, Grid.allowedProps),
|
|
98
95
|
...child.props /* child props should override parent */,
|
|
99
96
|
isLastRow: index + 1 === children.length
|
|
100
97
|
});
|
|
@@ -108,7 +105,7 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
108
105
|
styles,
|
|
109
106
|
...restProps
|
|
110
107
|
} = this.props;
|
|
111
|
-
const props = (0,
|
|
108
|
+
const props = (0, _uiReactUtils.omitProps)(restProps, Grid.allowedProps);
|
|
112
109
|
return (0, _jsxRuntime.jsx)("span", {
|
|
113
110
|
...props,
|
|
114
111
|
css: styles?.grid,
|
package/lib/Grid/v2/index.js
CHANGED
|
@@ -19,10 +19,7 @@ Object.defineProperty(exports, "GridRow", {
|
|
|
19
19
|
});
|
|
20
20
|
exports.default = void 0;
|
|
21
21
|
var _react = require("react");
|
|
22
|
-
var
|
|
23
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
24
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
25
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
22
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
26
23
|
var _index = require("../../GridRow/v2/index.js");
|
|
27
24
|
var _index2 = require("../../GridCol/v2/index.js");
|
|
28
25
|
var _emotion = require("@instructure/emotion");
|
|
@@ -91,9 +88,9 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
91
88
|
} = this.props;
|
|
92
89
|
const children = _react.Children.toArray(this.props.children);
|
|
93
90
|
return children.map((child, index) => {
|
|
94
|
-
if ((0,
|
|
95
|
-
return (0,
|
|
96
|
-
...(0,
|
|
91
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.GridRow])) {
|
|
92
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
93
|
+
...(0, _uiReactUtils.pickProps)(props, Grid.allowedProps),
|
|
97
94
|
...child.props /* child props should override parent */,
|
|
98
95
|
isLastRow: index + 1 === children.length
|
|
99
96
|
});
|
|
@@ -107,7 +104,7 @@ let Grid = exports.Grid = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
107
104
|
styles,
|
|
108
105
|
...restProps
|
|
109
106
|
} = this.props;
|
|
110
|
-
const props = (0,
|
|
107
|
+
const props = (0, _uiReactUtils.omitProps)(restProps, Grid.allowedProps);
|
|
111
108
|
return (0, _jsxRuntime.jsx)("span", {
|
|
112
109
|
...props,
|
|
113
110
|
css: styles?.grid,
|
package/lib/GridCol/v1/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.GridCol = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
11
|
var _console = require("@instructure/console");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -98,7 +98,7 @@ let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyle)(_styles.default,
|
|
|
98
98
|
children,
|
|
99
99
|
styles
|
|
100
100
|
} = this.props;
|
|
101
|
-
const props = (0,
|
|
101
|
+
const props = (0, _uiReactUtils.omitProps)(this.props, GridCol.allowedProps);
|
|
102
102
|
return (0, _jsxRuntime.jsx)("span", {
|
|
103
103
|
...props,
|
|
104
104
|
ref: this.handleRef,
|
package/lib/GridCol/v2/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.GridCol = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
11
|
var _console = require("@instructure/console");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -97,7 +97,7 @@ let GridCol = exports.GridCol = (_dec = (0, _emotion.withStyleNew)(_styles.defau
|
|
|
97
97
|
children,
|
|
98
98
|
styles
|
|
99
99
|
} = this.props;
|
|
100
|
-
const props = (0,
|
|
100
|
+
const props = (0, _uiReactUtils.omitProps)(this.props, GridCol.allowedProps);
|
|
101
101
|
return (0, _jsxRuntime.jsx)("span", {
|
|
102
102
|
...props,
|
|
103
103
|
ref: this.handleRef,
|
package/lib/GridRow/v1/index.js
CHANGED
|
@@ -6,10 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.GridRow = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
10
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
11
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
12
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
10
|
var _index = require("../../GridCol/v1/index.js");
|
|
14
11
|
var _emotion = require("@instructure/emotion");
|
|
15
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -71,9 +68,9 @@ let GridRow = exports.GridRow = (_dec = (0, _emotion.withStyle)(_styles.default,
|
|
|
71
68
|
...props
|
|
72
69
|
} = this.props;
|
|
73
70
|
return _react.Children.map(this.props.children, (child, index) => {
|
|
74
|
-
if ((0,
|
|
75
|
-
return (0,
|
|
76
|
-
...(0,
|
|
71
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.GridCol])) {
|
|
72
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
73
|
+
...(0, _uiReactUtils.pickProps)(props, GridRow.allowedProps),
|
|
77
74
|
...child.props /* child props should override parent */,
|
|
78
75
|
isLastRow: props.isLastRow,
|
|
79
76
|
isLastCol: index + 1 === _react.Children.count(this.props.children)
|
|
@@ -88,7 +85,7 @@ let GridRow = exports.GridRow = (_dec = (0, _emotion.withStyle)(_styles.default,
|
|
|
88
85
|
styles,
|
|
89
86
|
...restProps
|
|
90
87
|
} = this.props;
|
|
91
|
-
const props = (0,
|
|
88
|
+
const props = (0, _uiReactUtils.omitProps)(restProps, GridRow.allowedProps);
|
|
92
89
|
return (0, _jsxRuntime.jsx)("span", {
|
|
93
90
|
...props,
|
|
94
91
|
css: styles?.gridRow,
|
package/lib/GridRow/v2/index.js
CHANGED
|
@@ -6,10 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.GridRow = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
10
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
11
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
12
|
-
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
10
|
var _index = require("../../GridCol/v2/index.js");
|
|
14
11
|
var _emotion = require("@instructure/emotion");
|
|
15
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -70,9 +67,9 @@ let GridRow = exports.GridRow = (_dec = (0, _emotion.withStyleNew)(_styles.defau
|
|
|
70
67
|
...props
|
|
71
68
|
} = this.props;
|
|
72
69
|
return _react.Children.map(this.props.children, (child, index) => {
|
|
73
|
-
if ((0,
|
|
74
|
-
return (0,
|
|
75
|
-
...(0,
|
|
70
|
+
if ((0, _uiReactUtils.matchComponentTypes)(child, [_index.GridCol])) {
|
|
71
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
72
|
+
...(0, _uiReactUtils.pickProps)(props, GridRow.allowedProps),
|
|
76
73
|
...child.props /* child props should override parent */,
|
|
77
74
|
isLastRow: props.isLastRow,
|
|
78
75
|
isLastCol: index + 1 === _react.Children.count(this.props.children)
|
|
@@ -87,7 +84,7 @@ let GridRow = exports.GridRow = (_dec = (0, _emotion.withStyleNew)(_styles.defau
|
|
|
87
84
|
styles,
|
|
88
85
|
...restProps
|
|
89
86
|
} = this.props;
|
|
90
|
-
const props = (0,
|
|
87
|
+
const props = (0, _uiReactUtils.omitProps)(restProps, GridRow.allowedProps);
|
|
91
88
|
return (0, _jsxRuntime.jsx)("span", {
|
|
92
89
|
...props,
|
|
93
90
|
css: styles?.gridRow,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-grid",
|
|
3
|
-
"version": "11.7.
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A Grid component.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,18 +15,18 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
|
-
"@instructure/console": "11.7.
|
|
19
|
-
"@instructure/emotion": "11.7.
|
|
20
|
-
"@instructure/shared-types": "11.7.
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-themes": "11.7.
|
|
24
|
-
"@instructure/ui-utils": "11.7.
|
|
18
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
19
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-a11y-content": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-themes": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"vitest": "^5.0.0",
|
|
28
|
-
"@instructure/ui-babel-preset": "11.7.
|
|
29
|
-
"@instructure/ui-color-utils": "11.7.
|
|
28
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1",
|
|
29
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-1"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">=18 <=19"
|