@instructure/ui-breadcrumb 8.33.2-snapshot-0 → 8.33.2

package/CHANGELOG.md

@@ -3,13 +3,11 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.33.2-snapshot-0](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2-snapshot-0) (2023-01-13)
-
-**Note:** Version bump only for package @instructure/ui-breadcrumb
-
-
+## [8.33.2](https://github.com/instructure/instructure-ui/compare/v8.33.1...v8.33.2) (2023-01-25)
 
+### Bug Fixes
 
+- **ui-breadcrumb:** fix prop typing for `Breadcrumb.Link` ([9093c3e](https://github.com/instructure/instructure-ui/commit/9093c3e216144519e63a4d4ea189312ac9422111))
 
 ## [8.33.1](https://github.com/instructure/instructure-ui/compare/v8.33.0...v8.33.1) (2023-01-06)
 

package/es/Breadcrumb/BreadcrumbLink/BreadcrumbLinkLocator.js

@@ -22,6 +22,7 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
-import { BreadcrumbLink } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+import { BreadcrumbLink } from './index';
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const BreadcrumbLinkLocator = locator(BreadcrumbLink.selector);

package/es/Breadcrumb/BreadcrumbLink/index.js

@@ -1,5 +1,4 @@
 var _dec, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -23,13 +22,13 @@ var _dec, _class, _class2;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import React, { Component } from 'react';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Link } from '@instructure/ui-link';
 import { omitProps } from '@instructure/ui-react-utils';
 import { testable } from '@instructure/ui-testable';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 parent: Breadcrumb
@@ -41,19 +40,17 @@ let BreadcrumbLink = (_dec = testable(), _dec(_class = (_class2 = class Breadcru
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   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;
+      children = _this$props.children,
+      href = _this$props.href,
+      renderIcon = _this$props.renderIcon,
+      iconPlacement = _this$props.iconPlacement,
+      onClick = _this$props.onClick;
     const props = omitProps(this.props, BreadcrumbLink.allowedProps);
     return /*#__PURE__*/React.createElement(Link, Object.assign({}, props, {
       href: href,
@@ -64,7 +61,6 @@ let BreadcrumbLink = (_dec = testable(), _dec(_class = (_class2 = class Breadcru
       elementRef: this.handleRef
     }), /*#__PURE__*/React.createElement(TruncateText, null, children));
   }
-
 }, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2)) || _class);
 export default BreadcrumbLink;
 export { BreadcrumbLink };

package/es/Breadcrumb/BreadcrumbLink/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 const propTypes = {
   children: PropTypes.node.isRequired,

package/es/Breadcrumb/BreadcrumbLocator.js

@@ -24,8 +24,9 @@
 import { locator } from '@instructure/ui-test-locator';
 import { Breadcrumb } from './index';
 import { BreadcrumbLinkLocator } from './BreadcrumbLink/BreadcrumbLinkLocator';
-export { BreadcrumbLinkLocator }; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+export { BreadcrumbLinkLocator };
 
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 export const BreadcrumbLocator = locator(Breadcrumb.selector, {
   findAllLinks: function () {
     return BreadcrumbLinkLocator.findAll(...arguments);

package/es/Breadcrumb/index.js

@@ -1,5 +1,4 @@
 var _dec, _dec2, _class, _class2;
-
 /*
  * The MIT License (MIT)
  *
@@ -34,7 +33,6 @@ import { BreadcrumbLink } from './BreadcrumbLink';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { propTypes, allowedProps } from './props';
-
 /**
 ---
 category: components
@@ -45,28 +43,22 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   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);
   }
-
   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);
   }
-
   renderChildren() {
     const _this$props3 = this.props,
-          styles = _this$props3.styles,
-          children = _this$props3.children;
+      styles = _this$props3.styles,
+      children = _this$props3.children;
     const numChildren = React.Children.count(children);
     const inlineStyle = {
       maxWidth: `${Math.floor(100 / numChildren)}%`
@@ -81,7 +73,6 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       }));
     });
   }
-
   render() {
     const styles = this.props.styles;
     return jsx(View, {
@@ -94,7 +85,6 @@ let Breadcrumb = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
       css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
     }, this.renderChildren()));
   }
-
 }, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
   size: 'medium',
   children: null

package/es/Breadcrumb/props.js

@@ -21,6 +21,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 import PropTypes from 'prop-types';
 import { Children } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';

package/es/Breadcrumb/styles.js

@@ -101,5 +101,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 export default generateStyle;

package/es/Breadcrumb/theme.js

@@ -29,7 +29,7 @@
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography;
+    typography = theme.typography;
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     separatorColor: colors === null || colors === void 0 ? void 0 : colors.borderDark,
@@ -40,8 +40,8 @@ const generateComponentTheme = theme => {
     largeSeparatorFontSize: '1rem',
     largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 export default generateComponentTheme;

package/lib/Breadcrumb/BreadcrumbLink/BreadcrumbLinkLocator.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BreadcrumbLinkLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const BreadcrumbLinkLocator = (0, _locator.locator)(_index.BreadcrumbLink.selector);
 exports.BreadcrumbLinkLocator = BreadcrumbLinkLocator;

package/lib/Breadcrumb/BreadcrumbLink/index.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BreadcrumbLink = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _TruncateText = require("@instructure/ui-truncate-text/lib/TruncateText");
-
 var _Link = require("@instructure/ui-link/lib/Link");
-
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _props = require("./props");
-
 var _dec, _class, _class2;
-
 /**
 ---
 parent: Breadcrumb
@@ -32,19 +23,17 @@ let BreadcrumbLink = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   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;
+      children = _this$props.children,
+      href = _this$props.href,
+      renderIcon = _this$props.renderIcon,
+      iconPlacement = _this$props.iconPlacement,
+      onClick = _this$props.onClick;
     const props = (0, _omitProps.omitProps)(this.props, BreadcrumbLink.allowedProps);
     return /*#__PURE__*/_react.default.createElement(_Link.Link, Object.assign({}, props, {
       href: href,
@@ -55,7 +44,6 @@ let BreadcrumbLink = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 =
       elementRef: this.handleRef
     }), /*#__PURE__*/_react.default.createElement(_TruncateText.TruncateText, null, children));
   }
-
 }, _class2.displayName = "BreadcrumbLink", _class2.componentId = 'Breadcrumb.Link', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2)) || _class);
 exports.BreadcrumbLink = BreadcrumbLink;
 var _default = BreadcrumbLink;

package/lib/Breadcrumb/BreadcrumbLink/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "BreadcrumbLinkLocator", {
   }
 });
 exports.default = void 0;
