@instructure/ui-list 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/InlineList/v1/InlineListItem/index.js +2 -2
- package/lib/InlineList/v1/index.js +3 -4
- package/lib/InlineList/v2/InlineListItem/index.js +2 -2
- package/lib/InlineList/v2/index.js +3 -4
- package/lib/List/v1/ListItem/index.js +2 -2
- package/lib/List/v1/index.js +3 -4
- package/lib/List/v2/ListItem/index.js +2 -2
- package/lib/List/v2/index.js +3 -4
- package/package.json +10 -10
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-list
|
|
9
9
|
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.InlineListItem = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
@@ -84,7 +84,7 @@ let InlineListItem = exports.InlineListItem = (_dec = (0, _emotion.withStyle)(_s
|
|
|
84
84
|
...rest
|
|
85
85
|
} = this.props;
|
|
86
86
|
return (0, _jsxRuntime.jsxs)(_v11_.View, {
|
|
87
|
-
...(0,
|
|
87
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
88
88
|
css: styles?.inlineListItem,
|
|
89
89
|
as: "li",
|
|
90
90
|
margin: margin,
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.InlineList = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
9
|
-
var
|
|
10
|
-
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
10
|
var _index = require("./InlineListItem/index.js");
|
|
12
11
|
var _props = require("./props.js");
|
|
13
12
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -68,7 +67,7 @@ class InlineList extends _react.Component {
|
|
|
68
67
|
return childrenArray.map((child, index) => {
|
|
69
68
|
if (!child) return null;
|
|
70
69
|
const shouldRenderPlaceholder = index === lastIndex;
|
|
71
|
-
return (0,
|
|
70
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
72
71
|
delimiter: this.props.delimiter,
|
|
73
72
|
size: this.props.size,
|
|
74
73
|
spacing: this.props.itemSpacing,
|
|
@@ -84,7 +83,7 @@ class InlineList extends _react.Component {
|
|
|
84
83
|
...rest
|
|
85
84
|
} = this.props;
|
|
86
85
|
return (0, _jsxRuntime.jsx)(_v11_.View, {
|
|
87
|
-
...(0,
|
|
86
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
88
87
|
as: as,
|
|
89
88
|
margin: margin,
|
|
90
89
|
padding: "0",
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.InlineListItem = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-view/latest");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _props = require("./props.js");
|
|
@@ -83,7 +83,7 @@ let InlineListItem = exports.InlineListItem = (_dec = (0, _emotion.withStyleNew)
|
|
|
83
83
|
...rest
|
|
84
84
|
} = this.props;
|
|
85
85
|
return (0, _jsxRuntime.jsxs)(_latest.View, {
|
|
86
|
-
...(0,
|
|
86
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
87
87
|
css: styles?.inlineListItem,
|
|
88
88
|
as: "li",
|
|
89
89
|
margin: margin,
|
|
@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.InlineList = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _latest = require("@instructure/ui-view/latest");
|
|
9
|
-
var
|
|
10
|
-
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
10
|
var _index = require("./InlineListItem/index.js");
|
|
12
11
|
var _props = require("./props.js");
|
|
13
12
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -68,7 +67,7 @@ class InlineList extends _react.Component {
|
|
|
68
67
|
return childrenArray.map((child, index) => {
|
|
69
68
|
if (!child) return null;
|
|
70
69
|
const shouldRenderPlaceholder = index === lastIndex;
|
|
71
|
-
return (0,
|
|
70
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
72
71
|
delimiter: this.props.delimiter,
|
|
73
72
|
size: this.props.size,
|
|
74
73
|
spacing: this.props.itemSpacing,
|
|
@@ -84,7 +83,7 @@ class InlineList extends _react.Component {
|
|
|
84
83
|
...rest
|
|
85
84
|
} = this.props;
|
|
86
85
|
return (0, _jsxRuntime.jsx)(_latest.View, {
|
|
87
|
-
...(0,
|
|
86
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
88
87
|
as: as,
|
|
89
88
|
margin: margin,
|
|
90
89
|
padding: "0",
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.ListItem = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
@@ -82,7 +82,7 @@ let ListItem = exports.ListItem = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
82
82
|
...rest
|
|
83
83
|
} = this.props;
|
|
84
84
|
return (0, _jsxRuntime.jsx)(_v11_.View, {
|
|
85
|
-
...(0,
|
|
85
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
86
86
|
css: styles?.listItem,
|
|
87
87
|
as: "li",
|
|
88
88
|
margin: margin,
|
package/lib/List/v1/index.js
CHANGED
|
@@ -14,8 +14,7 @@ Object.defineProperty(exports, "ListItem", {
|
|
|
14
14
|
exports.default = void 0;
|
|
15
15
|
var _react = require("react");
|
|
16
16
|
var _v11_ = require("@instructure/ui-view/v11_6");
|
|
17
|
-
var
|
|
18
|
-
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
|
|
17
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
19
18
|
var _index = require("./ListItem/index.js");
|
|
20
19
|
var _emotion = require("@instructure/emotion");
|
|
21
20
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -83,7 +82,7 @@ let List = exports.List = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
83
82
|
return _react.Children.map(this.props.children, child => {
|
|
84
83
|
if (!child) return; // ignore null, falsy children
|
|
85
84
|
|
|
86
|
-
return (0,
|
|
85
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
87
86
|
isUnstyled: this.props.isUnstyled,
|
|
88
87
|
delimiter: this.props.delimiter,
|
|
89
88
|
size: this.props.size,
|
|
@@ -101,7 +100,7 @@ let List = exports.List = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
101
100
|
...rest
|
|
102
101
|
} = this.props;
|
|
103
102
|
return (0, _jsxRuntime.jsx)(_v11_.View, {
|
|
104
|
-
...(0,
|
|
103
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
105
104
|
css: styles?.list,
|
|
106
105
|
as: as,
|
|
107
106
|
margin: margin,
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.ListItem = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-view/latest");
|
|
10
|
-
var
|
|
10
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
13
13
|
var _props = require("./props.js");
|
|
@@ -81,7 +81,7 @@ let ListItem = exports.ListItem = (_dec = (0, _emotion.withStyleNew)(_styles.def
|
|
|
81
81
|
...rest
|
|
82
82
|
} = this.props;
|
|
83
83
|
return (0, _jsxRuntime.jsx)(_latest.View, {
|
|
84
|
-
...(0,
|
|
84
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
85
85
|
css: styles?.listItem,
|
|
86
86
|
as: "li",
|
|
87
87
|
margin: margin,
|
package/lib/List/v2/index.js
CHANGED
|
@@ -14,8 +14,7 @@ Object.defineProperty(exports, "ListItem", {
|
|
|
14
14
|
exports.default = void 0;
|
|
15
15
|
var _react = require("react");
|
|
16
16
|
var _latest = require("@instructure/ui-view/latest");
|
|
17
|
-
var
|
|
18
|
-
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
|
|
17
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
19
18
|
var _emotion = require("@instructure/emotion");
|
|
20
19
|
var _index = require("./ListItem/index.js");
|
|
21
20
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
@@ -82,7 +81,7 @@ let List = exports.List = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
82
81
|
return _react.Children.map(this.props.children, child => {
|
|
83
82
|
if (!child) return; // ignore null, falsy children
|
|
84
83
|
|
|
85
|
-
return (0,
|
|
84
|
+
return (0, _uiReactUtils.safeCloneElement)(child, {
|
|
86
85
|
isUnstyled: this.props.isUnstyled,
|
|
87
86
|
delimiter: this.props.delimiter,
|
|
88
87
|
size: this.props.size,
|
|
@@ -100,7 +99,7 @@ let List = exports.List = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
100
99
|
...rest
|
|
101
100
|
} = this.props;
|
|
102
101
|
return (0, _jsxRuntime.jsx)(_latest.View, {
|
|
103
|
-
...(0,
|
|
102
|
+
...(0, _uiReactUtils.passthroughProps)(rest),
|
|
104
103
|
css: styles?.list,
|
|
105
104
|
as: as,
|
|
106
105
|
margin: margin,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-list",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "Components for displaying vertical or horizontal lists.",
|
|
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.9-snapshot-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-
|
|
18
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
19
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-themes": "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-
|
|
29
|
-
"@instructure/ui-color-utils": "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
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-1"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">=18 <=19"
|