@instructure/ui-toggle-details 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.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/ToggleDetails/v1/index.js +8 -10
  3. package/lib/ToggleDetails/v2/index.js +5 -6
  4. package/lib/ToggleGroup/v1/index.js +12 -16
  5. package/lib/ToggleGroup/v2/index.js +8 -10
  6. package/package.json +16 -16
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-toggle-details
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-toggle-details
package/lib/ToggleDetails/v1/index.js CHANGED
@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.ToggleDetails = void 0;
8
8
  var _react = require("react");
9
9
  var _v11_ = require("@instructure/ui-buttons/v11_6");
10
- var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
11
- var _IconArrowOpenDownSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenDownSolid.js");
10
+ var _uiIcons = require("@instructure/ui-icons");
12
11
  var _uiExpandable = require("@instructure/ui-expandable");
13
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
14
- var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
15
- var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
12
+ var _uiReactUtils = require("@instructure/ui-react-utils");
13
+ var _uiDomUtils = require("@instructure/ui-dom-utils");
16
14
  var _emotion = require("@instructure/emotion");
17
15
  var _styles = _interopRequireDefault(require("./styles.js"));
18
16
  var _theme = _interopRequireDefault(require("./theme.js"));
@@ -55,8 +53,8 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
55
53
  variant: 'default',
56
54
  size: 'medium',
57
55
  fluidWidth: false,
58
- icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
59
- iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
56
+ icon: _uiIcons.IconArrowOpenEndSolid,
57
+ iconExpanded: _uiIcons.IconArrowOpenDownSolid,
60
58
  iconPosition: 'start',
61
59
  defaultExpanded: false,
62
60
  children: null
@@ -69,7 +67,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
69
67
  this._buttonNode = node;
70
68
  };
71
69
  get focused() {
72
- return (0, _isActiveElement.isActiveElement)(this._buttonNode);
70
+ return (0, _uiDomUtils.isActiveElement)(this._buttonNode);
73
71
  }
74
72
  focus() {
75
73
  this._buttonNode?.focus();
@@ -101,7 +99,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
101
99
  onClick: toggleProps.onClick
102
100
  };
103
101
  const props = {
104
- ...(0, _omitProps.omitProps)(this.props, ToggleDetails.allowedProps),
102
+ ...(0, _uiReactUtils.omitProps)(this.props, ToggleDetails.allowedProps),
105
103
  ...tProps,
106
104
  children: this.renderSummary(expanded)
107
105
  };
@@ -164,7 +162,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyle)(_sty
164
162
  };
165
163
  render() {
166
164
  return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
167
- ...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
165
+ ...(0, _uiReactUtils.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
168
166
  onToggle: this.handleToggle,
169
167
  children: ({
170
168
  expanded,
package/lib/ToggleDetails/v2/index.js CHANGED
@@ -9,9 +9,8 @@ var _react = require("react");
9
9
  var _latest = require("@instructure/ui-buttons/latest");
10
10
  var _uiIcons = require("@instructure/ui-icons");
11
11
  var _latest2 = require("@instructure/ui-expandable/latest");
12
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
13
- var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
14
- var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
12
+ var _uiReactUtils = require("@instructure/ui-react-utils");
13
+ var _uiDomUtils = require("@instructure/ui-dom-utils");
15
14
  var _emotion = require("@instructure/emotion");
16
15
  var _styles = _interopRequireDefault(require("./styles.js"));
17
16
  var _props = require("./props.js");
@@ -67,7 +66,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleNew)(_
67
66
  this._buttonNode = node;
68
67
  };
69
68
  get focused() {
70
- return (0, _isActiveElement.isActiveElement)(this._buttonNode);
69
+ return (0, _uiDomUtils.isActiveElement)(this._buttonNode);
71
70
  }
72
71
  focus() {
73
72
  this._buttonNode?.focus();
@@ -99,7 +98,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleNew)(_
99
98
  onClick: toggleProps.onClick
100
99
  };
101
100
  const props = {
102
- ...(0, _omitProps.omitProps)(this.props, ToggleDetails.allowedProps),
101
+ ...(0, _uiReactUtils.omitProps)(this.props, ToggleDetails.allowedProps),
103
102
  ...tProps,
104
103
  children: this.renderSummary(expanded)
105
104
  };
@@ -167,7 +166,7 @@ let ToggleDetails = exports.ToggleDetails = (_dec = (0, _emotion.withStyleNew)(_
167
166
  };
168
167
  render() {
169
168
  return (0, _jsxRuntime.jsx)(_latest2.Expandable, {
170
- ...(0, _pickProps.pickProps)(this.props, _latest2.Expandable.allowedProps),
169
+ ...(0, _uiReactUtils.pickProps)(this.props, _latest2.Expandable.allowedProps),
171
170
  onToggle: this.handleToggle,
172
171
  children: ({
173
172
  expanded,
package/lib/ToggleGroup/v1/index.js CHANGED
@@ -6,18 +6,14 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.ToggleGroup = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
10
- var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
11
- var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
12
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
13
10
  var _v11_ = require("@instructure/ui-buttons/v11_6");
14
- var _Transition = require("@instructure/ui-motion/lib/Transition");
11
+ var _uiMotion = require("@instructure/ui-motion");
15
12
  var _uiExpandable = require("@instructure/ui-expandable");
16
- var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
13
+ var _uiDomUtils = require("@instructure/ui-dom-utils");
17
14
  var _v11_2 = require("@instructure/ui-flex/v11_6");
18
15
  var _v11_3 = require("@instructure/ui-view/v11_6");
19
- var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
20
- var _IconArrowOpenDownSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenDownSolid.js");
16
+ var _uiIcons = require("@instructure/ui-icons");
21
17
  var _props = require("./props.js");
22
18
  var _emotion = require("@instructure/emotion");
23
19
  var _styles = _interopRequireDefault(require("./styles.js"));
@@ -58,8 +54,8 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
58
54
  static allowedProps = _props.allowedProps;
59
55
  static defaultProps = {
60
56
  size: 'medium',
61
- icon: _IconArrowOpenEndSolid.IconArrowOpenEndSolid,
62
- iconExpanded: _IconArrowOpenDownSolid.IconArrowOpenDownSolid,
57
+ icon: _uiIcons.IconArrowOpenEndSolid,
58
+ iconExpanded: _uiIcons.IconArrowOpenDownSolid,
63
59
  defaultExpanded: false,
64
60
  transition: true,
65
61
  as: 'span',
@@ -81,7 +77,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
81
77
  this._button = el;
82
78
  };
83
79
  get focused() {
84
- return (0, _isActiveElement.isActiveElement)(this._button);
80
+ return (0, _uiDomUtils.isActiveElement)(this._button);
85
81
  }
86
82
  focus() {
87
83
  this._button?.focus();
@@ -94,7 +90,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
94
90
  }
95
91
  renderIcon(expanded) {
96
92
  const Icon = expanded ? this.props.iconExpanded : this.props.icon;
97
- return Icon ? (0, _callRenderProp.callRenderProp)(Icon) : null;
93
+ return Icon ? (0, _uiReactUtils.callRenderProp)(Icon) : null;
98
94
  }
99
95
  renderToggle(toggleProps, expanded) {
100
96
  const {
@@ -129,7 +125,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
129
125
  display: "block",
130
126
  borderWidth: "small none none none",
131
127
  borderColor: styles?.borderColor,
132
- children: this.props.transition && this._shouldTransition ? (0, _jsxRuntime.jsx)(_Transition.Transition, {
128
+ children: this.props.transition && this._shouldTransition ? (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
133
129
  transitionOnMount: true,
134
130
  in: true,
135
131
  type: "fade",
@@ -138,19 +134,19 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyle)(_styles.
138
134
  });
139
135
  }
140
136
  render() {
141
- const Element = (0, _getElementType.getElementType)(ToggleGroup, this.props);
137
+ const Element = (0, _uiReactUtils.getElementType)(ToggleGroup, this.props);
142
138
  const {
143
139
  styles
144
140
  } = this.props;
145
141
  return (0, _jsxRuntime.jsx)(_uiExpandable.Expandable, {
146
- ...(0, _pickProps.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
142
+ ...(0, _uiReactUtils.pickProps)(this.props, _uiExpandable.Expandable.allowedProps),
147
143
  children: ({
148
144
  expanded,
149
145
  getToggleProps,
150
146
  getDetailsProps
151
147
  }) => {
152
148
  return (0, _jsxRuntime.jsxs)(_v11_3.View, {
153
- ...(0, _omitProps.omitProps)(this.props, ToggleGroup.allowedProps),
149
+ ...(0, _uiReactUtils.omitProps)(this.props, ToggleGroup.allowedProps),
154
150
  borderWidth: this.props.border ? 'small' : 'none',
155
151
  as: Element,
156
152
  elementRef: this.handleRef,
package/lib/ToggleGroup/v2/index.js CHANGED
@@ -6,13 +6,11 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = exports.ToggleGroup = void 0;
8
8
  var _react = require("react");
9
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
10
- var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
11
- var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
9
+ var _uiReactUtils = require("@instructure/ui-react-utils");
12
10
  var _latest = require("@instructure/ui-buttons/latest");
13
- var _Transition = require("@instructure/ui-motion/lib/Transition");
11
+ var _uiMotion = require("@instructure/ui-motion");
14
12
  var _latest2 = require("@instructure/ui-expandable/latest");
15
- var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
13
+ var _uiDomUtils = require("@instructure/ui-dom-utils");
16
14
  var _latest3 = require("@instructure/ui-flex/latest");
17
15
  var _latest4 = require("@instructure/ui-view/latest");
18
16
  var _uiIcons = require("@instructure/ui-icons");
@@ -84,7 +82,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleNew)(_styl
84
82
  this._button = el;
85
83
  };
86
84
  get focused() {
87
- return (0, _isActiveElement.isActiveElement)(this._button);
85
+ return (0, _uiDomUtils.isActiveElement)(this._button);
88
86
  }
89
87
  focus() {
90
88
  this._button?.focus();
@@ -134,7 +132,7 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleNew)(_styl
134
132
  display: "block",
135
133
  borderWidth: "small none none none",
136
134
  borderColor: styles?.borderColor,
137
- children: this.props.transition && this._shouldTransition ? (0, _jsxRuntime.jsx)(_Transition.Transition, {
135
+ children: this.props.transition && this._shouldTransition ? (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
138
136
  transitionOnMount: true,
139
137
  in: true,
140
138
  type: "fade",
@@ -143,19 +141,19 @@ let ToggleGroup = exports.ToggleGroup = (_dec = (0, _emotion.withStyleNew)(_styl
143
141
  });
144
142
  }
145
143
  render() {
146
- const Element = (0, _getElementType.getElementType)(ToggleGroup, this.props);
144
+ const Element = (0, _uiReactUtils.getElementType)(ToggleGroup, this.props);
147
145
  const {
148
146
  styles
149
147
  } = this.props;
150
148
  return (0, _jsxRuntime.jsx)(_latest2.Expandable, {
151
- ...(0, _pickProps.pickProps)(this.props, _latest2.Expandable.allowedProps),
149
+ ...(0, _uiReactUtils.pickProps)(this.props, _latest2.Expandable.allowedProps),
152
150
  children: ({
153
151
  expanded,
154
152
  getToggleProps,
155
153
  getDetailsProps
156
154
  }) => {
157
155
  return (0, _jsxRuntime.jsxs)(_latest4.View, {
158
- ...(0, _omitProps.omitProps)(this.props, ToggleGroup.allowedProps),
156
+ ...(0, _uiReactUtils.omitProps)(this.props, ToggleGroup.allowedProps),
159
157
  borderWidth: this.props.border ? 'small' : 'none',
160
158
  as: Element,
161
159
  elementRef: this.handleRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-toggle-details",
3
- "version": "11.7.8",
3
+ "version": "11.7.9-snapshot-1",
4
4
  "description": "A styled toggleable, accordion-like component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,24 +15,24 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/emotion": "11.7.8",
19
- "@instructure/ui-buttons": "11.7.8",
20
- "@instructure/ui-expandable": "11.7.8",
21
- "@instructure/shared-types": "11.7.8",
22
- "@instructure/ui-dom-utils": "11.7.8",
23
- "@instructure/ui-flex": "11.7.8",
24
- "@instructure/ui-icons": "11.7.8",
25
- "@instructure/ui-react-utils": "11.7.8",
26
- "@instructure/ui-motion": "11.7.8",
27
- "@instructure/ui-themes": "11.7.8",
28
- "@instructure/ui-utils": "11.7.8",
29
- "@instructure/uid": "11.7.8",
30
- "@instructure/ui-view": "11.7.8"
18
+ "@instructure/emotion": "11.7.9-snapshot-1",
19
+ "@instructure/ui-buttons": "11.7.9-snapshot-1",
20
+ "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
21
+ "@instructure/ui-expandable": "11.7.9-snapshot-1",
22
+ "@instructure/shared-types": "11.7.9-snapshot-1",
23
+ "@instructure/ui-flex": "11.7.9-snapshot-1",
24
+ "@instructure/ui-motion": "11.7.9-snapshot-1",
25
+ "@instructure/ui-react-utils": "11.7.9-snapshot-1",
26
+ "@instructure/ui-utils": "11.7.9-snapshot-1",
27
+ "@instructure/ui-themes": "11.7.9-snapshot-1",
28
+ "@instructure/ui-icons": "11.7.9-snapshot-1",
29
+ "@instructure/ui-view": "11.7.9-snapshot-1",
30
+ "@instructure/uid": "11.7.9-snapshot-1"
31
31
  },
32
32
  "devDependencies": {
33
33
  "vitest": "^5.0.0",
34
- "@instructure/ui-axe-check": "11.7.8",
35
- "@instructure/ui-babel-preset": "11.7.8"
34
+ "@instructure/ui-axe-check": "11.7.9-snapshot-1",
35
+ "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": ">=18 <=19"