@khanacademy/wonder-blocks-breadcrumbs
Advanced tools
Comparing version 1.0.24 to 1.0.25
@@ -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" | ||
} |
27515
547