@instructure/ui-toggle-details 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-toggle-details

package/es/ToggleDetails/v1/index.js

@@ -1,28 +1,5 @@
-var _dec, _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, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Component, createRef } from 'react';
 import { Button } from '@instructure/ui-buttons/v11_6';
 import { IconArrowOpenEndSolid, IconArrowOpenDownSolid } from '@instructure/ui-icons';
@@ -33,145 +10,148 @@ import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
 import { allowedProps } from './props.js';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/**
----
-category: components
----
-**/
-let ToggleDetails = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ToggleDetails extends Component {
-  static displayName = 'ToggleDetails';
-  static componentId = 'ToggleDetails';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    variant: 'default',
-    size: 'medium',
-    fluidWidth: false,
-    icon: IconArrowOpenEndSolid,
-    iconExpanded: IconArrowOpenDownSolid,
-    iconPosition: 'start',
-    defaultExpanded: false,
-    children: null
-  };
-  _buttonNode = null;
-  ref = /*#__PURE__*/createRef();
-
-  // TODO this solution was generated with Gemini, should be tested if it works as fine as before
-  setButtonRef = node => {
-    this._buttonNode = node;
-  };
-  get focused() {
-    return isActiveElement(this._buttonNode);
-  }
-  focus() {
-    this._buttonNode?.focus();
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  renderSummary(expanded) {
-    const {
-      summary,
-      iconPosition
-    } = this.props;
-    return _jsxs("span", {
-      css: this.props.styles?.summary,
-      children: [iconPosition === 'start' && this.renderIcon(expanded), _jsx("span", {
-        css: this.props.styles?.summaryText,
-        children: summary
-      }), iconPosition === 'end' && this.renderIcon(expanded)]
-    });
-  }
-  renderToggle(toggleProps, expanded) {
-    const {
-      variant
-    } = this.props;
-    const tProps = this.props.children ? toggleProps : {
-      onClick: toggleProps.onClick
-    };
-    const props = {
-      ...omitProps(this.props, ToggleDetails.allowedProps),
-      ...tProps,
-      children: this.renderSummary(expanded)
-    };
-    const summary = this.renderSummary(expanded);
-    if (variant === 'filled') {
-      return _jsx(Button, {
-        ...props,
-        display: "block",
-        textAlign: "start",
-        elementRef: this.setButtonRef,
-        children: summary
-      });
-    } else if (props.href) {
-      return _jsx("a", {
-        ...props,
-        css: this.props.styles?.toggle,
-        ref: this.setButtonRef,
-        children: summary
-      });
-    } else {
-      return _jsx("button", {
-        ...props,
-        type: "button",
-        css: this.props.styles?.toggle,
-        ref: this.setButtonRef,
-        children: summary
-      });
+class ToggleDetails extends Component {
+    static{
+        this.displayName = 'ToggleDetails';
+    }
+    static{
+        this.componentId = 'ToggleDetails';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            variant: 'default',
+            size: 'medium',
+            fluidWidth: false,
+            icon: IconArrowOpenEndSolid,
+            iconExpanded: IconArrowOpenDownSolid,
+            iconPosition: 'start',
+            defaultExpanded: false,
+            children: null
+        };
+    }
+    get focused() {
+        return isActiveElement(this._buttonNode);
+    }
+    focus() {
+        this._buttonNode?.focus();
+    }
+    componentDidMount() {
+        this.props.makeStyles?.();
+    }
+    componentDidUpdate() {
+        this.props.makeStyles?.();
     }
-  }
-  renderIcon(expanded) {
-    const Icon = expanded ? this.props.iconExpanded : this.props.icon;
-    return this.props.children && Icon ? _jsx("span", {
-      css: this.props.styles?.icon,
-      children: _jsx(Icon, {})
-    }) : null;
-  }
-  renderDetails(expanded, detailsProps) {
-    if (!this.props.children) return null;
-    const expandedStyles = expanded ? {
-      display: 'block'
-    } : {
-      display: 'none'
-    };
-    return _jsx("div", {
-      ...detailsProps,
-      css: [this.props.styles?.details, expandedStyles],
-      children: expanded && this.renderContent()
-    });
-  }
-  renderContent() {
-    return _jsx("div", {
-      css: this.props.styles?.content,
-      children: this.props.children
-    });
-  }
-  handleToggle = (event, expanded) => {
-    if (typeof this.props.onToggle === 'function') {
-      this.props.onToggle(event, expanded);
+    renderSummary(expanded) {
+        const { summary, iconPosition } = this.props;
+        return /*#__PURE__*/ _jsxs("span", {
+            css: this.props.styles?.summary,
+            children: [
+                iconPosition === 'start' && this.renderIcon(expanded),
+                /*#__PURE__*/ _jsx("span", {
+                    css: this.props.styles?.summaryText,
+                    children: summary
+                }),
+                iconPosition === 'end' && this.renderIcon(expanded)
+            ]
+        });
+    }
+    renderToggle(toggleProps, expanded) {
+        const { variant } = this.props;
+        const tProps = this.props.children ? toggleProps : {
+            onClick: toggleProps.onClick
+        };
+        const props = {
+            ...omitProps(this.props, ToggleDetails.allowedProps),
+            ...tProps,
+            children: this.renderSummary(expanded)
+        };
+        const summary = this.renderSummary(expanded);
+        if (variant === 'filled') {
+            return /*#__PURE__*/ _jsx(Button, {
+                ...props,
+                display: "block",
+                textAlign: "start",
+                elementRef: this.setButtonRef,
+                children: summary
+            });
+        } else if (props.href) {
+            return /*#__PURE__*/ _jsx("a", {
+                ...props,
+                css: this.props.styles?.toggle,
+                ref: this.setButtonRef,
+                children: summary
+            });
+        } else {
+            return /*#__PURE__*/ _jsx("button", {
+                ...props,
+                type: "button",
+                css: this.props.styles?.toggle,
+                ref: this.setButtonRef,
+                children: summary
+            });
+        }
+    }
+    renderIcon(expanded) {
+        const Icon = expanded ? this.props.iconExpanded : this.props.icon;
+        return this.props.children && Icon ? /*#__PURE__*/ _jsx("span", {
+            css: this.props.styles?.icon,
+            children: /*#__PURE__*/ _jsx(Icon, {})
+        }) : null;
+    }
+    renderDetails(expanded, detailsProps) {
+        if (!this.props.children) return null;
+        const expandedStyles = expanded ? {
+            display: 'block'
+        } : {
+            display: 'none'
+        };
+        return /*#__PURE__*/ _jsx("div", {
+            ...detailsProps,
+            css: [
+                this.props.styles?.details,
+                expandedStyles
+            ],
+            children: expanded && this.renderContent()
+        });
     }
-  };
-  render() {
-    return _jsx(Expandable, {
-      ...pickProps(this.props, Expandable.allowedProps),
-      onToggle: this.handleToggle,
-      children: ({
-        expanded,
-        getToggleProps,
-        getDetailsProps
-      }) => {
-        return _jsxs("div", {
-          css: this.props.styles?.toggleDetails,
-          ref: this.ref,
-          "data-cid": "ToggleDetails",
-          children: [this.renderToggle(getToggleProps(), expanded), this.renderDetails(expanded, getDetailsProps())]
+    renderContent() {
+        return /*#__PURE__*/ _jsx("div", {
+            css: this.props.styles?.content,
+            children: this.props.children
         });
-      }
-    });
-  }
-}) || _class);
+    }
+    render() {
+        return /*#__PURE__*/ _jsx(Expandable, {
+            ...pickProps(this.props, Expandable.allowedProps),
+            onToggle: this.handleToggle,
+            children: ({ expanded, getToggleProps, getDetailsProps })=>{
+                return /*#__PURE__*/ _jsxs("div", {
+                    css: this.props.styles?.toggleDetails,
+                    ref: this.ref,
+                    "data-cid": "ToggleDetails",
+                    children: [
+                        this.renderToggle(getToggleProps(), expanded),
+                        this.renderDetails(expanded, getDetailsProps())
+                    ]
+                });
+            }
+        });
+    }
+    constructor(...args){
+        super(...args), this._buttonNode = null, this.ref = /*#__PURE__*/ createRef(), this.setButtonRef = (node)=>{
+            this._buttonNode = node;
+        }, this.handleToggle = (event, expanded)=>{
+            if (typeof this.props.onToggle === 'function') {
+                this.props.onToggle(event, expanded);
+            }
+        };
+    }
+}
+ToggleDetails = _ts_decorate([
+    withStyle(generateStyle, generateComponentTheme)
+], ToggleDetails);
 export default ToggleDetails;
-export { ToggleDetails };
+export { ToggleDetails };

package/es/ToggleDetails/v1/props.js

@@ -1,26 +1,14 @@
-/*
- * 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 = ['variant', 'summary', 'expanded', 'defaultExpanded', 'onToggle', 'icon', 'iconExpanded', 'iconPosition', 'fluidWidth', 'children', 'size'];
-export { allowedProps };
+const allowedProps = [
+    'variant',
+    'summary',
+    'expanded',
+    'defaultExpanded',
+    'onToggle',
+    'icon',
+    'iconExpanded',
+    'iconPosition',
+    'fluidWidth',
+    'children',
+    'size'
+];
+export { allowedProps };