npm - @khanacademy/wonder-blocks-breadcrumbs - Versions diffs - 1.0.23 → 1.0.27 - Mend

@khanacademy/wonder-blocks-breadcrumbs 1.0.23 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/es/index.js +70 -296
package/dist/index.js +98 -178
package/package.json +9 -8
package/src/__tests__/index.test.js +0 -15

package/dist/es/index.js CHANGED Viewed

@@ -1,213 +1,12 @@
-import { Children, createElement, cloneElement, Component } from 'react';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
+import { Component, Children, createElement, cloneElement } from 'react';
 import { StyleSheet } from 'aphrodite';
 import { addStyle } from '@khanacademy/wonder-blocks-core';
 import Spacing from '@khanacademy/wonder-blocks-spacing';
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-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);
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-  return target;
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-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;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  }
-  return _assertThisInitialized(self);
-}
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-        result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-var StyledList = addStyle("ol");
+const _excluded = ["children", "testId"];
+const StyledList = 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
@@ -220,50 +19,38 @@ var StyledList = addStyle("ol");
  * 2. Separator: Adds a separator between each item.
  */
-var Breadcrumbs = /*#__PURE__*/function (_React$Component) {
-  _inherits(Breadcrumbs, _React$Component);
-  var _super = _createSuper(Breadcrumbs);
-  function Breadcrumbs() {
-    _classCallCheck(this, Breadcrumbs);
-    return _super.apply(this, arguments);
+class Breadcrumbs extends Component {
+  // Moved it here, in case we need to override the label for a different
+  // language
+  render() {
+    const _this$props = this.props,
+          {
+      children,
+      testId
+    } = _this$props,
+          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded); // 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, {
+      "data-test-id": testId
+    }), /*#__PURE__*/createElement(StyledList, {
+      style: styles.container
+    }, Children.map(children, (item, index) => {
+      const isLastChild = index === lastChildIndex;
+      return /*#__PURE__*/cloneElement(item, _extends({}, item.props, {
+        showSeparator: !isLastChild,
+        ["aria-current"]: isLastChild ? "page" : undefined
+      }));
+    })));
   }
