@instructure/ui-spinner 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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/Spinner/v1/index.js +4 -6
  3. package/lib/Spinner/v2/AISpinnerIcon.js +2 -2
  4. package/lib/Spinner/v2/index.js +7 -9
  5. package/package.json +14 -14
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-spinner
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-spinner
package/lib/Spinner/v1/index.js CHANGED
@@ -7,9 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Spinner = void 0;
8
8
  var _react = require("react");
9
9
  var _v11_ = require("@instructure/ui-view/v11_6");
10
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
11
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
12
- var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
13
11
  var _console = require("@instructure/console");
14
12
  var _emotion = require("@instructure/emotion");
15
13
  var _styles = _interopRequireDefault(require("./styles.js"));
@@ -45,7 +43,7 @@ var _dec, _dec2, _class;
45
43
  category: components
46
44
  ---
47
45
  **/
48
- let Spinner = exports.Spinner = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Spinner extends _react.Component {
46
+ let Spinner = exports.Spinner = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Spinner extends _react.Component {
49
47
  static displayName = 'Spinner';
50
48
  static componentId = 'Spinner';
51
49
  static allowedProps = _props.allowedProps;
@@ -105,7 +103,7 @@ let Spinner = exports.Spinner = (_dec = (0, _withDeterministicId.withDeterminist
105
103
  }
106
104
  }
107
105
  renderSpinner() {
108
- const passthroughProps = _v11_.View.omitViewProps((0, _omitProps.omitProps)(this.props, Spinner.allowedProps), Spinner);
106
+ const passthroughProps = _v11_.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Spinner.allowedProps), Spinner);
109
107
  const hasTitle = this.props.renderTitle;
110
108
  (0, _console.logError)(!!hasTitle, '[Spinner] The renderTitle prop is necessary for screen reader support.');
111
109
  return (0, _jsxRuntime.jsx)(_v11_.View, {
@@ -122,7 +120,7 @@ let Spinner = exports.Spinner = (_dec = (0, _withDeterministicId.withDeterminist
122
120
  focusable: "false",
123
121
  children: [(0, _jsxRuntime.jsx)("title", {
124
122
  id: this.titleId,
125
- children: (0, _callRenderProp.callRenderProp)(this.props.renderTitle)
123
+ children: (0, _uiReactUtils.callRenderProp)(this.props.renderTitle)
126
124
  }), (0, _jsxRuntime.jsxs)("g", {
127
125
  role: "presentation",
128
126
  children: [this.props.variant !== 'inverse' && (0, _jsxRuntime.jsx)("circle", {
package/lib/Spinner/v2/AISpinnerIcon.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.AISpinnerIcon = void 0;
7
- var _wrapCustomIcon = require("@instructure/ui-icons/lib/custom/wrapCustomIcon.js");
7
+ var _uiIcons = require("@instructure/ui-icons");
8
8
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  /*
10
10
  * The MIT License (MIT)
@@ -43,5 +43,5 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
43
43
  d: "M11.0621 2.53451C11.3843 1.66389 12.6157 1.66389 12.9379 2.53451L15.0815 8.32767C15.1828 8.60139 15.3986 8.8172 15.6723 8.91848L21.4655 11.0621C22.3361 11.3843 22.3361 12.6157 21.4655 12.9379L15.6723 15.0815C15.3986 15.1828 15.1828 15.3986 15.0815 15.6723L12.9379 21.4655C12.6157 22.3361 11.3843 22.3361 11.0621 21.4655L8.91849 15.6723C8.8172 15.3986 8.60139 15.1828 8.32767 15.0815L2.53451 12.9379C1.66389 12.6157 1.66389 11.3843 2.53451 11.0621L8.32767 8.91849C8.60139 8.8172 8.8172 8.60139 8.91848 8.32767L11.0621 2.53451Z",
44
44
  fill: color
45
45
  });
46
- const AISpinnerIcon = exports.AISpinnerIcon = (0, _wrapCustomIcon.wrapCustomIcon)(AISpinnerPaths, 'AISpinner', '0 0 24 24');
46
+ const AISpinnerIcon = exports.AISpinnerIcon = (0, _uiIcons.wrapCustomIcon)(AISpinnerPaths, 'AISpinner', '0 0 24 24');
47
47
  var _default = exports.default = AISpinnerIcon;
package/lib/Spinner/v2/index.js CHANGED
@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.Spinner = void 0;
8
8
  var _react = require("react");
9
9
  var _emotion = require("@instructure/emotion");
10
- var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
11
- var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
12
- var _useDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/useDeterministicId.js");
13
- var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
10
+ var _uiReactUtils = require("@instructure/ui-react-utils");
11
+ var _uiA11yContent = require("@instructure/ui-a11y-content");
14
12
  var _console = require("@instructure/console");
15
13
  var _AISpinnerIcon = require("./AISpinnerIcon.js");
16
14
  var _styles = _interopRequireDefault(require("./styles.js"));
@@ -55,7 +53,7 @@ category: components
55
53
  } = props;
56
54
  const [shouldRender, setShouldRender] = (0, _react.useState)(!delay);
57
55
  // SSR-safe deterministic ID generation (stable across server/client render)
58
- const titleId = (0, _useDeterministicId.useDeterministicId)('Spinner')();
56
+ const titleId = (0, _uiReactUtils.useDeterministicId)('Spinner')();
59
57
  const styles = (0, _emotion.useStyleNew)({
60
58
  generateStyle: _styles.default,
61
59
  themeOverride,
@@ -84,7 +82,7 @@ category: components
84
82
  focusable: "false",
85
83
  children: [(0, _jsxRuntime.jsx)("title", {
86
84
  id: titleId,
87
- children: (0, _callRenderProp.callRenderProp)(renderTitle)
85
+ children: (0, _uiReactUtils.callRenderProp)(renderTitle)
88
86
  }), (0, _jsxRuntime.jsxs)("g", {
89
87
  role: "presentation",
90
88
  children: [variant === 'default' && (0, _jsxRuntime.jsx)("circle", {
@@ -104,9 +102,9 @@ category: components
104
102
  // The icon accepts only a string `title`, but `renderTitle` can be any node.
105
103
  // So the label goes on the wrapping element instead.
106
104
  const renderAIIcon = () => (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
107
- children: [(0, _jsxRuntime.jsx)(_ScreenReaderContent.ScreenReaderContent, {
105
+ children: [(0, _jsxRuntime.jsx)(_uiA11yContent.ScreenReaderContent, {
108
106
  id: titleId,
109
- children: (0, _callRenderProp.callRenderProp)(renderTitle)
107
+ children: (0, _uiReactUtils.callRenderProp)(renderTitle)
110
108
  }), (0, _jsxRuntime.jsx)("span", {
111
109
  css: styles?.aiSpin,
112
110
  children: (0, _jsxRuntime.jsx)(_AISpinnerIcon.AISpinnerIcon, {
@@ -116,7 +114,7 @@ category: components
116
114
  });
117
115
  const renderSpinner = () => {
118
116
  (0, _console.logError)(!!renderTitle, '[Spinner] The `renderTitle` prop is necessary for screen reader support.');
119
- const passthroughProps = (0, _omitProps.omitProps)(props, _props.allowedProps);
117
+ const passthroughProps = (0, _uiReactUtils.omitProps)(props, _props.allowedProps);
120
118
  return (0, _jsxRuntime.jsx)("div", {
121
119
  ...(isAI && {
122
120
  role: 'img',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-spinner",
3
- "version": "11.7.8",
3
+ "version": "11.7.9-snapshot-1",
4
4
  "description": "A spinner/loading component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,22 +15,22 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/console": "11.7.8",
19
- "@instructure/shared-types": "11.7.8",
20
- "@instructure/emotion": "11.7.8",
21
- "@instructure/ui-a11y-content": "11.7.8",
22
- "@instructure/ui-color-utils": "11.7.8",
23
- "@instructure/ui-icons": "11.7.8",
24
- "@instructure/ui-utils": "11.7.8",
25
- "@instructure/ui-react-utils": "11.7.8",
26
- "@instructure/ui-themes": "11.7.8",
27
- "@instructure/uid": "11.7.8",
28
- "@instructure/ui-view": "11.7.8"
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-a11y-content": "11.7.9-snapshot-1",
22
+ "@instructure/ui-color-utils": "11.7.9-snapshot-1",
23
+ "@instructure/ui-icons": "11.7.9-snapshot-1",
24
+ "@instructure/ui-themes": "11.7.9-snapshot-1",
25
+ "@instructure/ui-utils": "11.7.9-snapshot-1",
26
+ "@instructure/ui-view": "11.7.9-snapshot-1",
27
+ "@instructure/uid": "11.7.9-snapshot-1",
28
+ "@instructure/ui-react-utils": "11.7.9-snapshot-1"
29
29
  },
30
30
  "devDependencies": {
31
31
  "vitest": "^5.0.0",
32
- "@instructure/ui-axe-check": "11.7.8",
33
- "@instructure/ui-babel-preset": "11.7.8"
32
+ "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
33
+ "@instructure/ui-axe-check": "11.7.9-snapshot-1"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": ">=18 <=19"