@instructure/ui-pages 11.7.8 → 11.7.9-pr-snapshot-1792147648392

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-pr-snapshot-1792147648392](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-pr-snapshot-1792147648392) (2026-10-16)
+
+### Build System
+
+* **many:** replace babel with swc ([7e36c54](https://github.com/instructure/instructure-ui/commit/7e36c54d240b4fa483801c03ab18e7f860f561e2))
+
+### BREAKING CHANGES
+
+* **many:** `@instructure/ui-babel-preset` and
+  `@instructure/browserslist-config-instui` are removed and will no longer be
+  published. Packages depend on `@swc/helpers` instead of `@babel/runtime`.
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-pages

package/es/Pages/v1/Page/index.js

@@ -1,102 +1,74 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Component } from 'react';
 import { findDOMNode, findTabbable } from '@instructure/ui-dom-utils';
 import { logError as error } from '@instructure/console';
 import { View } from '@instructure/ui-view/v11_6';
 import { PagesContext } from '../PagesContext.js';
 import { allowedProps } from './props.js';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/**
----
-parent: Pages
-id: Pages.Page
----
-**/
 class Page extends Component {
-  static displayName = 'Page';
-  static componentId = 'Pages.Page';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    defaultFocusElement: null,
-    padding: 'small',
-    textAlign: 'start',
-    children: null
-  };
-  get _content() {
-    return this.ref;
-  }
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-  get defaultFocusElement() {
-    let {
-      defaultFocusElement
-    } = this.props;
-    if (typeof defaultFocusElement === 'function') {
-      defaultFocusElement = defaultFocusElement();
+    static{
+        this.displayName = 'Page';
+    }
+    static{
+        this.componentId = 'Pages.Page';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            defaultFocusElement: null,
+            padding: 'small',
+            textAlign: 'start',
+            children: null
+        };
+    }
+    get _content() {
+        void 0;
+        return this.ref;
+    }
+    get defaultFocusElement() {
+        let { defaultFocusElement } = this.props;
+        if (typeof defaultFocusElement === 'function') {
+            defaultFocusElement = defaultFocusElement();
+        }
+        if (defaultFocusElement) {
+            defaultFocusElement = findDOMNode(defaultFocusElement);
+        }
+        if (!defaultFocusElement) {
+            const tabbable = findTabbable(this.ref);
+            defaultFocusElement = tabbable && tabbable[0];
+        }
+        error(defaultFocusElement && !!defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
+        return defaultFocusElement;
+    }
+    get focusable() {
+        const element = this.defaultFocusElement;
+        return !!element && typeof element.focus === 'function';
     }
-    if (defaultFocusElement) {
-      defaultFocusElement = findDOMNode(defaultFocusElement);
+    focus() {
+        if (this.focusable) {
+            ;
+            this.defaultFocusElement.focus();
+        }
     }
-    if (!defaultFocusElement) {
-      const tabbable = findTabbable(this.ref);
-      defaultFocusElement = tabbable && tabbable[0];
+    render() {
+        const { children, ...props } = this.props;
+        return /*#__PURE__*/ _jsx(PagesContext.Consumer, {
+            children: ({ history, navigateToPreviousPage })=>/*#__PURE__*/ _jsx(View, {
+                    as: "div",
+                    padding: props.padding,
+                    textAlign: props.textAlign,
+                    elementRef: this.handleRef,
+                    children: children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children
+                })
+        });
     }
-    error(defaultFocusElement && !!defaultFocusElement.focus, '[Page] A default focusable element is required or focus will be lost.');
-    return defaultFocusElement;
-  }
-  get focusable() {
-    const element = this.defaultFocusElement;
-    return !!element && typeof element.focus === 'function';
-  }
-  focus() {
-    if (this.focusable) {
-      ;
-      this.defaultFocusElement.focus();
+    constructor(...args){
+        super(...args), this.ref = null, this.handleRef = (el)=>{
+            this.ref = el;
+        };
     }
-  }
-  render() {
-    const {
-      children,
-      ...props
-    } = this.props;
-    return _jsx(PagesContext.Consumer, {
-      children: ({
-        history,
-        navigateToPreviousPage
-      }) => _jsx(View, {
-        as: "div",
-        padding: props.padding,
-        textAlign: props.textAlign,
-        elementRef: this.handleRef,
-        children: children && typeof children === 'function' ? children(history, navigateToPreviousPage) : children
-      })
-    });
-  }
 }
 export default Page;
-export { Page };
+export { Page };

package/es/Pages/v1/Page/props.js

@@ -1,26 +1,7 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = ['children', 'defaultFocusElement', 'padding', 'textAlign'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'defaultFocusElement',
+    'padding',
+    'textAlign'
+];
+export { allowedProps };

package/es/Pages/v1/PagesContext.js

@@ -1,31 +1,7 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
 import { createContext } from 'react';
-const PagesContext = /*#__PURE__*/createContext({
-  history: [],
-  navigateToPreviousPage: () => {}
+const PagesContext = createContext({
+    history: [],
+    navigateToPreviousPage: ()=>{}
 });
 export default PagesContext;
-export { PagesContext };
+export { PagesContext };

package/es/Pages/v1/index.js

@@ -1,28 +1,5 @@
-var _dec, _dec2, _class;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
+import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, Component } from 'react';
 import { View } from '@instructure/ui-view/v11_6';
 import { containsActiveElement, findTabbable } from '@instructure/ui-dom-utils';
@@ -34,123 +11,121 @@ import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
 import { PagesContext } from './PagesContext.js';
 import { allowedProps } from './props.js';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/**
----
-category: components
----
-**/
-let Pages = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class Pages extends Component {
-  static displayName = 'Pages';
-  static componentId = 'Pages';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    activePageIndex: 0
-  };
-  static Page = Page;
-  _timeouts = [];
-  _activePage = null;
-  _contentId;
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-  get _contentElement() {
-    return this.ref;
-  }
-  constructor(props) {
-    super(props);
-    this.state = {
-      history: [typeof props.defaultPageIndex === 'number' ? props.defaultPageIndex : props.activePageIndex]
-    };
-    this._contentId = props.deterministicId();
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  handleBackButtonClick = () => {
-    const history = [...this.state.history];
-    const oldPageIndex = history.pop();
-    const newPageIndex = history[history.length - 1];
-    this.setState({
-      history
-    });
-    this.props.onPageIndexChange?.(newPageIndex || 0, oldPageIndex);
-  };
-  componentDidUpdate() {
-    const {
-      activePageIndex
-    } = this.props;
-    const {
-      history
-    } = this.state;
-    if (typeof activePageIndex === 'number' && (history.length === 0 || activePageIndex !== history[history.length - 1])) {
-      this.setState({
-        history: [...history, activePageIndex]
-      });
+class Pages extends Component {
+    static{
+        this.displayName = 'Pages';
+    }
+    static{
+        this.componentId = 'Pages';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            activePageIndex: 0
+        };
+    }
+    static{
+        this.Page = Page;
+    }
+    get _contentElement() {
+        void 0;
+        return this.ref;
+    }
+    constructor(props){
+        super(props), this._timeouts = [], this._activePage = null, this.ref = null, this.handleRef = (el)=>{
+            this.ref = el;
+        }, this.handleBackButtonClick = ()=>{
+            const history = [
+                ...this.state.history
+            ];
+            const oldPageIndex = history.pop();
+            const newPageIndex = history[history.length - 1];
+            this.setState({
+                history
+            });
+            this.props.onPageIndexChange?.(newPageIndex || 0, oldPageIndex);
+        };
+        this.state = {
+            history: [
+                typeof props.defaultPageIndex === 'number' ? props.defaultPageIndex : props.activePageIndex
+            ]
+        };
+        this._contentId = props.deterministicId();
     }
-    this._timeouts.push(setTimeout(() => {
-      !this.focused && this.focus();
-    }, 0));
-    this.props.makeStyles?.();
-  }
-  componentWillUnmount() {
-    this._timeouts.forEach(clearTimeout);
-  }
-  get focused() {
-    return containsActiveElement(this.ref);
-  }
-  focus() {
-    this._timeouts.push(setTimeout(() => {
-      const activePage = this._activePage;
-
-      // Attempt to focus active page
-      if (activePage && activePage.focusable) {
-        activePage.focus();
-      } else {
-        // Use first tabbable as last ditch effort
-        const tabbable = findTabbable(this.ref);
-        const element = tabbable && tabbable[0];
-        element && element.focus();
-      }
-    }));
-  }
-  get activePage() {
-    const {
-      activePageIndex,
-      children
-    } = this.props;
-    const pages = Children.toArray(children);
-    const activePage = activePageIndex < pages.length ? pages[activePageIndex] : null;
-    error(!!activePage, '[Pages] Invalid `activePageIndex`.');
-    return activePage ? safeCloneElement(activePage, {
-      ref: el => {
-        this._activePage = el;
-      }
-    }) : null;
-  }
-  render() {
-    const {
-      activePage
-    } = this;
-    return activePage ? _jsx(PagesContext.Provider, {
-      value: {
-        history: this.state.history,
-        navigateToPreviousPage: () => {
-          this.handleBackButtonClick();
+    componentDidMount() {
+        this.props.makeStyles?.();
+    }
+    componentDidUpdate() {
+        const { activePageIndex } = this.props;
+        const { history } = this.state;
+        if (typeof activePageIndex === 'number' && (history.length === 0 || activePageIndex !== history[history.length - 1])) {
+            this.setState({
+                history: [
+                    ...history,
+                    activePageIndex
+                ]
+            });
         }
-      },
-      children: _jsx(View, {
-        as: "div",
-        id: this._contentId,
-        css: this.props.styles?.pages,
-        margin: this.props.margin,
-        role: "region",
-        elementRef: this.handleRef,
-        children: activePage
-      })
-    }) : null;
-  }
-}) || _class) || _class);
+        this._timeouts.push(setTimeout(()=>{
+            !this.focused && this.focus();
+        }, 0));
+        this.props.makeStyles?.();
+    }
+    componentWillUnmount() {
+        this._timeouts.forEach(clearTimeout);
+    }
+    get focused() {
+        return containsActiveElement(this.ref);
+    }
+    focus() {
+        this._timeouts.push(setTimeout(()=>{
+            const activePage = this._activePage;
+            if (activePage && activePage.focusable) {
+                activePage.focus();
+            } else {
+                const tabbable = findTabbable(this.ref);
+                const element = tabbable && tabbable[0];
+                element && element.focus();
+            }
+        }));
+    }
+    get activePage() {
+        const { activePageIndex, children } = this.props;
+        const pages = Children.toArray(children);
+        const activePage = activePageIndex < pages.length ? pages[activePageIndex] : null;
+        error(!!activePage, '[Pages] Invalid `activePageIndex`.');
+        return activePage ? safeCloneElement(activePage, {
+            ref: (el)=>{
+                this._activePage = el;
+            }
+        }) : null;
+    }
+    render() {
+        const { activePage } = this;
+        return activePage ? /*#__PURE__*/ _jsx(PagesContext.Provider, {
+            value: {
+                history: this.state.history,
+                navigateToPreviousPage: ()=>{
+                    this.handleBackButtonClick();
+                }
+            },
+            children: /*#__PURE__*/ _jsx(View, {
+                as: "div",
+                id: this._contentId,
+                css: this.props.styles?.pages,
+                margin: this.props.margin,
+                role: "region",
+                elementRef: this.handleRef,
+                children: activePage
+            })
+        }) : null;
+    }
+}
+Pages = _ts_decorate([
+    withDeterministicId(),
+    withStyle(generateStyle, generateComponentTheme)
+], Pages);
 export default Pages;
-export { Pages, Page };
+export { Pages, Page };

package/es/Pages/v1/props.js

@@ -1,26 +1,8 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = ['children', 'defaultPageIndex', 'activePageIndex', 'onPageIndexChange', 'margin'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'defaultPageIndex',
+    'activePageIndex',
+    'onPageIndexChange',
+    'margin'
+];
+export { allowedProps };

package/es/Pages/v1/styles.js

@@ -1,47 +1,13 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = componentTheme => {
-  return {
-    pages: {
-      fontSize: componentTheme.fontSize,
-      fontFamily: componentTheme.fontFamily,
-      fontWeight: componentTheme.fontWeight,
-      color: componentTheme.color,
-      background: componentTheme.background,
-      display: 'block'
-    }
-  };
+const generateStyle = (componentTheme)=>{
+    return {
+        pages: {
+            fontSize: componentTheme.fontSize,
+            fontFamily: componentTheme.fontFamily,
+            fontWeight: componentTheme.fontWeight,
+            color: componentTheme.color,
+            background: componentTheme.background,
+            display: 'block'
+        }
+    };
 };
-export default generateStyle;
+export default generateStyle;