@instructure/ui-breadcrumb 11.7.3-snapshot-25 → 11.7.3-snapshot-26

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.3-snapshot-25](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-25) (2026-04-30)
+## [11.7.3-snapshot-26](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-26) (2026-05-05)
 
-**Note:** Version bump only for package @instructure/ui-breadcrumb
+
+### Bug Fixes
+
+* **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
 
 
 

package/es/Breadcrumb/v1/BreadcrumbLink/index.js

@@ -37,12 +37,16 @@ id: Breadcrumb.Link
 **/
 
 class BreadcrumbLink extends Component {
+  static displayName = "BreadcrumbLink";
+  static componentId = 'Breadcrumb.Link';
+  static allowedProps = allowedProps;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
   constructor(props) {
     super(props);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
     this.state = {
       isTruncated: false
     };
@@ -55,15 +59,18 @@ class BreadcrumbLink extends Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      href = _this$props.href,
-      renderIcon = _this$props.renderIcon,
-      iconPlacement = _this$props.iconPlacement,
-      onClick = _this$props.onClick,
-      onMouseEnter = _this$props.onMouseEnter,
-      isCurrentPage = _this$props.isCurrentPage;
-    const isTruncated = this.state.isTruncated;
+    const {
+      children,
+      href,
+      renderIcon,
+      iconPlacement,
+      onClick,
+      onMouseEnter,
+      isCurrentPage
+    } = this.props;
+    const {
+      isTruncated
+    } = this.state;
     const props = omitProps(this.props, BreadcrumbLink.allowedProps);
     const isInteractive = onClick || href;
     return _jsx(Tooltip, {
@@ -108,9 +115,5 @@ class BreadcrumbLink extends Component {
     });
   }
 }
-BreadcrumbLink.displayName = "BreadcrumbLink";
-BreadcrumbLink.componentId = 'Breadcrumb.Link';
-BreadcrumbLink.allowedProps = allowedProps;
-BreadcrumbLink.defaultProps = {};
 export default BreadcrumbLink;
 export { BreadcrumbLink };

package/es/Breadcrumb/v1/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _Breadcrumb;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -37,32 +37,36 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 category: components
 ---
 **/
-let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_Breadcrumb = class Breadcrumb extends Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this.addAriaCurrent = child => {
-      const updatedChild = /*#__PURE__*/cloneElement(child, {
-        'aria-current': 'page'
-      });
-      return updatedChild;
-    };
-  }
+let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Breadcrumb extends Component {
+  static displayName = "Breadcrumb";
+  static componentId = 'Breadcrumb';
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    size: 'medium',
+    children: null
+  };
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
+  addAriaCurrent = child => {
+    const updatedChild = /*#__PURE__*/cloneElement(child, {
+      'aria-current': 'page'
+    });
+    return updatedChild;
+  };
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    this.props.makeStyles?.();
   }
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    this.props.makeStyles?.();
   }
+  static Link = BreadcrumbLink;
   renderChildren() {
-    const _this$props3 = this.props,
-      styles = _this$props3.styles,
-      children = _this$props3.children;
+    const {
+      styles,
+      children
+    } = this.props;
     const numChildren = Children.count(children);
     const inlineStyle = {
       maxWidth: `${Math.floor(100 / numChildren)}%`
@@ -78,17 +82,19 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
         }
       }
       return _jsxs("li", {
-        css: styles === null || styles === void 0 ? void 0 : styles.crumb,
+        css: styles?.crumb,
         style: inlineStyle,
         children: [!isAriaCurrentSet && isLastElement && child.props.isCurrentPage !== false ? this.addAriaCurrent(child) : child, index < numChildren - 1 && _jsx(IconArrowOpenEndSolid, {
           color: "auto",
-          css: styles === null || styles === void 0 ? void 0 : styles.separator
+          css: styles?.separator
         })]
       });
     });
   }
   render() {
-    const styles = this.props.styles;
+    const {
+      styles
+    } = this.props;
     return _jsx(View, {
       role: "navigation",
       as: "div",
@@ -97,14 +103,11 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(
       elementRef: this.handleRef,
       "data-cid": "Breadcrumb",
       children: _jsx("ol", {
-        css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb,
+        css: styles?.breadcrumb,
         children: this.renderChildren()
       })
     });
   }
-}, _Breadcrumb.displayName = "Breadcrumb", _Breadcrumb.componentId = 'Breadcrumb', _Breadcrumb.allowedProps = allowedProps, _Breadcrumb.defaultProps = {
-  size: 'medium',
-  children: null
-}, _Breadcrumb.Link = BreadcrumbLink, _Breadcrumb)) || _class);
+}) || _class);
 export default Breadcrumb;
 export { Breadcrumb, BreadcrumbLink };