-  _createClass(Breadcrumbs, [{
-    key: "render",
-    // Moved it here, in case we need to override the label for a different
-    // language
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          testId = _this$props.testId,
-          otherProps = _objectWithoutProperties(_this$props, ["children", "testId"]); // using React.Children allows to deal with opaque data structures
-      // e.g. children = 'string' vs children = []
-      var lastChildIndex = Children.count(children) - 1;
-      return /*#__PURE__*/createElement("nav", _extends({}, otherProps, {
-        "data-test-id": testId
-      }), /*#__PURE__*/createElement(StyledList, {
-        style: styles.container
-      }, Children.map(children, function (item, index) {
-        var isLastChild = index === lastChildIndex;
-        return cloneElement(item, _objectSpread2(_objectSpread2({}, item.props), {}, _defineProperty({
-          showSeparator: !isLastChild
-        }, "aria-current", isLastChild ? "page" : undefined)));
-      })));
-    }
-  }]);
-  return Breadcrumbs;
-}(Component);
-_defineProperty(Breadcrumbs, "defaultProps", {
+}
+Breadcrumbs.defaultProps = {
   "aria-label": "Breadcrumbs"
-});
-var styles = StyleSheet.create({
+};
+const styles = StyleSheet.create({
   container: {
     display: "flex",
     listStyle: "none",
@@ -273,62 +60,49 @@ var styles = StyleSheet.create({
   }
 });
-var StyledListItem = addStyle("li");
-var StyledSvg = addStyle("svg");
+const _excluded$1 = ["children", "showSeparator", "testId"];
+const StyledListItem = addStyle("li");
+const StyledSvg = addStyle("svg");
 /**
  * The BreadcrumbsItem represents an individual item in the breadcrumbs list.
  */
-var BreadcrumbsItem = /*#__PURE__*/function (_React$Component) {
-  _inherits(BreadcrumbsItem, _React$Component);
-  var _super = _createSuper(BreadcrumbsItem);
-  function BreadcrumbsItem() {
-    _classCallCheck(this, BreadcrumbsItem);
-    return _super.apply(this, arguments);
+class BreadcrumbsItem extends 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,
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      "aria-hidden": true
+    }, /*#__PURE__*/createElement("circle", {
+      cx: "8",
+      cy: "9",
+      r: "1.5"
+    }));
   }
-  _createClass(BreadcrumbsItem, [{
-    key: "_renderSeparator",
-    /**
-     * Renders a separator after the content
-     * It draws a circular bullet point using an SVG circle shape
-     */
-    value: function _renderSeparator() {
-      return /*#__PURE__*/createElement(StyledSvg, {
-        style: styles$1.separator,
-        width: 16,
-        height: 16,
-        viewBox: "0 0 16 16",
-        "aria-hidden": true
-      }, /*#__PURE__*/createElement("circle", {
-        cx: "8",
-        cy: "9",
-        r: "1.5"
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          showSeparator = _this$props.showSeparator,
-          testId = _this$props.testId,
-          otherProps = _objectWithoutProperties(_this$props, ["children", "showSeparator", "testId"]);
-      return /*#__PURE__*/createElement(StyledListItem, _extends({}, otherProps, {
-        style: styles$1.item,
-        "data-test-id": testId
-      }), children, showSeparator && this._renderSeparator());
-    }
-  }]);
+  render() {
+    const _this$props = this.props,
+          {
+      children,
+      showSeparator,
+      testId
+    } = _this$props,
+          otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1);
+    return /*#__PURE__*/createElement(StyledListItem, _extends({}, otherProps, {
+      style: styles$1.item,
+      "data-test-id": testId
+    }), children, showSeparator && this._renderSeparator());
+  }
-  return BreadcrumbsItem;
-}(Component);
-var styles$1 = StyleSheet.create({
+}
+const styles$1 = StyleSheet.create({
   item: {
     display: "flex",
     alignItems: "center",

package/dist/index.js CHANGED Viewed

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -114,61 +114,19 @@ module.exports = require("@khanacademy/wonder-blocks-spacing");
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// 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: external "react"
-var external_react_ = __webpack_require__(0);
-// EXTERNAL MODULE: external "aphrodite"
-var external_aphrodite_ = __webpack_require__(2);
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core"
-var wonder_blocks_core_ = __webpack_require__(1);
-// CONCATENATED MODULE: ./packages/wonder-blocks-breadcrumbs/src/components/breadcrumbs.js
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+/* 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); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var 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
@@ -181,52 +139,36 @@ var StyledList = Object(wonder_blocks_core_["addStyle"])("ol");
  * 2. Separator: Adds a separator between each item.
  */
-var breadcrumbs_Breadcrumbs = /*#__PURE__*/function (_React$Component) {
-  _inherits(Breadcrumbs, _React$Component);
-  var _super = _createSuper(Breadcrumbs);
-  function Breadcrumbs() {
-    _classCallCheck(this, Breadcrumbs);
-    return _super.apply(this, arguments);
+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 {
+      children,
+      testId,
+      ...otherProps
+    } = this.props; // using React.Children allows to deal with opaque data structures
+    // e.g. children = 'string' vs children = []
+    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__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledList, {
+      style: styles.container
+    }, react__WEBPACK_IMPORTED_MODULE_0__["Children"].map(children, (item, index) => {
+      const isLastChild = index === lastChildIndex;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["cloneElement"](item, { ...item.props,
+        showSeparator: !isLastChild,
+        ["aria-current"]: isLastChild ? "page" : undefined
+      });
+    })));
   }
-  _createClass(Breadcrumbs, [{
-    key: "render",
-    // Moved it here, in case we need to override the label for a different
-    // language
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          testId = _this$props.testId,
-          otherProps = _objectWithoutProperties(_this$props, ["children", "testId"]); // using React.Children allows to deal with opaque data structures
-      // e.g. children = 'string' vs children = []
-      var lastChildIndex = external_react_["Children"].count(children) - 1;
-      return /*#__PURE__*/external_react_["createElement"]("nav", _extends({}, otherProps, {
-        "data-test-id": testId
-      }), /*#__PURE__*/external_react_["createElement"](StyledList, {
-        style: styles.container
-      }, external_react_["Children"].map(children, function (item, index) {
-        var isLastChild = index === lastChildIndex;
-        return external_react_["cloneElement"](item, _objectSpread(_objectSpread({}, item.props), {}, _defineProperty({
-          showSeparator: !isLastChild
-        }, "aria-current", isLastChild ? "page" : undefined)));
-      })));
-    }
-  }]);
-  return Breadcrumbs;
-}(external_react_["Component"]);
-_defineProperty(breadcrumbs_Breadcrumbs, "defaultProps", {
+}
+Breadcrumbs.defaultProps = {
   "aria-label": "Breadcrumbs"
-});
-var styles = external_aphrodite_["StyleSheet"].create({
+};
+const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
   container: {
     display: "flex",
     listStyle: "none",
@@ -235,112 +177,90 @@ var styles = external_aphrodite_["StyleSheet"].create({
     overflow: "hidden"
   }
 });
-// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-spacing"
-var wonder_blocks_spacing_ = __webpack_require__(3);
-var wonder_blocks_spacing_default = /*#__PURE__*/__webpack_require__.n(wonder_blocks_spacing_);
-// CONCATENATED MODULE: ./packages/wonder-blocks-breadcrumbs/src/components/breadcrumbs-item.js
-function breadcrumbs_item_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { breadcrumbs_item_typeof = function _typeof(obj) { return typeof obj; }; } else { breadcrumbs_item_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return breadcrumbs_item_typeof(obj); }
-function breadcrumbs_item_extends() { breadcrumbs_item_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 breadcrumbs_item_extends.apply(this, arguments); }
-function breadcrumbs_item_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = breadcrumbs_item_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function breadcrumbs_item_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; }
-function breadcrumbs_item_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function breadcrumbs_item_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-function breadcrumbs_item_createClass(Constructor, protoProps, staticProps) { if (protoProps) breadcrumbs_item_defineProperties(Constructor.prototype, protoProps); if (staticProps) breadcrumbs_item_defineProperties(Constructor, staticProps); return Constructor; }
-function breadcrumbs_item_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) breadcrumbs_item_setPrototypeOf(subClass, superClass); }
-function breadcrumbs_item_setPrototypeOf(o, p) { breadcrumbs_item_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return breadcrumbs_item_setPrototypeOf(o, p); }
-function breadcrumbs_item_createSuper(Derived) { var hasNativeReflectConstruct = breadcrumbs_item_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = breadcrumbs_item_getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = breadcrumbs_item_getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return breadcrumbs_item_possibleConstructorReturn(this, result); }; }
-function breadcrumbs_item_possibleConstructorReturn(self, call) { if (call && (breadcrumbs_item_typeof(call) === "object" || typeof call === "function")) { return call; } return breadcrumbs_item_assertThisInitialized(self); }
-function breadcrumbs_item_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function breadcrumbs_item_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
-function breadcrumbs_item_getPrototypeOf(o) { breadcrumbs_item_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return breadcrumbs_item_getPrototypeOf(o); }
+"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); }
-var StyledListItem = Object(wonder_blocks_core_["addStyle"])("li");
-var 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.
  */
-var breadcrumbs_item_BreadcrumbsItem = /*#__PURE__*/function (_React$Component) {
-  breadcrumbs_item_inherits(BreadcrumbsItem, _React$Component);
-  var _super = breadcrumbs_item_createSuper(BreadcrumbsItem);
-  function BreadcrumbsItem() {
-    breadcrumbs_item_classCallCheck(this, BreadcrumbsItem);
+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__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledSvg, {
+      style: styles.separator,
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      "aria-hidden": true
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
+      cx: "8",
+      cy: "9",
+      r: "1.5"
+    }));
+  }
-    return _super.apply(this, arguments);
+  render() {
+    const {
+      children,
+      showSeparator,
+      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());
   }
