New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@khanacademy/wonder-blocks-breadcrumbs
Advanced tools
@khanacademy/wonder-blocks-breadcrumbs - npm Package Compare versions
Comparing version 1.0.23 to 1.0.24
@@ -1,2 +0,4 @@ | ||
| 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'; | ||
@@ -6,207 +8,4 @@ import { addStyle } from '@khanacademy/wonder-blocks-core'; | ||
| 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"); | ||
| /** | ||
@@ -224,46 +23,34 @@ * A breadcrumb trail consists of a list of links to the parent pages | ||
| var Breadcrumbs = /*#__PURE__*/function (_React$Component) { | ||
| _inherits(Breadcrumbs, _React$Component); | ||
| 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 = [] | ||
| var _super = _createSuper(Breadcrumbs); | ||
| function Breadcrumbs() { | ||
| _classCallCheck(this, Breadcrumbs); | ||
| return _super.apply(this, arguments); | ||
| 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: { | ||
@@ -278,4 +65,5 @@ display: "flex", | ||
| var StyledListItem = addStyle("li"); | ||
| var StyledSvg = addStyle("svg"); | ||
| const _excluded$1 = ["children", "showSeparator", "testId"]; | ||
| const StyledListItem = addStyle("li"); | ||
| const StyledSvg = addStyle("svg"); | ||
| /** | ||
@@ -285,52 +73,38 @@ * The BreadcrumbsItem represents an individual item in the breadcrumbs list. | ||
| var BreadcrumbsItem = /*#__PURE__*/function (_React$Component) { | ||
| _inherits(BreadcrumbsItem, _React$Component); | ||
| 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" | ||
| })); | ||
| } | ||
| var _super = _createSuper(BreadcrumbsItem); | ||
| render() { | ||
| const _this$props = this.props, | ||
| { | ||
| children, | ||
| showSeparator, | ||
| testId | ||
| } = _this$props, | ||
| otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$1); | ||
| function BreadcrumbsItem() { | ||
| _classCallCheck(this, BreadcrumbsItem); | ||
| return _super.apply(this, arguments); | ||
| return /*#__PURE__*/createElement(StyledListItem, _extends({}, otherProps, { | ||
| style: styles$1.item, | ||
| "data-test-id": testId | ||
| }), children, showSeparator && this._renderSeparator()); | ||
| } | ||
| _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()); | ||
| } | ||
| }]); | ||
| return BreadcrumbsItem; | ||
| }(Component); | ||
| var styles$1 = StyleSheet.create({ | ||
| } | ||
| const styles$1 = StyleSheet.create({ | ||
| item: { | ||
@@ -337,0 +111,0 @@ display: "flex", |
@@ -85,3 +85,3 @@ module.exports = | ||
| /******/ // Load entry module and return exports | ||
| /******/ return __webpack_require__(__webpack_require__.s = 4); | ||
| /******/ return __webpack_require__(__webpack_require__.s = 6); | ||
| /******/ }) | ||
@@ -99,4 +99,24 @@ /************************************************************************/ | ||
| module.exports = require("@khanacademy/wonder-blocks-core"); | ||
| 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; | ||
| /***/ }), | ||
@@ -106,3 +126,3 @@ /* 2 */ | ||
| module.exports = require("aphrodite"); | ||
| module.exports = require("@khanacademy/wonder-blocks-core"); | ||
@@ -113,6 +133,34 @@ /***/ }), | ||
| 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 */ | ||
| /***/ (function(module, exports) { | ||
| module.exports = require("aphrodite"); | ||
| /***/ }), | ||
| /* 5 */ | ||
| /***/ (function(module, exports) { | ||
| module.exports = require("@khanacademy/wonder-blocks-spacing"); | ||
| /***/ }), | ||
| /* 4 */ | ||
| /* 6 */ | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
@@ -128,2 +176,10 @@ | ||
| // 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" | ||
@@ -133,46 +189,15 @@ var external_react_ = __webpack_require__(0); | ||
| // EXTERNAL MODULE: external "aphrodite" | ||
| var external_aphrodite_ = __webpack_require__(2); | ||
| var external_aphrodite_ = __webpack_require__(4); | ||
| // EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core" | ||
| var wonder_blocks_core_ = __webpack_require__(1); | ||
| var wonder_blocks_core_ = __webpack_require__(2); | ||
| // 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); } | ||
| 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; } | ||
| const _excluded = ["children", "testId"]; | ||
| 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(wonder_blocks_core_["addStyle"])("ol"); | ||
| /** | ||
@@ -190,48 +215,34 @@ * A breadcrumb trail consists of a list of links to the parent pages | ||
| var breadcrumbs_Breadcrumbs = /*#__PURE__*/function (_React$Component) { | ||
| _inherits(Breadcrumbs, _React$Component); | ||
| class breadcrumbs_Breadcrumbs extends external_react_["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_default()(_this$props, _excluded); // using React.Children allows to deal with opaque data structures | ||
| // e.g. children = 'string' vs children = [] | ||
| var _super = _createSuper(Breadcrumbs); | ||
| function Breadcrumbs() { | ||
| _classCallCheck(this, Breadcrumbs); | ||
| return _super.apply(this, arguments); | ||
| const lastChildIndex = external_react_["Children"].count(children) - 1; | ||
| return /*#__PURE__*/external_react_["createElement"]("nav", extends_default()({}, otherProps, { | ||
| "data-test-id": testId | ||
| }), /*#__PURE__*/external_react_["createElement"](StyledList, { | ||
| style: styles.container | ||
| }, external_react_["Children"].map(children, (item, index) => { | ||
| const isLastChild = index === lastChildIndex; | ||
| return /*#__PURE__*/external_react_["cloneElement"](item, extends_default()({}, 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_Breadcrumbs.defaultProps = { | ||
| "aria-label": "Breadcrumbs" | ||
| }); | ||
| var styles = external_aphrodite_["StyleSheet"].create({ | ||
| }; | ||
| const styles = external_aphrodite_["StyleSheet"].create({ | ||
| container: { | ||
@@ -246,40 +257,15 @@ display: "flex", | ||
| // EXTERNAL MODULE: external "@khanacademy/wonder-blocks-spacing" | ||
| var wonder_blocks_spacing_ = __webpack_require__(3); | ||
| 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 | ||
| 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; } | ||
| const breadcrumbs_item_excluded = ["children", "showSeparator", "testId"]; | ||
| 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; } } | ||
| 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); } | ||
| var StyledListItem = Object(wonder_blocks_core_["addStyle"])("li"); | ||
| var StyledSvg = Object(wonder_blocks_core_["addStyle"])("svg"); | ||
| const StyledListItem = Object(wonder_blocks_core_["addStyle"])("li"); | ||
| const StyledSvg = Object(wonder_blocks_core_["addStyle"])("svg"); | ||
| /** | ||
@@ -289,54 +275,38 @@ * The BreadcrumbsItem represents an individual item in the breadcrumbs list. | ||
| var breadcrumbs_item_BreadcrumbsItem = /*#__PURE__*/function (_React$Component) { | ||
| breadcrumbs_item_inherits(BreadcrumbsItem, _React$Component); | ||
| class breadcrumbs_item_BreadcrumbsItem extends external_react_["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, | ||
| width: 16, | ||
| height: 16, | ||
| viewBox: "0 0 16 16", | ||
| "aria-hidden": true | ||
| }, /*#__PURE__*/external_react_["createElement"]("circle", { | ||
| cx: "8", | ||
| cy: "9", | ||
| r: "1.5" | ||
| })); | ||
| } | ||
| var _super = breadcrumbs_item_createSuper(BreadcrumbsItem); | ||
| render() { | ||
| const _this$props = this.props, | ||
| { | ||
| children, | ||
| showSeparator, | ||
| testId | ||
| } = _this$props, | ||
| otherProps = objectWithoutPropertiesLoose_default()(_this$props, breadcrumbs_item_excluded); | ||
| function BreadcrumbsItem() { | ||
| breadcrumbs_item_classCallCheck(this, BreadcrumbsItem); | ||
| return _super.apply(this, arguments); | ||
| return /*#__PURE__*/external_react_["createElement"](StyledListItem, extends_default()({}, otherProps, { | ||
| style: breadcrumbs_item_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 breadcrumbs_item_styles = external_aphrodite_["StyleSheet"].create({ | ||
| item: { | ||
@@ -343,0 +313,0 @@ display: "flex", |
| { | ||
| "name": "@khanacademy/wonder-blocks-breadcrumbs", | ||
| "version": "1.0.23", | ||
| "version": "1.0.24", | ||
| "design": "v1", | ||
@@ -18,6 +18,7 @@ "publishConfig": { | ||
| "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.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" | ||
| }, | ||
@@ -29,5 +30,5 @@ "peerDependencies": { | ||
| "devDependencies": { | ||
| "wb-dev-build-settings": "^0.0.4" | ||
| "wb-dev-build-settings": "^0.1.0" | ||
| }, | ||
| "gitHead": "b7d7425c7f2e02cd9b9ac6ac7e9fe12ead2bd8ab" | ||
| "gitHead": "8022bb419eed74be37f71f71c7621854794a731c" | ||
| } |
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-36.49%
26701
- Dependency count
- increased by16.67%
7
- Number of package files
- decreased by-7.69%
12
- Lines of code
- decreased by-26.74%
578