@arterial/chips - npm Package Compare versions

Comparing version 2.0.3 to 3.0.0

dist/index.js

@@ -1,6 +0,64 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Icon } from '@arterial/icon';
+'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icon = require('@arterial/icon');
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+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 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 _objectWithoutPropertiesLoose(source, excluded) {
@@ -52,3 +110,3 @@ if (source == null) return {};
 
-  var classes = classNames('mdc-chip-set', className, {
+  var classes = classNames__default['default']('mdc-chip-set', className, {
     'mdc-chip-set--choice': choice,
@@ -58,15 +116,17 @@ 'mdc-chip-set--filter': filter,
   });
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Tag, _objectSpread2(_objectSpread2({
     className: classes,
     role: "grid"
-  }, otherProps), children);
+  }, otherProps), {}, {
+    children: children
+  }));
 }
 ChipSet.displayName = 'ChipSet';
 ChipSet.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  choice: PropTypes.bool,
-  filter: PropTypes.bool,
-  input: PropTypes.bool,
-  tag: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
+  children: PropTypes__default['default'].node,
+  className: PropTypes__default['default'].string,
+  choice: PropTypes__default['default'].bool,
+  filter: PropTypes__default['default'].bool,
+  input: PropTypes__default['default'].bool,
+  tag: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string])
 };
@@ -77,3 +137,3 @@
       className = _ref.className,
-      icon = _ref.icon,
+      icon$1 = _ref.icon,
       id = _ref.id,
@@ -91,9 +151,9 @@ onSelect = _ref.onSelect,
 
-  var classes = classNames('mdc-chip', className, {
+  var classes = classNames__default['default']('mdc-chip', className, {
     'mdc-chip--selected': selected
   });
-  var iconClasses = classNames('mdc-chip__icon', 'mdc-chip__icon--leading', {
+  var iconClasses = classNames__default['default']('mdc-chip__icon', 'mdc-chip__icon--leading', {
     'mdc-chip__icon--leading-hidden': checkmark && selected
   });
-  var trailingIconClasses = classNames('mdc-chip__icon', 'mdc-chip__icon--trailing');
+  var trailingIconClasses = classNames__default['default']('mdc-chip__icon', 'mdc-chip__icon--trailing');
 
@@ -119,3 +179,3 @@ function isSelected(e) {
 
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsxs(Tag, _objectSpread2(_objectSpread2({
     className: classes,
@@ -126,32 +186,39 @@ id: id,
     role: "row"
-  }, otherProps), ripple && /*#__PURE__*/React.createElement("div", {
-    className: "mdc-chip__ripple"
-  }), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: iconClasses,
-    icon: icon
-  }), checkmark && /*#__PURE__*/React.createElement("span", {
-    className: "mdc-chip__checkmark"
-  }, /*#__PURE__*/React.createElement("svg", {
-    className: "mdc-chip__checkmark-svg",
-    viewBox: "-2 -3 30 30"
-  }, /*#__PURE__*/React.createElement("path", {
-    className: "mdc-chip__checkmark-path",
-    fill: "none",
-    stroke: "black",
-    d: "M1.73,12.91 8.1,19.28 22.79,4.59"
-  }))), text && /*#__PURE__*/React.createElement("span", {
-    role: "gridcell"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "mdc-chip__primary-action",
-    role: "button",
-    tabIndex: "0"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "mdc-chip__text"
-  }, text))), trailingIcon && /*#__PURE__*/React.createElement(Icon, {
-    className: trailingIconClasses,
-    icon: trailingIcon,
-    role: "button",
-    tabIndex: onTrailingIconSelect ? 0 : -1,
-    onKeyDown: handleTrailingIconSelect,
-    onClick: handleTrailingIconSelect
+  }, otherProps), {}, {
+    children: [ripple && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "mdc-chip__ripple"
+    }), icon$1 && /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+      className: iconClasses,
+      icon: icon$1
+    }), checkmark && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "mdc-chip__checkmark",
+      children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+        className: "mdc-chip__checkmark-svg",
+        viewBox: "-2 -3 30 30",
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          className: "mdc-chip__checkmark-path",
+          fill: "none",
+          stroke: "black",
+          d: "M1.73,12.91 8.1,19.28 22.79,4.59"
+        })
+      })
+    }), text && /*#__PURE__*/jsxRuntime.jsx("span", {
+      role: "gridcell",
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "mdc-chip__primary-action",
+        role: "button",
+        tabIndex: "0",
+        children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "mdc-chip__text",
+          children: text
+        })
+      })
+    }), trailingIcon && /*#__PURE__*/jsxRuntime.jsx(icon.Icon, {
+      className: trailingIconClasses,
+      icon: trailingIcon,
+      role: "button",
+      tabIndex: onTrailingIconSelect ? 0 : -1,
+      onKeyDown: handleTrailingIconSelect,
+      onClick: handleTrailingIconSelect
+    })]
   }));
@@ -161,15 +228,16 @@ }
 Chip.propTypes = {
-  checkmark: PropTypes.bool,
-  className: PropTypes.string,
-  icon: PropTypes.node,
-  id: PropTypes.string,
-  onSelect: PropTypes.func,
-  onTrailingIconSelect: PropTypes.func,
-  ripple: PropTypes.bool,
-  selected: PropTypes.bool,
-  text: PropTypes.string,
-  trailingIcon: PropTypes.node,
-  tag: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
+  checkmark: PropTypes__default['default'].bool,
+  className: PropTypes__default['default'].string,
+  icon: PropTypes__default['default'].node,
+  id: PropTypes__default['default'].string,
+  onSelect: PropTypes__default['default'].func,
+  onTrailingIconSelect: PropTypes__default['default'].func,
+  ripple: PropTypes__default['default'].bool,
+  selected: PropTypes__default['default'].bool,
+  text: PropTypes__default['default'].string,
+  trailingIcon: PropTypes__default['default'].node,
+  tag: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].string])
 };
 
-export { Chip, ChipSet };
+exports.Chip = Chip;
+exports.ChipSet = ChipSet;

package.json

 {
   "name": "@arterial/chips",
-  "version": "2.0.3",
+  "version": "3.0.0",
   "description": "Another React Material Chips",
@@ -26,6 +26,7 @@ "author": "jdc2000",
   "dependencies": {
-    "@arterial/icon": "^2.0.3",
-    "@material/chips": "^6.0.0"
+    "@arterial/icon": "^3.0.0",
+    "@material/chips": "^8.0.0",
+    "classnames": "^2.2.6"
   },
-  "gitHead": "fd3a2d57bb49b3435f35f3359ab72e0345df2c1a"
+  "gitHead": "1b1e67606c48c1a854a615f65bcf291effc54c10"
 }

README.md

@@ -32,3 +32,3 @@ # Arterial Chips
 ```jsx
-import { Chip, ChipSet } from '@arterial/chips';
+import {Chip, ChipSet} from '@arterial/chips';
 ```
@@ -50,6 +50,6 @@
       const newChips = [...chips]; // triggers re-render
-      if (newChips.some((c) => c.text === id)) {
+      if (newChips.some(c => c.text === id)) {
         alert('There is already a chip with that name.');
       } else {
-        newChips.push({ text, id });
+        newChips.push({text, id});
         setChips(newChips);
@@ -61,3 +61,3 @@ e.target.value = '';
   function handleTrailingIconSelect(id) {
-    const newChips = chips.filter((c) => c.text !== id);
+    const newChips = chips.filter(c => c.text !== id);
     setChips(newChips);
@@ -70,3 +70,3 @@ }
         <div>
-          {chips.map((chip) => (
+          {chips.map(chip => (
             <Chip
@@ -98,3 +98,3 @@ id={chip.text}
     <ChipSet choice>
-      {CHIPS.map((chip) => (
+      {CHIPS.map(chip => (
         <Chip
@@ -129,3 +129,3 @@ id={chip.text}
     <ChipSet filter>
-      {CHIPS.map((chip) => (
+      {CHIPS.map(chip => (
         <Chip
@@ -150,3 +150,3 @@ checkmark
 ```jsx
-import { CircularProgress } from '@arterial/circular-progress';
+import {CircularProgress} from '@arterial/circular-progress';
 
@@ -199,3 +199,3 @@ const CHIPS = ['Alfa', 'Bravo', 'Charlie', 'Delta'];
     <ChipSet choice>
-      {CHIPS.map((chip) => (
+      {CHIPS.map(chip => (
         <Chip
@@ -234,3 +234,3 @@ icon="face"
     <ChipSet choice filter>
-      {CHIPS.map((chip) => (
+      {CHIPS.map(chip => (
         <Chip
@@ -237,0 +237,0 @@ checkmark

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

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

17109

increased by16.12%

Lines of code

206

increased by37.33%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Addedclassnames@^2.2.6

• + Added@arterial/icon@3.0.0(transitive)

• + Added@material/animation@8.0.0(transitive)

• + Added@material/base@8.0.0(transitive)

• + Added@material/checkbox@8.0.0(transitive)

• + Added@material/chips@8.0.0(transitive)

• + Added@material/density@8.0.0(transitive)

• + Added@material/dom@8.0.0(transitive)

• + Added@material/elevation@8.0.0(transitive)

• + Added@material/feature-targeting@8.0.0(transitive)

• + Added@material/ripple@8.0.0(transitive)

• + Added@material/rtl@8.0.0(transitive)

• + Added@material/shape@8.0.0(transitive)

• + Added@material/theme@8.0.0(transitive)

• + Added@material/touch-target@8.0.0(transitive)

• + Added@material/typography@8.0.0(transitive)

• + Addedclassnames@2.5.1(transitive)

• - Removed@arterial/icon@2.0.3(transitive)

• - Removed@material/animation@6.0.0(transitive)

• - Removed@material/base@6.0.0(transitive)

• - Removed@material/checkbox@6.0.0(transitive)

• - Removed@material/chips@6.0.0(transitive)

• - Removed@material/density@6.0.0(transitive)

• - Removed@material/dom@6.0.0(transitive)

• - Removed@material/elevation@6.0.0(transitive)

• - Removed@material/feature-targeting@6.0.0(transitive)

• - Removed@material/ripple@6.0.0(transitive)

• - Removed@material/rtl@6.0.0(transitive)

• - Removed@material/shape@6.0.0(transitive)

• - Removed@material/theme@6.0.0(transitive)

• - Removed@material/touch-target@6.0.0(transitive)

• - Removed@material/typography@6.0.0(transitive)

• Updated@arterial/icon@^3.0.0

• Updated@material/chips@^8.0.0