-
 var _BreadcrumbLinkLocator = require("./BreadcrumbLinkLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Breadcrumb/BreadcrumbLink/props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 /*
  * The MIT License (MIT)
  *
@@ -32,6 +29,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   children: _propTypes.default.node.isRequired,
   href: _propTypes.default.string,

package/lib/Breadcrumb/BreadcrumbLocator.js

@@ -10,13 +10,9 @@ Object.defineProperty(exports, "BreadcrumbLinkLocator", {
   }
 });
 exports.BreadcrumbLocator = void 0;
-
 var _locator = require("@instructure/ui-test-locator/lib/utils/locator.js");
-
 var _index = require("./index");
-
 var _BreadcrumbLinkLocator = require("./BreadcrumbLink/BreadcrumbLinkLocator");
-
 /*
  * The MIT License (MIT)
  *
@@ -40,6 +36,7 @@ var _BreadcrumbLinkLocator = require("./BreadcrumbLink/BreadcrumbLinkLocator");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
 const BreadcrumbLocator = (0, _locator.locator)(_index.Breadcrumb.selector, {
   findAllLinks: function () {

package/lib/Breadcrumb/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,27 +13,16 @@ Object.defineProperty(exports, "BreadcrumbLink", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _View = require("@instructure/ui-view/lib/View");
-
 var _testable = require("@instructure/ui-testable/lib/testable.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-
 var _BreadcrumbLink = require("./BreadcrumbLink");
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _theme = _interopRequireDefault(require("./theme"));
-
 var _props = require("./props");
-
 var _dec, _dec2, _class, _class2;
-
 /**
 ---
 category: components
@@ -46,31 +33,23 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   constructor() {
     super(...arguments);
     this.ref = null;
-
     this.handleRef = el => {
       this.ref = el;
     };
   }
-
   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);
   }
-
   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);
   }
-
   renderChildren() {
     const _this$props3 = this.props,
-          styles = _this$props3.styles,
-          children = _this$props3.children;
-
+      styles = _this$props3.styles,
+      children = _this$props3.children;
     const numChildren = _react.default.Children.count(children);
-
     const inlineStyle = {
       maxWidth: `${Math.floor(100 / numChildren)}%`
     };
@@ -84,7 +63,6 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       }));
     });
   }
-
   render() {
     const styles = this.props.styles;
     return (0, _emotion.jsx)(_View.View, {
@@ -97,7 +75,6 @@ let Breadcrumb = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
       css: styles === null || styles === void 0 ? void 0 : styles.breadcrumb
     }, this.renderChildren()));
   }
-
 }, _class2.displayName = "Breadcrumb", _class2.componentId = 'Breadcrumb', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   size: 'medium',
   children: null

package/lib/Breadcrumb/locator.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "BreadcrumbLocator", {
   }
 });
 exports.default = void 0;
-
 var _BreadcrumbLocator = require("./BreadcrumbLocator");
-
 /*
  * The MIT License (MIT)
  *

package/lib/Breadcrumb/props.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.allowedProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-
 var _emotion = require("@instructure/emotion");
-
 var _BreadcrumbLink = require("./BreadcrumbLink");
-
 /*
  * The MIT License (MIT)
  *
@@ -38,6 +32,7 @@ var _BreadcrumbLink = require("./BreadcrumbLink");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 const propTypes = {
   children: _Children.Children.oneOf([_BreadcrumbLink.BreadcrumbLink]),
   label: _propTypes.default.string.isRequired,

package/lib/Breadcrumb/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -108,6 +107,5 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-
 var _default = generateStyle;
 exports.default = _default;

package/lib/Breadcrumb/theme.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +35,7 @@ exports.default = void 0;
  */
 const generateComponentTheme = theme => {
   const colors = theme.colors,
-        typography = theme.typography;
+    typography = theme.typography;
   const componentVariables = {
     fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
     separatorColor: colors === null || colors === void 0 ? void 0 : colors.borderDark,
@@ -47,9 +46,9 @@ const generateComponentTheme = theme => {
     largeSeparatorFontSize: '1rem',
     largeFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeLarge
   };
-  return { ...componentVariables
+  return {
+    ...componentVariables
   };
 };
-
 var _default = generateComponentTheme;
 exports.default = _default;

package/lib/index.js

@@ -15,5 +15,4 @@ Object.defineProperty(exports, "BreadcrumbLink", {
     return _Breadcrumb.BreadcrumbLink;
   }
 });
-
 var _Breadcrumb = require("./Breadcrumb");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-breadcrumb",
-  "version": "8.33.2-snapshot-0",
+  "version": "8.33.2",
   "description": "A breadcrumb component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,23 +23,23 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.33.2-snapshot-0",
-    "@instructure/ui-test-locator": "8.33.2-snapshot-0",
-    "@instructure/ui-test-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-themes": "8.33.2-snapshot-0"
+    "@instructure/ui-babel-preset": "8.33.2",
+    "@instructure/ui-test-locator": "8.33.2",
+    "@instructure/ui-test-utils": "8.33.2",
+    "@instructure/ui-themes": "8.33.2"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.33.2-snapshot-0",
-    "@instructure/shared-types": "8.33.2-snapshot-0",
-    "@instructure/ui-icons": "8.33.2-snapshot-0",
-    "@instructure/ui-link": "8.33.2-snapshot-0",
-    "@instructure/ui-prop-types": "8.33.2-snapshot-0",
-    "@instructure/ui-react-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-testable": "8.33.2-snapshot-0",
-    "@instructure/ui-truncate-text": "8.33.2-snapshot-0",
-    "@instructure/ui-utils": "8.33.2-snapshot-0",
-    "@instructure/ui-view": "8.33.2-snapshot-0",
+    "@instructure/emotion": "8.33.2",
+    "@instructure/shared-types": "8.33.2",
+    "@instructure/ui-icons": "8.33.2",
+    "@instructure/ui-link": "8.33.2",
+    "@instructure/ui-prop-types": "8.33.2",
+    "@instructure/ui-react-utils": "8.33.2",
+    "@instructure/ui-testable": "8.33.2",
+    "@instructure/ui-truncate-text": "8.33.2",
+    "@instructure/ui-utils": "8.33.2",
+    "@instructure/ui-view": "8.33.2",
     "prop-types": "^15"
   },
   "peerDependencies": {

package/src/Breadcrumb/BreadcrumbLink/props.ts

@@ -26,11 +26,13 @@ import React from 'react'
 import PropTypes from 'prop-types'
 
 import type {
+  PickPropsWithExceptions,
   OtherHTMLAttributes,
   PropValidators,
   Renderable
 } from '@instructure/shared-types'
 import type { ViewOwnProps } from '@instructure/ui-view'
+import type { LinkProps } from '@instructure/ui-link'
 
 type BreadcrumbLinkOwnProps = {
   /**
@@ -63,11 +65,18 @@ type PropKeys = keyof BreadcrumbLinkOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type BreadcrumbLinkProps = BreadcrumbLinkOwnProps &
-  OtherHTMLAttributes<BreadcrumbLinkOwnProps> & {
-    // React Router might add a `to` prop
-    to?: string
-  }
+type BreadcrumbLinkProps = PickPropsWithExceptions<
+  LinkProps,
+  | 'children'
+  | 'href'
+  | 'onClick'
+  | 'renderIcon'
+  | 'iconPlacement'
+  | 'isWithinText'
+  | 'elementRef'
+> &
+  BreadcrumbLinkOwnProps &
+  OtherHTMLAttributes<BreadcrumbLinkOwnProps & LinkProps>
 
 const propTypes: PropValidators<PropKeys> = {
   children: PropTypes.node.isRequired,