@goldenpine/react-form-builder2 0.18.4-patch.1

package/lib/stores/requests.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.get = get;
+exports.post = post;
+var _isomorphicFetch = _interopRequireDefault(require("isomorphic-fetch"));
+var headers = {
+  Accept: 'application/json',
+  'Content-Type': 'application/json; charset=utf-8',
+  OPTIONS: ''
+};
+function post(url, data) {
+  return (0, _isomorphicFetch["default"])(url, {
+    method: 'POST',
+    headers: headers,
+    body: JSON.stringify(data)
+  }).then(function (response) {
+    return response;
+  });
+}
+function get(url) {
+  return (0, _isomorphicFetch["default"])(url, {
+    method: 'GET',
+    headers: headers
+  }).then(function (response) {
+    return response.json();
+  });
+}

package/lib/stores/store.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _beedle = _interopRequireDefault(require("beedle"));
+var _requests = require("./requests");
+var _saveUrl;
+var _onPost;
+var _onLoad;
+var store = new _beedle["default"]({
+  actions: {
+    setData: function setData(context, data, saveData) {
+      context.commit('setData', data);
+      if (saveData) this.save(data);
+    },
+    load: function load(context, _ref) {
+      var _this = this;
+      var loadUrl = _ref.loadUrl,
+        saveUrl = _ref.saveUrl,
+        data = _ref.data,
+        saveAlways = _ref.saveAlways;
+      _saveUrl = saveUrl;
+      var saveA = saveAlways || saveAlways === undefined;
+      context.commit('setSaveAlways', saveA);
+      if (_onLoad) {
+        _onLoad().then(function (x) {
+          if (data && data.length > 0 && x.length === 0) {
+            data.forEach(function (y) {
+              return x.push(y);
+            });
+          }
+          _this.setData(context, x);
+        });
+      } else if (loadUrl) {
+        (0, _requests.get)(loadUrl).then(function (x) {
+          if (data && data.length > 0 && x.length === 0) {
+            data.forEach(function (y) {
+              return x.push(y);
+            });
+          }
+          _this.setData(context, x);
+        });
+      } else {
+        this.setData(context, data);
+      }
+    },
+    create: function create(context, element) {
+      var _context$state = context.state,
+        data = _context$state.data,
+        saveAlways = _context$state.saveAlways;
+      data.push(element);
+      this.setData(context, data, saveAlways);
+    },
+    "delete": function _delete(context, element) {
+      var _context$state2 = context.state,
+        data = _context$state2.data,
+        saveAlways = _context$state2.saveAlways;
+      data.splice(data.indexOf(element), 1);
+      this.setData(context, data, saveAlways);
+    },
+    deleteLastItem: function deleteLastItem(context) {
+      var lastItem = context.state.lastItem;
+      if (lastItem) {
+        this["delete"](context, lastItem);
+        context.commit('setLastItem', null);
+      }
+    },
+    resetLastItem: function resetLastItem(context) {
+      var lastItem = context.state.lastItem;
+      if (lastItem) {
+        context.commit('setLastItem', null);
+        // console.log('resetLastItem');
+      }
+    },
+    post: function post(context) {
+      var data = context.state.data;
+      this.setData(context, data, true);
+    },
+    updateOrder: function updateOrder(context, elements) {
+      var saveAlways = context.state.saveAlways;
+      var newData = elements.filter(function (x) {
+        return x && !x.parentId;
+      });
+      elements.filter(function (x) {
+        return x && x.parentId;
+      }).forEach(function (x) {
+        return newData.push(x);
+      });
+      this.setData(context, newData, saveAlways);
+    },
+    insertItem: function insertItem(context, item) {
+      // console.log('insertItem', item);
+      context.commit('setLastItem', item.isContainer ? null : item);
+    },
+    save: function save(data) {
+      if (_onPost) {
+        _onPost({
+          task_data: data
+        });
+      } else if (_saveUrl) {
+        (0, _requests.post)(_saveUrl, {
+          task_data: data
+        });
+      }
+    }
+  },
+  mutations: {
+    setData: function setData(state, payload) {
+      // eslint-disable-next-line no-param-reassign
+      state.data = payload;
+      return state;
+    },
+    setSaveAlways: function setSaveAlways(state, payload) {
+      // eslint-disable-next-line no-param-reassign
+      state.saveAlways = payload;
+      return state;
+    },
+    setLastItem: function setLastItem(state, payload) {
+      // eslint-disable-next-line no-param-reassign
+      state.lastItem = payload;
+      // console.log('setLastItem', payload);
+      return state;
+    }
+  },
+  initialState: {
+    data: [],
+    saveAlways: true,
+    lastItem: null
+  }
+});
+store.setExternalHandler = function (onLoad, onPost) {
+  _onLoad = onLoad;
+  _onPost = onPost;
+};
+var _default = store;
+exports["default"] = _default;

package/lib/toolbar-draggable-item.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDnd = require("react-dnd");
+var _ItemTypes = _interopRequireDefault(require("./ItemTypes"));
+var _UUID = _interopRequireDefault(require("./UUID"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
+  * <ToolbarItem />
+  */
+var cardSource = {
+  beginDrag: function beginDrag(props) {
+    return {
+      id: _UUID["default"].uuid(),
+      index: -1,
+      data: props.data,
+      onCreate: props.onCreate
+    };
+  }
+};
+var ToolbarItem = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToolbarItem, _React$Component);
+  var _super = _createSuper(ToolbarItem);
+  function ToolbarItem() {
+    (0, _classCallCheck2["default"])(this, ToolbarItem);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ToolbarItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        connectDragSource = _this$props.connectDragSource,
+        data = _this$props.data,
+        onClick = _this$props.onClick;
+      if (!connectDragSource) return null;
+      return connectDragSource(/*#__PURE__*/_react["default"].createElement("li", {
+        onClick: onClick
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: data.icon
+      }), data.name));
+    }
+  }]);
+  return ToolbarItem;
+}(_react["default"].Component);
+var _default = (0, _reactDnd.DragSource)(_ItemTypes["default"].CARD, cardSource, function (connect) {
+  return {
+    connectDragSource: connect.dragSource()
+  };
+})(ToolbarItem);
+exports["default"] = _default;

package/lib/toolbar-group-item.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+  * <ToolbarGroupItem />
+  */
+
+function ToolbarGroupItem(props) {
+  var name = props.name,
+    group = props.group,
+    renderItem = props.renderItem;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  function onClick() {
+    setShow(!show);
+  }
+  var classShow = 'collapse' + (show ? ' show' : '');
+  return /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "toolbar-group-item"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-link btn-block text-left",
+    type: "button",
+    onClick: onClick
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classShow
+  }, /*#__PURE__*/_react["default"].createElement("ul", null, group.map(renderItem)))));
+}
+var _default = ToolbarGroupItem;
+exports["default"] = _default;