New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@khanacademy/wonder-blocks-breadcrumbs

Package Overview
Dependencies
Maintainers
1
Versions
352
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-breadcrumbs - npm Package Compare versions

Comparing version 1.0.24 to 1.0.25

184

dist/index.js

@@ -98,24 +98,4 @@ module.exports =

function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
module.exports = require("@khanacademy/wonder-blocks-core");
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;
/***/ }),

@@ -125,3 +105,3 @@ /* 2 */

module.exports = require("@khanacademy/wonder-blocks-core");
module.exports = require("aphrodite");

@@ -132,69 +112,22 @@ /***/ }),

function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
module.exports = require("@khanacademy/wonder-blocks-spacing");
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");
/***/ }),
/* 6 */
/***/ (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");
/**

@@ -212,26 +145,24 @@ * A breadcrumb trail consists of a list of links to the parent pages

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
}));
});
})));

@@ -241,6 +172,6 @@ }

}
breadcrumbs_Breadcrumbs.defaultProps = {
Breadcrumbs.defaultProps = {
"aria-label": "Breadcrumbs"
};
const styles = external_aphrodite_["StyleSheet"].create({
const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
container: {

@@ -254,10 +185,19 @@ display: "flex",

});
// 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"];

@@ -267,4 +207,4 @@

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");
/**

@@ -274,3 +214,3 @@ * 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"] {
/**

@@ -281,4 +221,4 @@ * Renders a separator after the content

_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,

@@ -288,3 +228,3 @@ height: 16,

"aria-hidden": true
}, /*#__PURE__*/external_react_["createElement"]("circle", {
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("circle", {
cx: "8",

@@ -297,12 +237,10 @@ cy: "9",

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

@@ -313,3 +251,3 @@ }), children, showSeparator && this._renderSeparator());

}
const breadcrumbs_item_styles = external_aphrodite_["StyleSheet"].create({
const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
item: {

@@ -319,14 +257,26 @@ display: "flex",

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"]; });
/***/ })
/******/ ]);
{
"name": "@khanacademy/wonder-blocks-breadcrumbs",
"version": "1.0.24",
"version": "1.0.25",
"design": "v1",

@@ -19,6 +19,6 @@ "publishConfig": {

"@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"
"@khanacademy/wonder-blocks-color": "^1.1.19",
"@khanacademy/wonder-blocks-core": "^3.1.5",
"@khanacademy/wonder-blocks-spacing": "^3.0.4",
"@khanacademy/wonder-blocks-typography": "^1.1.26"
},

@@ -30,5 +30,5 @@ "peerDependencies": {

"devDependencies": {
"wb-dev-build-settings": "^0.1.0"
"wb-dev-build-settings": "^0.1.2"
},
"gitHead": "8022bb419eed74be37f71f71c7621854794a731c"
"gitHead": "9a9cc04bf2bbfb425f991a347b4f8b0d0d56e120"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc