@hashicorp/react-accordion - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/index.js

@@ -12,3 +12,3 @@ 'use strict';
 function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -21,6 +21,3 @@
 function _iterableToArrayLimit(arr, i) {
-  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-    return;
-  }
-
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
   var _arr = [];
@@ -51,4 +48,21 @@ var _n = true;
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
 function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
@@ -74,6 +88,6 @@
   cleanupTransition(parentElem.current);
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "g-collapsible ".concat(!preventTransition && 'with-transitions'),
     ref: parentElem
-  }, React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "inner ".concat(isCollapsed && 'collapsed')
@@ -150,7 +164,7 @@ }, children));
       toggleCollapsed = props.toggleCollapsed;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "accordion-item"
-  }, React__default.createElement("h3", {
+  }, /*#__PURE__*/React__default.createElement("h3", {
     className: "trigger-wrapper"
-  }, React__default.createElement("button", {
+  }, /*#__PURE__*/React__default.createElement("button", {
     className: "trigger g-type-body-strong",
@@ -161,11 +175,11 @@ onMouseDown: function onMouseDown(e) {
     onClick: toggleCollapsed
-  }, React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "text"
-  }, title), React__default.createElement("span", {
+  }, title), /*#__PURE__*/React__default.createElement("span", {
     className: "icon ".concat(!isCollapsed ? 'expanded' : '')
-  }, React__default.createElement(InlineSvg, {
+  }, /*#__PURE__*/React__default.createElement(InlineSvg, {
     src: SvgArrowDown
-  })))), React__default.createElement(Collapsible, {
+  })))), /*#__PURE__*/React__default.createElement(Collapsible, {
     isCollapsed: isCollapsed
-  }, React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "content",
@@ -185,7 +199,7 @@ dangerouslySetInnerHTML: {
   var items = props.items;
-  return React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "g-accordion-items"
   }, items.map(function (item, stableIdx) {
     var isCollapsed = stableIdx !== expandedIdx;
-    return React__default.createElement(AccordionItem // eslint-disable-next-line react/no-array-index-key
+    return /*#__PURE__*/React__default.createElement(AccordionItem // eslint-disable-next-line react/no-array-index-key
     , {
@@ -206,10 +220,10 @@ key: stableIdx,
       items = props.items;
-  return React__default.createElement("section", {
+  return /*#__PURE__*/React__default.createElement("section", {
     className: "g-accordion"
-  }, React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "g-grid-container"
-  }, heading && React__default.createElement("h2", {
+  }, heading && /*#__PURE__*/React__default.createElement("h2", {
     className: "g-type-display-2",
     "data-testid": "heading"
-  }, heading), React__default.createElement(AccordionItems, {
+  }, heading), /*#__PURE__*/React__default.createElement(AccordionItems, {
     items: items
@@ -216,0 +230,0 @@ })));

package.json

 {
   "name": "@hashicorp/react-accordion",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A block that displays a set of title + content items, with content collapsed by default, but expandable to view. Also includes an optional heading for the block.",
@@ -16,6 +16,6 @@ "main": "dist",
   "dependencies": {
-    "@hashicorp/react-global-styles": "^4.4.0",
-    "@hashicorp/react-inline-svg": "^1.0.0"
+    "@hashicorp/react-global-styles": "^4.4.1",
+    "@hashicorp/react-inline-svg": "^1.0.1"
   },
-  "gitHead": "2f1103225b3b04b23e52cb671fa74ea85bfe9049"
+  "gitHead": "91411752de6f18e074f8492cc7690f1b05961527"
 }

New alerts

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

Improved metrics

Total package byte prevSize

29709

increased by3.16%

Lines of code

332

increased by3.43%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@hashicorp/react-global-styles@^4.4.1

• Updated@hashicorp/react-inline-svg@^1.0.1