config-editor-base 2.0.0 → 2.0.1

package/dist/index.js

@@ -18198,6 +18198,47 @@ function EditorNavs(_ref) {
   }))))));
 }
 
+function ArrayFieldTemplate(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "reset-margins"
+  }, /*#__PURE__*/React.createElement("legend", null, props.title), /*#__PURE__*/React.createElement("p", null, props.schema.description), props.items && props.items.map(function (element) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: element.index
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "position-relative"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "rjsf-array-list"
+    }, /*#__PURE__*/React.createElement("div", null, element.children), /*#__PURE__*/React.createElement("div", {
+      className: "special-array-buttons"
+    }, element.hasMoveDown && /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-default array-item-move-down",
+      onClick: element.onReorderClick(element.index, element.index + 1)
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "glyphicon glyphicon-arrow-down"
+    })), element.hasMoveUp && /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-default array-item-move-up",
+      onClick: element.onReorderClick(element.index, element.index - 1)
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "glyphicon glyphicon-arrow-up"
+    })), /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-danger array-item-remove",
+      onClick: element.onDropIndexClick(element.index)
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "glyphicon glyphicon-remove"
+    }))))));
+  }), props.canAdd && /*#__PURE__*/React.createElement("div", {
+    className: "add-row-button"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "col-xs-2 col-xs-offset-10 array-item-add text-right"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "btn btn-info btn-add col-xs-12",
+    onClick: props.onAddClick,
+    type: "button"
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "glyphicon glyphicon-plus"
+  }), " "))));
+}
+
 var selectOptions$1 = function selectOptions(Files) {
   Files = lodash.orderBy(Files, ["name"], ["desc"]);
   return [].concat(Files, [{
@@ -18701,6 +18742,9 @@ var EditorSection = /*#__PURE__*/function (_React$Component) {
       onChange: this.handleChange,
       onError: this.handleError,
       onNavChange: this.onNavChange.bind(this),
+      templates: {
+        ArrayFieldTemplate: ArrayFieldTemplate
+      },
       activeNav: activatedTab
     }, /*#__PURE__*/React.createElement(EditorChangesComparison$1, {
       isCompareChanges: this.state.isCompareChanges,