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

package/es/Avatar/v1/index.js

@@ -1,162 +1,114 @@
-/*
- * 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, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useStyle as useStyleNew } from '@instructure/emotion';
 import { useState, useEffect, forwardRef, useRef } from 'react';
 import { View } from '@instructure/ui-view/v11_6';
 import { callRenderProp, passthroughProps } from '@instructure/ui-react-utils';
 import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
-
-/**
----
-category: components
----
-**/
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Avatar = /*#__PURE__*/forwardRef(({
-  size = 'medium',
-  color = 'default',
-  hasInverseColor = false,
-  showBorder = 'auto',
-  shape = 'circle',
-  display = 'inline-block',
-  onImageLoaded,
-  src,
-  name,
-  renderIcon,
-  alt,
-  as,
-  margin,
-  themeOverride,
-  elementRef,
-  ...rest
-}, ref) => {
-  const imgRef = useRef(null);
-  const [loaded, setLoaded] = useState(false);
-  const styles = useStyleNew({
-    generateStyle,
-    generateComponentTheme,
-    params: {
-      loaded,
-      size,
-      color,
-      hasInverseColor,
-      shape,
-      src,
-      showBorder,
-      themeOverride
-    },
-    componentId: 'Avatar',
-    displayName: 'Avatar'
-  });
-  useEffect(() => {
-    // in case the image is unset in an update, show icons/initials again
-    if (loaded && !src) {
-      setLoaded(false);
-    }
-    // Image already loaded (common in SSR)
-    if (src && !loaded && imgRef.current && imgRef.current.complete) {
-      setLoaded(true);
-      onImageLoaded?.();
-    }
-  }, [loaded, src]);
-  const makeInitialsFromName = () => {
-    if (!name || typeof name !== 'string') {
-      return;
-    }
-    const currentName = name.trim();
-    if (currentName.length === 0) {
-      return;
-    }
-    if (currentName.match(/\s+/)) {
-      const names = currentName.split(/\s+/);
-      return (names[0][0] + names[names.length - 1][0]).toUpperCase();
-    } else {
-      return currentName[0].toUpperCase();
-    }
-  };
-  const handleImageLoaded = event => {
-    setLoaded(true);
-    onImageLoaded?.(event);
-  };
-  const renderInitials = () => {
-    return _jsx("span", {
-      css: styles?.initials,
-      "aria-hidden": "true",
-      children: makeInitialsFromName()
+const Avatar = /*#__PURE__*/ forwardRef(({ size = 'medium', color = 'default', hasInverseColor = false, showBorder = 'auto', shape = 'circle', display = 'inline-block', onImageLoaded, src, name, renderIcon, alt, as, margin, themeOverride, elementRef, ...rest }, ref)=>{
+    const imgRef = useRef(null);
+    const [loaded, setLoaded] = useState(false);
+    const styles = useStyleNew({
+        generateStyle,
+        generateComponentTheme,
+        params: {
+            loaded,
+            size,
+            color,
+            hasInverseColor,
+            shape,
+            src,
+            showBorder,
+            themeOverride
+        },
+        componentId: 'Avatar',
+        displayName: 'Avatar'
     });
-  };
-  const renderContent = () => {
-    if (!renderIcon) {
-      return renderInitials();
-    }
-    return _jsx("span", {
-      css: styles?.iconSVG,
-      children: callRenderProp(renderIcon)
+    useEffect(()=>{
+        if (loaded && !src) {
+            setLoaded(false);
+        }
+        if (src && !loaded && imgRef.current && imgRef.current.complete) {
+            setLoaded(true);
+            onImageLoaded?.();
+        }
+    }, [
+        loaded,
+        src
+    ]);
+    const makeInitialsFromName = ()=>{
+        if (!name || typeof name !== 'string') {
+            return;
+        }
+        const currentName = name.trim();
+        if (currentName.length === 0) {
+            return;
+        }
+        if (currentName.match(/\s+/)) {
+            const names = currentName.split(/\s+/);
+            return (names[0][0] + names[names.length - 1][0]).toUpperCase();
+        } else {
+            return currentName[0].toUpperCase();
+        }
+    };
+    const handleImageLoaded = (event)=>{
+        setLoaded(true);
+        onImageLoaded?.(event);
+    };
+    const renderInitials = ()=>{
+        return /*#__PURE__*/ _jsx("span", {
+            css: styles?.initials,
+            "aria-hidden": "true",
+            children: makeInitialsFromName()
+        });
+    };
+    const renderContent = ()=>{
+        if (!renderIcon) {
+            return renderInitials();
+        }
+        return /*#__PURE__*/ _jsx("span", {
+            css: styles?.iconSVG,
+            children: callRenderProp(renderIcon)
+        });
+    };
+    return /*#__PURE__*/ _jsxs(View, {
+        ...passthroughProps({
+            size,
+            color,
+            hasInverseColor,
+            showBorder,
+            shape,
+            display,
+            src,
+            name,
+            renderIcon,
+            alt,
+            as,
+            margin,
+            ...rest
+        }),
+        ref: ref,
+        "aria-label": alt ? alt : undefined,
+        role: alt ? 'img' : undefined,
+        as: as,
+        elementRef: elementRef,
+        margin: margin,
+        css: styles?.avatar,
+        display: display,
+        children: [
+            /*#__PURE__*/ _jsx("img", {
+                src: src,
+                ref: imgRef,
+                css: styles?.loadImage,
+                alt: alt,
+                onLoad: handleImageLoaded,
+                "aria-hidden": "true"
+            }),
+            !loaded && renderContent()
+        ]
     });
-  };
-  return _jsxs(View, {
-    ...passthroughProps({
-      size,
-      color,
-      hasInverseColor,
-      showBorder,
-      shape,
-      display,
-      src,
-      name,
-      renderIcon,
-      alt,
-      as,
-      margin,
-      ...rest
-    }),
-    ref: ref,
-    "aria-label": alt ? alt : undefined,
-    role: alt ? 'img' : undefined,
-    as: as,
-    elementRef: elementRef,
-    margin: margin,
-    css: styles?.avatar,
-    display: display,
-    children: [_jsx("img", {
-      // This is visually hidden and is here for loading purposes only
-      src: src,
-      ref: imgRef,
-      css: styles?.loadImage,
-      alt: alt,
-      onLoad: handleImageLoaded,
-      "aria-hidden": "true"
-    }), !loaded && renderContent()]
-  });
 });
-// Ensures React DevTools shows "Avatar" instead of "ForwardRef"
-Avatar.displayName = 'Avatar'
-
-// expose generateComponentTheme so Document can render "Default Theme Variables" for v11.6
-;
+Avatar.displayName = 'Avatar';
 Avatar.generateComponentTheme = generateComponentTheme;
 export default Avatar;
-export { Avatar };
+export { Avatar };

package/es/Avatar/v1/props.js

@@ -1,26 +1,17 @@
-/*
- * 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 = ['name', 'src', 'alt', 'size', 'color', 'hasInverseColor', 'shape', 'margin', 'display', 'onImageLoaded', 'as', 'elementRef', 'renderIcon', 'showBorder'];
-export { allowedProps };
+const allowedProps = [
+    'name',
+    'src',
+    'alt',
+    'size',
+    'color',
+    'hasInverseColor',
+    'shape',
+    'margin',
+    'display',
+    'onImageLoaded',
+    'as',
+    'elementRef',
+    'renderIcon',
+    'showBorder'
+];
+export { allowedProps };