ywana-core8 0.0.17 → 0.0.18

package/dist/index.cjs

@@ -3134,7 +3134,7 @@ var CollectionAdder = function CollectionAdder(_ref11) {
  * Create Content Dialog
  */
 
-var CreateContentDialog = function CreateContentDialog(_ref) {
+var CreateContentDialog$1 = function CreateContentDialog(_ref) {
   var label = _ref.label,
       type = _ref.type,
       _ref$value = _ref.value,
@@ -3301,6 +3301,101 @@ var EditContentDialog = function EditContentDialog(_ref) {
   }));
 };
 
+/**
+ * Create Content Dialog
+ */
+
+var CreateContentDialog = function CreateContentDialog(_ref) {
+  var label = _ref.label,
+      type = _ref.type,
+      validator = _ref.validator,
+      onOK = _ref.onOK,
+      _ref$onActionClose = _ref.onActionClose,
+      onActionClose = _ref$onActionClose === void 0 ? true : _ref$onActionClose;
+  var site = React.useContext(SiteContext);
+
+  var _useState = React.useState({}),
+      form = _useState[0],
+      setForm = _useState[1];
+
+  var _useState2 = React.useState(false),
+      isValid = _useState2[0],
+      setValid = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      errors = _useState3[0],
+      setErrors = _useState3[1];
+
+  function change(form, validForm) {
+    setForm(form);
+
+    if (validator) {
+      var _validator = validator(form),
+          validation = _validator.validation,
+          _validator$errors = _validator.errors,
+          _errors = _validator$errors === void 0 ? [] : _validator$errors;
+
+      setValid(validForm && validation);
+      setErrors(_errors);
+    } else {
+      setValid(validForm);
+    }
+  }
+
+  function onAction(action) {
+    if (action === 'OK' && onOK) onOK(form);
+    if (action === 'CLOSE' || onActionClose === true) site.closeDialog();
+  }
+
+  function isRequired(field) {
+    var _field$required = field.required,
+        required = _field$required === void 0 ? false : _field$required;
+    return required;
+  }
+
+  function isOptional(field) {
+    var _field$creation = field.creation,
+        creation = _field$creation === void 0 ? false : _field$creation;
+    return creation;
+  }
+
+  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
+    label: "CLOSE",
+    action: function action() {
+      return onAction("CLOSE");
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
+    label: "OK",
+    action: function action() {
+      return onAction("OK");
+    },
+    disabled: !isValid,
+    raised: true
+  }));
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    use: "headline6"
+  }, label);
+  var content = new Content(type, form);
+  return /*#__PURE__*/React__default["default"].createElement(Dialog, {
+    title: title,
+    open: true,
+    onAction: onAction,
+    actions: actions
+  }, /*#__PURE__*/React__default["default"].createElement(ContentForm, {
+    content: content,
+    filter: function filter(field) {
+      return isRequired(field) || isOptional(field);
+    },
+    onChange: change
+  }), errors.map(function (error) {
+    return /*#__PURE__*/React__default["default"].createElement(Text, {
+      use: "overline",
+      tag: "div",
+      className: "error"
+    }, error);
+  }));
+};
+
 function _catch(body, recover) {
   try {
     var result = body();
@@ -3376,8 +3471,8 @@ var CollectionPage = function CollectionPage(props) {
       }
     };
 
-    site.openDialog( /*#__PURE__*/React__default["default"].createElement(EditContentDialog, {
-      label: "Crear " + name,
+    site.openDialog( /*#__PURE__*/React__default["default"].createElement(CreateContentDialog, {
+      label: "" + name,
       type: schema,
       onOK: onOK
     }));
@@ -4092,7 +4187,7 @@ exports.CollectionPage = CollectionPage;
 exports.Content = Content;
 exports.ContentEditor = ContentEditor;
 exports.ContentForm = ContentForm;
-exports.CreateContentDialog = CreateContentDialog;
+exports.CreateContentDialog = CreateContentDialog$1;
 exports.DataTable = DataTable;
 exports.Dialog = Dialog;
 exports.DropDown = DropDown;