gutenblock-controls - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

dist/form/select.js

@@ -19,4 +19,3 @@ 'use strict';
       _onChange = _ref.onChange,
-      attributes = _ref.attributes,
-      onDelete = _ref.onDelete;
+      attributes = _ref.attributes;
   return wp.element.createElement(_reactSelect.Async, {
@@ -23,0 +22,0 @@ style: { marginTop: '5px' },

dist/repeat/index.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _item = require('./item');
+
+var _item2 = _interopRequireDefault(_item);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,2 +26,4 @@
 
+function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }
+
 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; }
@@ -110,32 +116,50 @@
           _onChange = _props3.onChange,
-          deleteButton = _props3.deleteButton;
+          deleteButton = _props3.deleteButton,
+          collapsable = _props3.collapsable,
+          title = _props3.title;
 
 
+      var component = function component(child) {
+        return _react2.default.cloneElement(child, {
+          key: index,
+          index: index,
+          setAttributes: setAttributes,
+          attributes: attributes && attributes[attribute] && attributes[attribute][index] ? attributes[attribute][index] : {},
+          onChange: function onChange(name, value) {
+            return _this2.update(name, value, index, _onChange);
+          }
+        });
+      };
+
+      var _children = _toArray(children),
+          first = _children[0],
+          restOfChildren = _children.slice(1);
+
       return wp.element.createElement(
-        'div',
+        _item2.default,
         {
-          style: {
-            marginLeft: '10px',
-            marginTop: '15px'
-          }
+          title: title,
+          collapsable: collapsable,
+          first: component(first),
+          deleteButton: deleteButton ? deleteButton(function () {
+            return _this2.delete(index, _onChange);
+          }) : wp.element.createElement(
+            'div',
+            { onClick: function onClick() {
+                return _this2.delete(index, _onChange);
+              } },
+            'Delete item'
+          )
         },
-        _react2.default.Children.map(children, function (child) {
-          return _react2.default.cloneElement(child, {
-            key: index,
-            index: index,
-            setAttributes: setAttributes,
-            attributes: attributes && attributes[attribute] && attributes[attribute][index] ? attributes[attribute][index] : {},
-            onChange: function onChange(name, value) {
-              return _this2.update(name, value, index, _onChange);
+        wp.element.createElement(
+          'div',
+          {
+            style: {
+              marginLeft: '10px',
+              marginTop: '15px'
             }
-          });
-        }),
-        deleteButton ? deleteButton(function () {
-          return _this2.delete(index, _onChange);
-        }) : wp.element.createElement(
-          'div',
-          { onClick: function onClick() {
-              return _this2.delete(index, _onChange);
-            } },
-          'Delete item'
+          },
+          _react2.default.Children.map(collapsable ? restOfChildren : children, function (child) {
+            return component(child);
+          })
         )
@@ -152,6 +176,6 @@ );
           title = _props4.title,
-          indent = _props4.indent,
           addNew = _props4.addNew,
           max = _props4.max,
-          createButton = _props4.createButton;
+          createButton = _props4.createButton,
+          collapsable = _props4.collapsable;
 
@@ -162,2 +186,3 @@
       var repeats = [];
+
       for (var item = 0; item < items; item++) {
@@ -170,3 +195,3 @@ repeats.push(this.renderChildren(item));
         { style: style },
-        wp.element.createElement(
+        collapsable ? null : wp.element.createElement(
           'h1',
@@ -173,0 +198,0 @@ null,

package.json

 {
   "name": "gutenblock-controls",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "Useful inspector controls for gutenberg",
@@ -11,3 +11,7 @@ "main": "dist/index.js",
   "license": "ISC",
-  "keywords": ["Gutenberg", "Wordpress", "Inspector"],
+  "keywords": [
+    "Gutenberg",
+    "Wordpress",
+    "Inspector"
+  ],
   "devDependencies": {
@@ -14,0 +18,0 @@ "babel-cli": "^6.26.0"

No alert changes

Improved metrics

Total package byte prevSize

33408

increased by24.23%

Number of package files

15

increased by15.38%

Lines of code

827

increased by23.99%

Worsened metrics

Number of medium supply chain risk alerts

3

increased by50%

No dependency changes