@arch-ui/navbar - npm Package Compare versions

Comparing version 0.0.9 to 0.1.0

CHANGELOG.md

 # @arch-ui/navbar
 
+## 0.1.0
+
+### Minor Changes
+
+- [c2dc6eb3](https://github.com/keystonejs/keystone-5/commit/c2dc6eb3):
+
+  Allow changing the underlying element type of the ItemElement component with the `as`
+
 ## 0.0.9
@@ -4,0 +12,0 @@

dist/navbar.cjs.dev.js

@@ -21,11 +21,15 @@ 'use strict';
 
-var React = _interopDefault(require('react'));
+var React = require('react');
 
+var React__default = _interopDefault(React);
+
 var reactRouterDom = require('react-router-dom');
 
 const ItemElement = _ref => {
-  let isSelected = _ref.isSelected,
+  let Tag = _ref.as,
+      isSelected = _ref.isSelected,
       mouseIsOverNav = _ref.mouseIsOverNav,
-      props = _objectWithoutProperties(_ref, ["isSelected", "mouseIsOverNav"]);
+      props = _objectWithoutProperties(_ref, ["as", "isSelected", "mouseIsOverNav"]);
 
+  if (Tag) return React.createElement(Tag, props);
   if (props.to) return React.createElement(reactRouterDom.Link, props);
@@ -175,3 +179,3 @@ if (props.href) return React.createElement("a", props);
   let children = _ref2.children;
-  return React.createElement(Wrapper, null, children);
+  return React__default.createElement(Wrapper, null, children);
 };
@@ -178,0 +182,0 @@

dist/navbar.cjs.prod.js

@@ -11,8 +11,7 @@ "use strict";
 
-var _objectSpread = _interopDefault(require("@babel/runtime/helpers/objectSpread")), styled = _interopDefault(require("@emotion/styled")), theme = require("@arch-ui/theme"), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), React = _interopDefault(require("react")), reactRouterDom = require("react-router-dom");
+var _objectSpread = _interopDefault(require("@babel/runtime/helpers/objectSpread")), styled = _interopDefault(require("@emotion/styled")), theme = require("@arch-ui/theme"), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), React = require("react"), React__default = _interopDefault(React), reactRouterDom = require("react-router-dom");
 
 const ItemElement = _ref => {
-  _ref.isSelected, _ref.mouseIsOverNav;
-  let props = _objectWithoutProperties(_ref, [ "isSelected", "mouseIsOverNav" ]);
-  return props.to ? React.createElement(reactRouterDom.Link, props) : props.href ? React.createElement("a", props) : React.createElement("button", _extends({
+  let Tag = _ref.as, props = (_ref.isSelected, _ref.mouseIsOverNav, _objectWithoutProperties(_ref, [ "as", "isSelected", "mouseIsOverNav" ]));
+  return Tag ? React.createElement(Tag, props) : props.to ? React.createElement(reactRouterDom.Link, props) : props.href ? React.createElement("a", props) : React.createElement("button", _extends({
     type: "button"
@@ -141,3 +140,3 @@ }, props));
   let children = _ref2.children;
-  return React.createElement(Wrapper, null, children);
+  return React__default.createElement(Wrapper, null, children);
 };
@@ -144,0 +143,0 @@

dist/navbar.esm.js

@@ -6,13 +6,15 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import React__default, { createElement } from 'react';
 import { Link } from 'react-router-dom';
 
 const ItemElement = (_ref) => {
-  let isSelected = _ref.isSelected,
+  let Tag = _ref.as,
+      isSelected = _ref.isSelected,
       mouseIsOverNav = _ref.mouseIsOverNav,
-      props = _objectWithoutProperties(_ref, ["isSelected", "mouseIsOverNav"]);
+      props = _objectWithoutProperties(_ref, ["as", "isSelected", "mouseIsOverNav"]);
 
-  if (props.to) return React.createElement(Link, props);
-  if (props.href) return React.createElement("a", props);
-  return React.createElement("button", _extends({
+  if (Tag) return createElement(Tag, props);
+  if (props.to) return createElement(Link, props);
+  if (props.href) return createElement("a", props);
+  return createElement("button", _extends({
     type: "button"
@@ -159,5 +161,5 @@ }, props));
   let children = _ref2.children;
-  return React.createElement(Wrapper, null, children);
+  return React__default.createElement(Wrapper, null, children);
 };
 
 export { BrandItem, PrimaryNav, PrimaryNavItem, PrimaryNavHeading, PrimaryNavScrollArea, NavGroupIcons, PRIMARY_NAV_GUTTER, SecondaryNav, SecondaryNavItem };

package.json

 {
   "name": "@arch-ui/navbar",
   "description": "Navbar UI as used in @keystone-alpha Admin UI.",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "author": "Jed Watson",
@@ -6,0 +6,0 @@ "license": "MIT",

src/common.js

 // @flow
 
-import React from 'react';
+import * as React from 'react';
 import { Link } from 'react-router-dom';
 
-type ItemProps = { isSelected?: boolean, to?: string, href?: string };
+type ItemProps = { isSelected?: boolean, to?: string, href?: string, as?: React.ElementType };
 
-export const ItemElement = ({ isSelected, mouseIsOverNav, ...props }: ItemProps) => {
+export const ItemElement = ({ as: Tag, isSelected, mouseIsOverNav, ...props }: ItemProps) => {
+  if (Tag) return <Tag {...props} />;
   if (props.to) return <Link {...props} />;
@@ -10,0 +11,0 @@ if (props.href) return <a {...props} />;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21413

increased by2.72%

Lines of code

632

increased by0.8%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes