@khanacademy/wonder-blocks-breadcrumbs 1.0.24 → 1.0.28

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @khanacademy/wonder-blocks-breadcrumbs
+
+## 1.0.28
+### Patch Changes
+
+  - @khanacademy/wonder-blocks-core@4.2.1
+  - @khanacademy/wonder-blocks-typography@1.1.29

package/dist/es/index.js

@@ -1,11 +1,11 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
-import { Component, Children, createElement, cloneElement } from 'react';
+import * as React from 'react';
 import { StyleSheet } from 'aphrodite';
 import { addStyle } from '@khanacademy/wonder-blocks-core';
 import Spacing from '@khanacademy/wonder-blocks-spacing';
 
-const _excluded = ["children", "testId"];
+const _excluded$1 = ["children", "testId"];
 const StyledList = addStyle("ol");
 /**
  * A breadcrumb trail consists of a list of links to the parent pages
@@ -19,7 +19,7 @@ const StyledList = addStyle("ol");
  * 2. Separator: Adds a separator between each item.
  */
 
-class Breadcrumbs extends Component {
+class Breadcrumbs extends React.Component {
   // Moved it here, in case we need to override the label for a different
   // language
   render() {
@@ -28,18 +28,18 @@ class Breadcrumbs extends Component {
       children,
       testId
     } = _this$props,
-          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded); // using React.Children allows to deal with opaque data structures
+          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1); // using React.Children allows to deal with opaque data structures
     // e.g. children = 'string' vs children = []
 
 
-    const lastChildIndex = Children.count(children) - 1;
-    return /*#__PURE__*/createElement("nav", _extends({}, otherProps, {
+    const lastChildIndex = React.Children.count(children) - 1;
+    return /*#__PURE__*/React.createElement("nav", _extends({}, otherProps, {
       "data-test-id": testId
-    }), /*#__PURE__*/createElement(StyledList, {
-      style: styles.container
-    }, Children.map(children, (item, index) => {
+    }), /*#__PURE__*/React.createElement(StyledList, {
+      style: styles$1.container
+    }, React.Children.map(children, (item, index) => {
       const isLastChild = index === lastChildIndex;
-      return /*#__PURE__*/cloneElement(item, _extends({}, item.props, {
+      return /*#__PURE__*/React.cloneElement(item, _extends({}, item.props, {
         showSeparator: !isLastChild,
         ["aria-current"]: isLastChild ? "page" : undefined
       }));
@@ -50,7 +50,7 @@ class Breadcrumbs extends Component {
 Breadcrumbs.defaultProps = {
   "aria-label": "Breadcrumbs"
 };
-const styles = StyleSheet.create({
+const styles$1 = StyleSheet.create({
   container: {
     display: "flex",
     listStyle: "none",
@@ -60,26 +60,26 @@ const styles = StyleSheet.create({
   }
 });
 
-const _excluded$1 = ["children", "showSeparator", "testId"];
+const _excluded = ["children", "showSeparator", "testId"];
 const StyledListItem = addStyle("li");
 const StyledSvg = addStyle("svg");
 /**
  * The BreadcrumbsItem represents an individual item in the breadcrumbs list.
  */
 
-class BreadcrumbsItem extends Component {
+class BreadcrumbsItem extends React.Component {
   /**
    * Renders a separator after the content
    * It draws a circular bullet point using an SVG circle shape
    */
   _renderSeparator() {
-    return /*#__PURE__*/createElement(StyledSvg, {
-      style: styles$1.separator,
+    return /*#__PURE__*/React.createElement(StyledSvg, {
+      style: styles.separator,
       width: 16,
       height: 16,
       viewBox: "0 0 16 16",
       "aria-hidden": true
-    }, /*#__PURE__*/createElement("circle", {
+    }, /*#__PURE__*/React.createElement("circle", {
       cx: "8",
       cy: "9",
       r: "1.5"
@@ -93,16 +93,16 @@ class BreadcrumbsItem extends Component {
       showSeparator,
       testId
     } = _this$props,
-          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
+          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
 
-    return /*#__PURE__*/createElement(StyledListItem, _extends({}, otherProps, {
-      style: styles$1.item,
+    return /*#__PURE__*/React.createElement(StyledListItem, _extends({}, otherProps, {
+      style: styles.item,
       "data-test-id": testId
     }), children, showSeparator && this._renderSeparator());
   }
 
 }
-const styles$1 = StyleSheet.create({
+const styles = StyleSheet.create({
   item: {
     display: "flex",
     alignItems: "center",

package/dist/index.js

@@ -95,105 +95,38 @@ module.exports = require("react");
 /* 1 */
 /***/ (function(module, exports) {
 
-function _extends() {
-  module.exports = _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  module.exports["default"] = module.exports, module.exports.__esModule = true;
-  return _extends.apply(this, arguments);
-}
-
-module.exports = _extends;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
 module.exports = require("@khanacademy/wonder-blocks-core");
 
 /***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-module.exports = _objectWithoutPropertiesLoose;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
-
-/***/ }),
-/* 4 */
+/* 2 */
 /***/ (function(module, exports) {
 
 module.exports = require("aphrodite");
 
 /***/ }),
-/* 5 */
+/* 3 */
 /***/ (function(module, exports) {
 
 module.exports = require("@khanacademy/wonder-blocks-spacing");
 
 /***/ }),
-/* 6 */
+/* 4 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Breadcrumbs; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "Breadcrumbs", function() { return /* reexport */ breadcrumbs_Breadcrumbs; });
-__webpack_require__.d(__webpack_exports__, "BreadcrumbsItem", function() { return /* reexport */ breadcrumbs_item_BreadcrumbsItem; });
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
-var helpers_extends = __webpack_require__(1);
-var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js
-var objectWithoutPropertiesLoose = __webpack_require__(3);
-var objectWithoutPropertiesLoose_default = /*#__PURE__*/__webpack_require__.n(objectWithoutPropertiesLoose);
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
-
-// EXTERNAL MODULE: external "aphrodite"
-var external_aphrodite_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core"
-var wonder_blocks_core_ = __webpack_require__(2);
-
-// CONCATENATED MODULE: ./packages/wonder-blocks-breadcrumbs/src/components/breadcrumbs.js
-
-
-const _excluded = ["children", "testId"];
-
-
-
-const StyledList = Object(wonder_blocks_core_["addStyle"])("ol");
+const StyledList = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__["addStyle"])("ol");
 /**
  * A breadcrumb trail consists of a list of links to the parent pages
  * of the current page in hierarchical order. It helps users find their
@@ -206,38 +139,36 @@ const StyledList = Object(wonder_blocks_core_["addStyle"])("ol");
  * 2. Separator: Adds a separator between each item.
  */
 
-class breadcrumbs_Breadcrumbs extends external_react_["Component"] {
+class Breadcrumbs extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   // Moved it here, in case we need to override the label for a different
   // language
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      testId
-    } = _this$props,
-          otherProps = objectWithoutPropertiesLoose_default()(_this$props, _excluded); // using React.Children allows to deal with opaque data structures
+      testId,
+      ...otherProps
+    } = this.props; // using React.Children allows to deal with opaque data structures
     // e.g. children = 'string' vs children = []
 
-
-    const lastChildIndex = external_react_["Children"].count(children) - 1;
-    return /*#__PURE__*/external_react_["createElement"]("nav", extends_default()({}, otherProps, {
+    const lastChildIndex = react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) - 1;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", _extends({}, otherProps, {
       "data-test-id": testId
-    }), /*#__PURE__*/external_react_["createElement"](StyledList, {
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledList, {
       style: styles.container
-    }, external_react_["Children"].map(children, (item, index) => {
+    }, react__WEBPACK_IMPORTED_MODULE_0__["Children"].map(children, (item, index) => {
       const isLastChild = index === lastChildIndex;
-      return /*#__PURE__*/external_react_["cloneElement"](item, extends_default()({}, item.props, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](item, { ...item.props,
         showSeparator: !isLastChild,
         ["aria-current"]: isLastChild ? "page" : undefined
-      }));
+      });
     })));
   }
 
 }
-breadcrumbs_Breadcrumbs.defaultProps = {
+Breadcrumbs.defaultProps = {
   "aria-label": "Breadcrumbs"
 };
-const styles = external_aphrodite_["StyleSheet"].create({
+const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
   container: {
     display: "flex",
     listStyle: "none",
@@ -246,37 +177,46 @@ const styles = external_aphrodite_["StyleSheet"].create({
     overflow: "hidden"
   }
 });
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-spacing"
-var wonder_blocks_spacing_ = __webpack_require__(5);
-var wonder_blocks_spacing_default = /*#__PURE__*/__webpack_require__.n(wonder_blocks_spacing_);
 
-// CONCATENATED MODULE: ./packages/wonder-blocks-breadcrumbs/src/components/breadcrumbs-item.js
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return BreadcrumbsItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+/* harmony import */ var aphrodite__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(aphrodite__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
+/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
+/* harmony import */ var _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const breadcrumbs_item_excluded = ["children", "showSeparator", "testId"];
 
 
 
 
-const StyledListItem = Object(wonder_blocks_core_["addStyle"])("li");
-const StyledSvg = Object(wonder_blocks_core_["addStyle"])("svg");
+const StyledListItem = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__["addStyle"])("li");
+const StyledSvg = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_2__["addStyle"])("svg");
 /**
  * The BreadcrumbsItem represents an individual item in the breadcrumbs list.
  */
 
-class breadcrumbs_item_BreadcrumbsItem extends external_react_["Component"] {
+class BreadcrumbsItem extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
   /**
    * Renders a separator after the content
    * It draws a circular bullet point using an SVG circle shape
    */
   _renderSeparator() {
-    return /*#__PURE__*/external_react_["createElement"](StyledSvg, {
-      style: breadcrumbs_item_styles.separator,
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledSvg, {
+      style: styles.separator,
       width: 16,
       height: 16,
       viewBox: "0 0 16 16",
       "aria-hidden": true
-    }, /*#__PURE__*/external_react_["createElement"]("circle", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
       cx: "8",
       cy: "9",
       r: "1.5"
@@ -284,33 +224,43 @@ class breadcrumbs_item_BreadcrumbsItem extends external_react_["Component"] {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       showSeparator,
-      testId
-    } = _this$props,
-          otherProps = objectWithoutPropertiesLoose_default()(_this$props, breadcrumbs_item_excluded);
-
-    return /*#__PURE__*/external_react_["createElement"](StyledListItem, extends_default()({}, otherProps, {
-      style: breadcrumbs_item_styles.item,
+      testId,
+      ...otherProps
+    } = this.props;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledListItem, _extends({}, otherProps, {
+      style: styles.item,
       "data-test-id": testId
     }), children, showSeparator && this._renderSeparator());
   }
 
 }
-const breadcrumbs_item_styles = external_aphrodite_["StyleSheet"].create({
+const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
   item: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    marginRight: wonder_blocks_spacing_default.a.xxxSmall_4
+    marginRight: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default.a.xxxSmall_4
   },
   separator: {
-    marginLeft: wonder_blocks_spacing_default.a.xxxSmall_4
+    marginLeft: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_3___default.a.xxxSmall_4
   }
 });
-// CONCATENATED MODULE: ./packages/wonder-blocks-breadcrumbs/src/index.js
+
+/***/ }),
+/* 6 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _components_breadcrumbs_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Breadcrumbs", function() { return _components_breadcrumbs_js__WEBPACK_IMPORTED_MODULE_0__["a"]; });
+
+/* harmony import */ var _components_breadcrumbs_item_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BreadcrumbsItem", function() { return _components_breadcrumbs_item_js__WEBPACK_IMPORTED_MODULE_1__["a"]; });
+
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-breadcrumbs",
-  "version": "1.0.24",
+  "version": "1.0.28",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -15,18 +15,17 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@khanacademy/wonder-blocks-color": "^1.1.18",
-    "@khanacademy/wonder-blocks-core": "^3.1.4",
-    "@khanacademy/wonder-blocks-spacing": "^3.0.3",
-    "@khanacademy/wonder-blocks-typography": "^1.1.25"
+    "@babel/runtime": "^7.16.3",
+    "@khanacademy/wonder-blocks-color": "^1.1.20",
+    "@khanacademy/wonder-blocks-core": "^4.2.1",
+    "@khanacademy/wonder-blocks-spacing": "^3.0.5",
+    "@khanacademy/wonder-blocks-typography": "^1.1.29"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
-    "react": "^16.4.1"
+    "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.1.0"
-  },
-  "gitHead": "8022bb419eed74be37f71f71c7621854794a731c"
+    "wb-dev-build-settings": "^0.3.0"
+  }
 }

package/src/components/__tests__/breadcrumbs.test.js

@@ -1,6 +1,7 @@
 // @flow
 import * as React from "react";
 import {mount} from "enzyme";
+import "jest-enzyme";
 import Breadcrumbs from "../breadcrumbs.js";
 import BreadcrumbsItem from "../breadcrumbs-item.js";
 

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Khan Academy
-
-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.