ywana-core8 0.0.17 → 0.0.18

package/dist/index.modern.js

@@ -3128,7 +3128,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,
@@ -3295,6 +3295,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 = useContext(SiteContext);
+
+  var _useState = useState({}),
+      form = _useState[0],
+      setForm = _useState[1];
+
+  var _useState2 = useState(false),
+      isValid = _useState2[0],
+      setValid = _useState2[1];
+
+  var _useState3 = 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.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    label: "CLOSE",
+    action: function action() {
+      return onAction("CLOSE");
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    label: "OK",
+    action: function action() {
+      return onAction("OK");
+    },
+    disabled: !isValid,
+    raised: true
+  }));
+  var title = /*#__PURE__*/React.createElement(Text, {
+    use: "headline6"
+  }, label);
+  var content = new Content(type, form);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    title: title,
+    open: true,
+    onAction: onAction,
+    actions: actions
+  }, /*#__PURE__*/React.createElement(ContentForm, {
+    content: content,
+    filter: function filter(field) {
+      return isRequired(field) || isOptional(field);
+    },
+    onChange: change
+  }), errors.map(function (error) {
+    return /*#__PURE__*/React.createElement(Text, {
+      use: "overline",
+      tag: "div",
+      className: "error"
+    }, error);
+  }));
+};
+
 function _catch(body, recover) {
   try {
     var result = body();
@@ -3370,8 +3465,8 @@ var CollectionPage = function CollectionPage(props) {
       }
     };
 
-    site.openDialog( /*#__PURE__*/React.createElement(EditContentDialog, {
-      label: "Crear " + name,
+    site.openDialog( /*#__PURE__*/React.createElement(CreateContentDialog, {
+      label: "" + name,
       type: schema,
       onOK: onOK
     }));
@@ -4075,5 +4170,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, TYPES, Tab, TabbedContentEditor, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
+export { Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, TYPES, Tab, TabbedContentEditor, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
 //# sourceMappingURL=index.modern.js.map