@khanacademy/wonder-blocks-breadcrumbs 1.0.36 → 1.0.38

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @khanacademy/wonder-blocks-breadcrumbs
 
+## 1.0.38
+
+### Patch Changes
+
+-   91cb727c: Remove file extensions from imports
+-   Updated dependencies [91cb727c]
+-   Updated dependencies [91cb727c]
+    -   @khanacademy/wonder-blocks-core@4.7.0
+
+## 1.0.37
+
+### Patch Changes
+
+-   496119f2: Cleanup WB interdependencies
+-   Updated dependencies [496119f2]
+    -   @khanacademy/wonder-blocks-core@4.6.2
+
 ## 1.0.36
 
 ### Patch Changes

package/dist/index.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithoutPropertiesLoose');
+var React = require('react');
+var aphrodite = require('aphrodite');
+var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
+var Spacing = require('@khanacademy/wonder-blocks-spacing');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Spacing__default = /*#__PURE__*/_interopDefaultLegacy(Spacing);
+
+const _excluded$1 = ["children", "testId"];
+const StyledList = wonderBlocksCore.addStyle("ol");
+class Breadcrumbs extends React__namespace.Component {
+  render() {
+    const _this$props = this.props,
+          {
+      children,
+      testId
+    } = _this$props,
+          otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded$1);
+
+    const lastChildIndex = React__namespace.Children.count(children) - 1;
+    return React__namespace.createElement("nav", _extends__default["default"]({}, otherProps, {
+      "data-test-id": testId
+    }), React__namespace.createElement(StyledList, {
+      style: styles$1.container
+    }, React__namespace.Children.map(children, (item, index) => {
+      const isLastChild = index === lastChildIndex;
+      return React__namespace.cloneElement(item, _extends__default["default"]({}, item.props, {
+        showSeparator: !isLastChild,
+        ["aria-current"]: isLastChild ? "page" : undefined
+      }));
+    })));
+  }
+
+}
+Breadcrumbs.defaultProps = {
+  "aria-label": "Breadcrumbs"
+};
+const styles$1 = aphrodite.StyleSheet.create({
+  container: {
+    display: "flex",
+    listStyle: "none",
+    margin: 0,
+    padding: 0,
+    overflow: "hidden"
+  }
+});
+
+const _excluded = ["children", "showSeparator", "testId"];
+const StyledListItem = wonderBlocksCore.addStyle("li");
+const StyledSvg = wonderBlocksCore.addStyle("svg");
+class BreadcrumbsItem extends React__namespace.Component {
+  _renderSeparator() {
+    return React__namespace.createElement(StyledSvg, {
+      style: styles.separator,
+      width: 16,
+      height: 16,
+      viewBox: "0 0 16 16",
+      "aria-hidden": true
+    }, React__namespace.createElement("circle", {
+      cx: "8",
+      cy: "9",
+      r: "1.5"
+    }));
+  }
+
+  render() {
+    const _this$props = this.props,
+          {
+      children,
+      showSeparator,
+      testId
+    } = _this$props,
+          otherProps = _objectWithoutPropertiesLoose__default["default"](_this$props, _excluded);
+
+    return React__namespace.createElement(StyledListItem, _extends__default["default"]({}, otherProps, {
+      style: styles.item,
+      "data-test-id": testId
+    }), children, showSeparator && this._renderSeparator());
+  }
+
+}
+const styles = aphrodite.StyleSheet.create({
+  item: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: Spacing__default["default"].xxxSmall_4
+  },
+  separator: {
+    marginLeft: Spacing__default["default"].xxxSmall_4
+  }
+});
+
+exports.Breadcrumbs = Breadcrumbs;
+exports.BreadcrumbsItem = BreadcrumbsItem;

package/dist/index.js.flow

@@ -1,2 +1,2 @@
 // @flow
-export * from "../src/index.js";
+export * from "../src/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@khanacademy/wonder-blocks-breadcrumbs",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "design": "v1",
   "publishConfig": {
     "access": "public"
@@ -16,16 +16,14 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@khanacademy/wonder-blocks-color": "^1.2.0",
-    "@khanacademy/wonder-blocks-core": "^4.6.1",
-    "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-    "@khanacademy/wonder-blocks-typography": "^1.1.36"
+    "@khanacademy/wonder-blocks-core": "^4.7.0",
+    "@khanacademy/wonder-blocks-spacing": "^3.0.5"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",
     "react": "16.14.0"
   },
   "devDependencies": {
-    "wb-dev-build-settings": "^0.6.0"
+    "wb-dev-build-settings": "^0.7.1"
   }
-}
+}

package/src/components/__docs__/breadcrumbs.stories.js

@@ -4,11 +4,11 @@ import * as React from "react";
 import Link from "@khanacademy/wonder-blocks-link";
 import type {StoryComponentType} from "@storybook/react";
 
-import Breadcrumbs from "../breadcrumbs.js";
-import BreadcrumbsItem from "../breadcrumbs-item.js";
+import Breadcrumbs from "../breadcrumbs";
+import BreadcrumbsItem from "../breadcrumbs-item";
 
-import BreadcrumbsArgTypes from "./breadcrumbs.argtypes.js";
-import ComponentInfo from "../../../../../.storybook/components/component-info.js";
+import BreadcrumbsArgTypes from "./breadcrumbs.argtypes";
+import ComponentInfo from "../../../../../.storybook/components/component-info";
 import {name, version} from "../../../package.json";
 
 export default {

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

@@ -1,8 +1,8 @@
 // @flow
 import * as React from "react";
 import {render, screen} from "@testing-library/react";
-import Breadcrumbs from "../breadcrumbs.js";
-import BreadcrumbsItem from "../breadcrumbs-item.js";
+import Breadcrumbs from "../breadcrumbs";
+import BreadcrumbsItem from "../breadcrumbs-item";
 
 describe("Breadcrumbs", () => {
     it("should set aria-current to the last item", () => {

package/src/components/breadcrumbs.js

@@ -4,7 +4,7 @@ import {StyleSheet} from "aphrodite";
 
 import type {AriaProps} from "@khanacademy/wonder-blocks-core";
 import {addStyle} from "@khanacademy/wonder-blocks-core";
-import typeof BreadcrumbsItem from "./breadcrumbs-item.js";
+import typeof BreadcrumbsItem from "./breadcrumbs-item";
 
 type Props = {|
     ...AriaProps,

package/src/index.js

@@ -1,5 +1,5 @@
 // @flow
-import Breadcrumbs from "./components/breadcrumbs.js";
-import BreadcrumbsItem from "./components/breadcrumbs-item.js";
+import Breadcrumbs from "./components/breadcrumbs";
+import BreadcrumbsItem from "./components/breadcrumbs-item";
 
 export {Breadcrumbs, BreadcrumbsItem};