package/es/Breadcrumb/v1/styles.js

@@ -33,7 +33,9 @@
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (componentTheme, props) => {
-  const size = props.size;
+  const {
+    size
+  } = props;
   const crumbSizeVariants = {
     small: {
       fontSize: componentTheme.smallFontSize,

package/es/Breadcrumb/v1/theme.js

@@ -28,18 +28,19 @@
  * @return {Object} The final theme object with the overrides and component variables
  */
 const generateComponentTheme = theme => {
-  var _colors$contrasts;
-  const colors = theme.colors,
-    typography = theme.typography;
+  const {
+    colors,
+    typography
+  } = theme;
   const componentVariables = {
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    separatorColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey4570,
+    fontFamily: typography?.fontFamily,
+    separatorColor: colors?.contrasts?.grey4570,
     smallSeparatorFontSize: '0.5rem',
-    smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
+    smallFontSize: typography?.fontSizeSmall,
     mediumSeparatorFontSize: '0.75rem',
-    mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
+    mediumFontSize: typography?.fontSizeMedium,
     largeSeparatorFontSize: '1rem',
-    largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
+    largeFontSize: typography?.fontSizeLarge
   };
   return {
     ...componentVariables

package/es/Breadcrumb/v2/BreadcrumbLink/index.js

@@ -37,12 +37,16 @@ id: Breadcrumb.Link
 **/
 
 class BreadcrumbLink extends Component {
+  static displayName = "BreadcrumbLink";
+  static componentId = 'Breadcrumb.Link';
+  static allowedProps = allowedProps;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
   constructor(props) {
     super(props);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
     this.state = {
       isTruncated: false
     };
@@ -55,16 +59,19 @@ class BreadcrumbLink extends Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      href = _this$props.href,
-      renderIcon = _this$props.renderIcon,
-      iconPlacement = _this$props.iconPlacement,
-      onClick = _this$props.onClick,
-      onMouseEnter = _this$props.onMouseEnter,
-      isCurrentPage = _this$props.isCurrentPage,
-      size = _this$props.size;
-    const isTruncated = this.state.isTruncated;
+    const {
+      children,
+      href,
+      renderIcon,
+      iconPlacement,
+      onClick,
+      onMouseEnter,
+      isCurrentPage,
+      size
+    } = this.props;
+    const {
+      isTruncated
+    } = this.state;
     const props = omitProps(this.props, BreadcrumbLink.allowedProps);
     const isInteractive = onClick || href;
     return _jsx(Tooltip, {
@@ -110,9 +117,5 @@ class BreadcrumbLink extends Component {
     });
   }
 }
-BreadcrumbLink.displayName = "BreadcrumbLink";
-BreadcrumbLink.componentId = 'Breadcrumb.Link';
-BreadcrumbLink.allowedProps = allowedProps;
-BreadcrumbLink.defaultProps = {};
 export default BreadcrumbLink;
 export { BreadcrumbLink };

package/es/Breadcrumb/v2/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _Breadcrumb;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -37,33 +37,37 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/reac
 category: components
 ---
 **/
-let Breadcrumb = (_dec = withStyle(generateStyle), _dec(_class = (_Breadcrumb = class Breadcrumb extends Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this.addAriaCurrent = child => {
-      const updatedChild = safeCloneElement(child, {
-        'aria-current': 'page'
-      });
-      return updatedChild;
-    };
-  }
+let Breadcrumb = (_dec = withStyle(generateStyle), _dec(_class = class Breadcrumb extends Component {
+  static displayName = "Breadcrumb";
+  static componentId = 'Breadcrumb';
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    size: 'medium',
+    children: null
+  };
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
+  addAriaCurrent = child => {
+    const updatedChild = safeCloneElement(child, {
+      'aria-current': 'page'
+    });
+    return updatedChild;
+  };
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    this.props.makeStyles?.();
   }
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    this.props.makeStyles?.();
   }
+  static Link = BreadcrumbLink;
   renderChildren() {
-    const _this$props3 = this.props,
-      styles = _this$props3.styles,
-      children = _this$props3.children,
-      size = _this$props3.size;
+    const {
+      styles,
+      children,
+      size
+    } = this.props;
     const numChildren = Children.count(children);
     const inlineStyle = {
       maxWidth: `${Math.floor(100 / numChildren)}%`
@@ -93,12 +97,12 @@ let Breadcrumb = (_dec = withStyle(generateStyle), _dec(_class = (_Breadcrumb =
       const iconSize = breadcrumbSizeToIconSize[size || 'small'];
       return _jsxs(_Fragment, {
         children: [_jsx("li", {
-          css: styles === null || styles === void 0 ? void 0 : styles.crumb,
+          css: styles?.crumb,
           style: inlineStyle,
           children: !isAriaCurrentSet && isLastElement && child.props.isCurrentPage !== false ? this.addAriaCurrent(childWithSize) : childWithSize
         }), index < numChildren - 1 && _jsx("li", {
           "aria-hidden": "true",
-          css: styles === null || styles === void 0 ? void 0 : styles.separator,
+          css: styles?.separator,
           children: _jsx(ChevronRightInstUIIcon, {
             size: iconSize,
             color: 'mutedColor'
@@ -108,7 +112,9 @@ let Breadcrumb = (_dec = withStyle(generateStyle), _dec(_class = (_Breadcrumb =
     });
   }
   render() {
-    const styles = this.props.styles;
+    const {
+      styles
+    } = this.props;
     return _jsx(View, {
       role: "navigation",
       as: "div",
@@ -117,14 +123,11 @@ let Breadcrumb = (_dec = withStyle(generateStyle), _dec(_class = (_Breadcrumb =
       elementRef: this.handleRef,
       "data-cid": "Breadcrumb",
       children: _jsx("ol", {
-        css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb,
+        css: styles?.breadcrumb,
         children: this.renderChildren()
       })
     });
   }
-}, _Breadcrumb.displayName = "Breadcrumb", _Breadcrumb.componentId = 'Breadcrumb', _Breadcrumb.allowedProps = allowedProps, _Breadcrumb.defaultProps = {
-  size: 'medium',
-  children: null
-}, _Breadcrumb.Link = BreadcrumbLink, _Breadcrumb)) || _class);
+}) || _class);
 export default Breadcrumb;
 export { Breadcrumb, BreadcrumbLink };

package/es/Breadcrumb/v2/styles.js

@@ -32,7 +32,9 @@
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (componentTheme, props) => {
-  const size = props.size;
+  const {
+    size
+  } = props;
   const gapSizeVariants = {
     small: componentTheme.gapSm,
     medium: componentTheme.gapMd,

package/lib/Breadcrumb/v1/BreadcrumbLink/index.js

@@ -43,12 +43,16 @@ id: Breadcrumb.Link
 **/
 
 class BreadcrumbLink extends _react.Component {
+  static displayName = "BreadcrumbLink";
+  static componentId = 'Breadcrumb.Link';
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
   constructor(props) {
     super(props);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
     this.state = {
       isTruncated: false
     };
@@ -61,15 +65,18 @@ class BreadcrumbLink extends _react.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      href = _this$props.href,
-      renderIcon = _this$props.renderIcon,
-      iconPlacement = _this$props.iconPlacement,
-      onClick = _this$props.onClick,
-      onMouseEnter = _this$props.onMouseEnter,
-      isCurrentPage = _this$props.isCurrentPage;
-    const isTruncated = this.state.isTruncated;
+    const {
+      children,
+      href,
+      renderIcon,
+      iconPlacement,
+      onClick,
+      onMouseEnter,
+      isCurrentPage
+    } = this.props;
+    const {
+      isTruncated
+    } = this.state;
     const props = (0, _omitProps.omitProps)(this.props, BreadcrumbLink.allowedProps);
     const isInteractive = onClick || href;
     return (0, _jsxRuntime.jsx)(_v11_3.Tooltip, {
@@ -115,8 +122,4 @@ class BreadcrumbLink extends _react.Component {
   }
 }
 exports.BreadcrumbLink = BreadcrumbLink;
-BreadcrumbLink.displayName = "BreadcrumbLink";
-BreadcrumbLink.componentId = 'Breadcrumb.Link';
-BreadcrumbLink.allowedProps = _props.allowedProps;
-BreadcrumbLink.defaultProps = {};
 var _default = exports.default = BreadcrumbLink;

package/lib/Breadcrumb/v1/index.js

@@ -21,7 +21,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _class, _Breadcrumb;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -50,32 +50,36 @@ var _dec, _class, _Breadcrumb;
 category: components
 ---
 **/
-let Breadcrumb = exports.Breadcrumb = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = (_Breadcrumb = class Breadcrumb extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
-    this.addAriaCurrent = child => {
-      const updatedChild = /*#__PURE__*/(0, _react.cloneElement)(child, {
-        'aria-current': 'page'
-      });
-      return updatedChild;
-    };
-  }
+let Breadcrumb = exports.Breadcrumb = (_dec = (0, _emotion.withStyleLegacy)(_styles.default, _theme.default), _dec(_class = class Breadcrumb extends _react.Component {
+  static displayName = "Breadcrumb";
+  static componentId = 'Breadcrumb';
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {
+    size: 'medium',
+    children: null
+  };
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
+  addAriaCurrent = child => {
+    const updatedChild = /*#__PURE__*/(0, _react.cloneElement)(child, {
+      'aria-current': 'page'
+    });
+    return updatedChild;
+  };
   componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
+    this.props.makeStyles?.();
   }
   componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
+    this.props.makeStyles?.();
   }
+  static Link = _BreadcrumbLink.BreadcrumbLink;
   renderChildren() {
-    const _this$props3 = this.props,
-      styles = _this$props3.styles,
-      children = _this$props3.children;
+    const {
+      styles,
+      children
+    } = this.props;
     const numChildren = _react.Children.count(children);
     const inlineStyle = {
       maxWidth: `${Math.floor(100 / numChildren)}%`
@@ -91,17 +95,19 @@ let Breadcrumb = exports.Breadcrumb = (_dec = (0, _emotion.withStyleLegacy)(_sty
         }
       }
       return (0, _jsxRuntime.jsxs)("li", {
-        css: styles === null || styles === void 0 ? void 0 : styles.crumb,
+        css: styles?.crumb,
         style: inlineStyle,
         children: [!isAriaCurrentSet && isLastElement && child.props.isCurrentPage !== false ? this.addAriaCurrent(child) : child, index < numChildren - 1 && (0, _jsxRuntime.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
           color: "auto",
-          css: styles === null || styles === void 0 ? void 0 : styles.separator
+          css: styles?.separator
         })]
       });
     });
   }
   render() {
-    const styles = this.props.styles;
+    const {
+      styles
+    } = this.props;
     return (0, _jsxRuntime.jsx)(_v11_.View, {
       role: "navigation",
       as: "div",
@@ -110,13 +116,10 @@ let Breadcrumb = exports.Breadcrumb = (_dec = (0, _emotion.withStyleLegacy)(_sty
       elementRef: this.handleRef,
       "data-cid": "Breadcrumb",
       children: (0, _jsxRuntime.jsx)("ol", {
-        css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb,
+        css: styles?.breadcrumb,
         children: this.renderChildren()
       })
     });
   }
-}, _Breadcrumb.displayName = "Breadcrumb", _Breadcrumb.componentId = 'Breadcrumb', _Breadcrumb.allowedProps = _props.allowedProps, _Breadcrumb.defaultProps = {
-  size: 'medium',
-  children: null
-}, _Breadcrumb.Link = _BreadcrumbLink.BreadcrumbLink, _Breadcrumb)) || _class);
+}) || _class);
 var _default = exports.default = Breadcrumb;

package/lib/Breadcrumb/v1/styles.js

@@ -39,7 +39,9 @@ exports.default = void 0;
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (componentTheme, props) => {
-  const size = props.size;
+  const {
+    size
+  } = props;
   const crumbSizeVariants = {
     small: {
       fontSize: componentTheme.smallFontSize,

package/lib/Breadcrumb/v1/theme.js

@@ -34,18 +34,19 @@ exports.default = void 0;
  * @return {Object} The final theme object with the overrides and component variables
  */
 const generateComponentTheme = theme => {
-  var _colors$contrasts;
-  const colors = theme.colors,
-    typography = theme.typography;
+  const {
+    colors,
+    typography
+  } = theme;
   const componentVariables = {
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    separatorColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey4570,
+    fontFamily: typography?.fontFamily,
+    separatorColor: colors?.contrasts?.grey4570,
     smallSeparatorFontSize: '0.5rem',
-    smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
+    smallFontSize: typography?.fontSizeSmall,
     mediumSeparatorFontSize: '0.75rem',
-    mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
+    mediumFontSize: typography?.fontSizeMedium,
     largeSeparatorFontSize: '1rem',
-    largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
+    largeFontSize: typography?.fontSizeLarge
   };
   return {
     ...componentVariables

package/lib/Breadcrumb/v2/BreadcrumbLink/index.js

@@ -43,12 +43,16 @@ id: Breadcrumb.Link
 **/
 
 class BreadcrumbLink extends _react.Component {
+  static displayName = "BreadcrumbLink";
+  static componentId = 'Breadcrumb.Link';
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
   constructor(props) {
     super(props);
-    this.ref = null;
-    this.handleRef = el => {
-      this.ref = el;
-    };
     this.state = {
       isTruncated: false
     };
@@ -61,16 +65,19 @@ class BreadcrumbLink extends _react.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      href = _this$props.href,
-      renderIcon = _this$props.renderIcon,
-      iconPlacement = _this$props.iconPlacement,
-      onClick = _this$props.onClick,
-      onMouseEnter = _this$props.onMouseEnter,
-      isCurrentPage = _this$props.isCurrentPage,
-      size = _this$props.size;
-    const isTruncated = this.state.isTruncated;
+    const {
+      children,
+      href,
+      renderIcon,
+      iconPlacement,
+      onClick,
+      onMouseEnter,
+      isCurrentPage,
+      size
+    } = this.props;
+    const {
+      isTruncated
+    } = this.state;
     const props = (0, _omitProps.omitProps)(this.props, BreadcrumbLink.allowedProps);
     const isInteractive = onClick || href;
     return (0, _jsxRuntime.jsx)(_latest3.Tooltip, {
@@ -117,8 +124,4 @@ class BreadcrumbLink extends _react.Component {
   }
 }
 exports.BreadcrumbLink = BreadcrumbLink;
-BreadcrumbLink.displayName = "BreadcrumbLink";
-BreadcrumbLink.componentId = 'Breadcrumb.Link';
-BreadcrumbLink.allowedProps = _props.allowedProps;
-BreadcrumbLink.defaultProps = {};
 var _default = exports.default = BreadcrumbLink;