@instructure/ui-flex 11.7.9-snapshot-0 → 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 +1 -1
- package/lib/Flex/v1/Item/index.js +2 -2
- package/lib/Flex/v1/index.js +4 -7
- package/lib/Flex/v2/Item/index.js +2 -2
- package/lib/Flex/v2/index.js +4 -7
- 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
|
-
## [11.7.9-snapshot-
|
|
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
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-flex
|
|
9
9
|
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.Item = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
10
10
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -68,7 +68,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
|
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
render() {
|
|
71
|
-
const props = (0,
|
|
71
|
+
const props = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
|
|
72
72
|
const {
|
|
73
73
|
as,
|
|
74
74
|
children,
|
package/lib/Flex/v1/index.js
CHANGED
|
@@ -13,10 +13,7 @@ Object.defineProperty(exports, "FlexItem", {
|
|
|
13
13
|
});
|
|
14
14
|
exports.default = void 0;
|
|
15
15
|
var _react = require("react");
|
|
16
|
-
var
|
|
17
|
-
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
18
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
19
|
-
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
16
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
20
17
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
21
18
|
var _emotion = require("@instructure/emotion");
|
|
22
19
|
var _index = require("./Item/index.js");
|
|
@@ -90,7 +87,7 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
90
87
|
if (!child) {
|
|
91
88
|
return null;
|
|
92
89
|
}
|
|
93
|
-
return (0,
|
|
90
|
+
return (0, _uiReactUtils.matchComponentTypes)(child, ['Item']) ? (0, _uiReactUtils.safeCloneElement)(child, {
|
|
94
91
|
// child withVisualDebug prop should override parent
|
|
95
92
|
withVisualDebug: this.props.withVisualDebug,
|
|
96
93
|
...child.props,
|
|
@@ -112,12 +109,12 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
112
109
|
gap,
|
|
113
110
|
wrap
|
|
114
111
|
} = this.props;
|
|
115
|
-
const children = (0,
|
|
112
|
+
const children = (0, _uiReactUtils.callRenderProp)(this.props.children);
|
|
116
113
|
const gapValuesArray = gap?.split(' ');
|
|
117
114
|
if (gapValuesArray.length > 1 && wrap === 'no-wrap') {}
|
|
118
115
|
if (children && _react.Children.count(children) > 0) {
|
|
119
116
|
return (0, _jsxRuntime.jsx)(_v11_.View, {
|
|
120
|
-
...(0,
|
|
117
|
+
...(0, _uiReactUtils.passthroughProps)(this.props),
|
|
121
118
|
css: styles?.flex,
|
|
122
119
|
elementRef: this.handleRef,
|
|
123
120
|
as: as,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.Item = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
var
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
10
10
|
var _latest = require("@instructure/ui-view/latest");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -68,7 +68,7 @@ let Item = exports.Item = (_dec = (0, _emotion.withStyle)(_styles.default, null)
|
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
70
|
render() {
|
|
71
|
-
const props = (0,
|
|
71
|
+
const props = (0, _uiReactUtils.omitProps)(this.props, Item.allowedProps);
|
|
72
72
|
const {
|
|
73
73
|
as,
|
|
74
74
|
children,
|
package/lib/Flex/v2/index.js
CHANGED
|
@@ -13,10 +13,7 @@ Object.defineProperty(exports, "FlexItem", {
|
|
|
13
13
|
});
|
|
14
14
|
exports.default = void 0;
|
|
15
15
|
var _react = require("react");
|
|
16
|
-
var
|
|
17
|
-
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
18
|
-
var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
|
|
19
|
-
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
16
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
20
17
|
var _latest = require("@instructure/ui-view/latest");
|
|
21
18
|
var _emotion = require("@instructure/emotion");
|
|
22
19
|
var _index = require("./Item/index.js");
|
|
@@ -89,7 +86,7 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
89
86
|
if (!child) {
|
|
90
87
|
return null;
|
|
91
88
|
}
|
|
92
|
-
return (0,
|
|
89
|
+
return (0, _uiReactUtils.matchComponentTypes)(child, ['Item']) ? (0, _uiReactUtils.safeCloneElement)(child, {
|
|
93
90
|
// child withVisualDebug prop should override parent
|
|
94
91
|
withVisualDebug: this.props.withVisualDebug,
|
|
95
92
|
...child.props,
|
|
@@ -111,12 +108,12 @@ let Flex = exports.Flex = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
111
108
|
gap,
|
|
112
109
|
wrap
|
|
113
110
|
} = this.props;
|
|
114
|
-
const children = (0,
|
|
111
|
+
const children = (0, _uiReactUtils.callRenderProp)(this.props.children);
|
|
115
112
|
const gapValuesArray = gap?.split(' ');
|
|
116
113
|
if (gapValuesArray.length > 1 && wrap === 'no-wrap') {}
|
|
117
114
|
if (children && _react.Children.count(children) > 0) {
|
|
118
115
|
return (0, _jsxRuntime.jsx)(_latest.View, {
|
|
119
|
-
...(0,
|
|
116
|
+
...(0, _uiReactUtils.passthroughProps)(this.props),
|
|
120
117
|
css: styles?.flex,
|
|
121
118
|
elementRef: this.handleRef,
|
|
122
119
|
as: as,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-flex",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
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",
|
|
@@ -15,17 +15,17 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
|
-
"@instructure/console": "11.7.9-snapshot-
|
|
19
|
-
"@instructure/emotion": "11.7.9-snapshot-
|
|
20
|
-
"@instructure/shared-types": "11.7.9-snapshot-
|
|
21
|
-
"@instructure/ui-themes": "11.7.9-snapshot-
|
|
22
|
-
"@instructure/ui-react-utils": "11.7.9-snapshot-
|
|
23
|
-
"@instructure/ui-view": "11.7.9-snapshot-
|
|
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-themes": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-view": "11.7.9-snapshot-1"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"vitest": "^5.0.0",
|
|
27
|
-
"@instructure/ui-axe-check": "11.7.9-snapshot-
|
|
28
|
-
"@instructure/ui-babel-preset": "11.7.9-snapshot-
|
|
27
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-1",
|
|
28
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">=18 <=19"
|