-  breadcrumbs_item_createClass(BreadcrumbsItem, [{
-    key: "_renderSeparator",
-    /**
-     * Renders a separator after the content
-     * It draws a circular bullet point using an SVG circle shape
-     */
-    value: function _renderSeparator() {
-      return /*#__PURE__*/external_react_["createElement"](StyledSvg, {
-        style: breadcrumbs_item_styles.separator,
-        width: 16,
-        height: 16,
-        viewBox: "0 0 16 16",
-        "aria-hidden": true
-      }, /*#__PURE__*/external_react_["createElement"]("circle", {
-        cx: "8",
-        cy: "9",
-        r: "1.5"
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          showSeparator = _this$props.showSeparator,
-          testId = _this$props.testId,
-          otherProps = breadcrumbs_item_objectWithoutProperties(_this$props, ["children", "showSeparator", "testId"]);
-      return /*#__PURE__*/external_react_["createElement"](StyledListItem, breadcrumbs_item_extends({}, otherProps, {
-        style: breadcrumbs_item_styles.item,
-        "data-test-id": testId
-      }), children, showSeparator && this._renderSeparator());
-    }
-  }]);
-  return BreadcrumbsItem;
-}(external_react_["Component"]);
-var 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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-breadcrumbs",
-  "version": "1.0.23",
+  "version": "1.0.27",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -15,17 +15,18 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@khanacademy/wonder-blocks-color": "^1.1.17",
-    "@khanacademy/wonder-blocks-core": "^3.1.3",
-    "@khanacademy/wonder-blocks-spacing": "^3.0.2",
-    "@khanacademy/wonder-blocks-typography": "^1.1.24"
+    "@babel/runtime": "^7.16.3",
+    "@khanacademy/wonder-blocks-color": "^1.1.20",
+    "@khanacademy/wonder-blocks-core": "^4.0.0",
+    "@khanacademy/wonder-blocks-spacing": "^3.0.5",
+    "@khanacademy/wonder-blocks-typography": "^1.1.28"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
-    "react": "^16.4.1"
+    "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.0.4"
+    "wb-dev-build-settings": "^0.2.0"
   },
-  "gitHead": "b7d7425c7f2e02cd9b9ac6ac7e9fe12ead2bd8ab"
+  "gitHead": "9ebea88533e702011165072f090a377e02fa3f0f"
 }

package/src/__tests__/index.test.js DELETED Viewed

@@ -1,15 +0,0 @@
-// @flow
-describe("@khanacademy/wonder-blocks-breadcrumbs", () => {
-    test("package exports default", async () => {
-        // Arrange
-        const importedModule = import("../index.js");
-        // Act
-        const result = await importedModule;
-        // Assert
-        expect(Object.keys(result).sort()).toEqual(
-            ["BreadcrumbsItem", "Breadcrumbs"].sort(),
-        );
-    });
-});