@webiny/app-headless-cms 0.0.0-mt-1

package/admin/components/ContentEntryForm/useContentEntryForm.js

@@ -0,0 +1,338 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useMemo, useState } from "react";
+import pick from "lodash/pick";
+import { useRouter } from "@webiny/react-router";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import * as GQL from "../../graphql/contentEntries";
+import { useMutation } from "../../hooks";
+import * as GQLCache from "../../views/contentEntries/ContentEntry/cache";
+import { prepareFormData } from "../../views/contentEntries/ContentEntry/prepareFormData";
+import { useContentEntry } from "../../views/contentEntries/hooks/useContentEntry";
+import { plugins } from "@webiny/plugins";
+export function useContentEntryForm(params) {
+  var _useContentEntry = useContentEntry(),
+      listQueryVariables = _useContentEntry.listQueryVariables;
+
+  var contentModel = params.contentModel,
+      entry = params.entry;
+
+  var _useRouter = useRouter(),
+      history = _useRouter.history;
+
+  var _useSnackbar = useSnackbar(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      invalidFields = _useState2[0],
+      setInvalidFields = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var renderPlugins = useMemo(function () {
+    return plugins.byType("cms-editor-field-renderer");
+  }, []);
+  var goToRevision = useCallback(function (id) {
+    history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(id)));
+  }, []);
+
+  var _useMemo = useMemo(function () {
+    return {
+      LIST_CONTENT: GQL.createListQuery(contentModel),
+      CREATE_CONTENT: GQL.createCreateMutation(contentModel),
+      UPDATE_CONTENT: GQL.createUpdateMutation(contentModel),
+      CREATE_CONTENT_FROM: GQL.createCreateFromMutation(contentModel)
+    };
+  }, [contentModel.modelId]),
+      CREATE_CONTENT = _useMemo.CREATE_CONTENT,
+      UPDATE_CONTENT = _useMemo.UPDATE_CONTENT,
+      CREATE_CONTENT_FROM = _useMemo.CREATE_CONTENT_FROM;
+
+  var _useMutation = useMutation(CREATE_CONTENT),
+      _useMutation2 = _slicedToArray(_useMutation, 1),
+      createMutation = _useMutation2[0];
+
+  var _useMutation3 = useMutation(UPDATE_CONTENT),
+      _useMutation4 = _slicedToArray(_useMutation3, 1),
+      updateMutation = _useMutation4[0];
+
+  var _useMutation5 = useMutation(CREATE_CONTENT_FROM),
+      _useMutation6 = _slicedToArray(_useMutation5, 1),
+      createFromMutation = _useMutation6[0];
+
+  var setInvalidFieldValues = function setInvalidFieldValues(errors) {
+    var values = (errors || []).reduce(function (acc, er) {
+      acc[er.fieldId] = er.error;
+      return acc;
+    }, {});
+    setInvalidFields(function () {
+      return values;
+    });
+  };
+
+  var resetInvalidFieldValues = function resetInvalidFieldValues() {
+    setInvalidFields(function () {
+      return {};
+    });
+  };
+
+  var createContent = useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      var response, _response$data$conten, error, entry;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setLoading(true);
+              _context.next = 3;
+              return createMutation({
+                variables: {
+                  data: data
+                },
+                update: function update(cache, _ref2) {
+                  var data = _ref2.data;
+                  var _data$content = data.content,
+                      entry = _data$content.data,
+                      error = _data$content.error;
+
+                  if (error) {
+                    showSnackbar(error.message);
+                    setInvalidFieldValues(error.data);
+                    return;
+                  }
+
+                  resetInvalidFieldValues();
+                  GQLCache.addEntryToListCache(contentModel, cache, entry, listQueryVariables);
+                }
+              });
+
+            case 3:
+              response = _context.sent;
+              setLoading(false);
+              _response$data$conten = response.data.content, error = _response$data$conten.error, entry = _response$data$conten.data;
+
+              if (!error) {
+                _context.next = 10;
+                break;
+              }
+
+              showSnackbar(error.message);
+              setInvalidFieldValues(error.data);
+              return _context.abrupt("return", null);
+
+            case 10:
+              resetInvalidFieldValues();
+              showSnackbar("".concat(contentModel.name, " entry created successfully!"));
+              goToRevision(entry.id);
+              return _context.abrupt("return", entry);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [contentModel.modelId, listQueryVariables]);
+  var updateContent = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(revision, data) {
+      var response, error, entry;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setLoading(true);
+              _context2.next = 3;
+              return updateMutation({
+                variables: {
+                  revision: revision,
+                  data: data
+                }
+              });
+
+            case 3:
+              response = _context2.sent;
+              setLoading(false);
+              error = response.data.content.error;
+
+              if (!error) {
+                _context2.next = 10;
+                break;
+              }
+
+              showSnackbar(error.message);
+              setInvalidFieldValues(error.data);
+              return _context2.abrupt("return", null);
+
+            case 10:
+              resetInvalidFieldValues();
+              showSnackbar("Content saved successfully.");
+              entry = response.data.content.data;
+              return _context2.abrupt("return", entry);
+
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function (_x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [contentModel.modelId]);
+  var createContentFrom = useCallback( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(revision, formData) {
+      var response, _response$data$conten2, data, error;
+
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              setLoading(true);
+              _context3.next = 3;
+              return createFromMutation({
+                variables: {
+                  revision: revision,
+                  data: formData
+                },
+                update: function update(cache, _ref5) {
+                  var data = _ref5.data;
+                  var _data$content2 = data.content,
+                      newRevision = _data$content2.data,
+                      error = _data$content2.error;
+
+                  if (error) {
+                    showSnackbar(error.message);
+                    setInvalidFieldValues(error.data);
+                    return;
+                  }
+
+                  resetInvalidFieldValues();
+                  GQLCache.updateLatestRevisionInListCache(contentModel, cache, newRevision, listQueryVariables);
+                  GQLCache.addRevisionToRevisionsCache(contentModel, cache, newRevision);
+                  showSnackbar("A new revision was created!");
+                  history.push("/cms/content-entries/".concat(contentModel.modelId, "?id=").concat(encodeURIComponent(newRevision.id)));
+                }
+              });
+
+            case 3:
+              response = _context3.sent;
+              setLoading(false);
+              _response$data$conten2 = response.data.content, data = _response$data$conten2.data, error = _response$data$conten2.error;
+
+              if (!error) {
+                _context3.next = 10;
+                break;
+              }
+
+              showSnackbar(error.message);
+              setInvalidFieldValues(error.data);
+              return _context3.abrupt("return", null);
+
+            case 10:
+              resetInvalidFieldValues();
+              return _context3.abrupt("return", data);
+
+            case 12:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function (_x4, _x5) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [contentModel.modelId, listQueryVariables]);
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
+      var fieldsIds, formData, gqlData, meta, _ref7, isLocked;
+
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              fieldsIds = contentModel.fields.map(function (item) {
+                return item.fieldId;
+              });
+              formData = pick(data, _toConsumableArray(fieldsIds));
+              gqlData = prepareFormData(formData, contentModel);
+
+              if (entry.id) {
+                _context4.next = 5;
+                break;
+              }
+
+              return _context4.abrupt("return", createContent(gqlData));
+
+            case 5:
+              meta = entry.meta;
+              _ref7 = meta || {}, isLocked = _ref7.locked;
+
+              if (isLocked) {
+                _context4.next = 9;
+                break;
+              }
+
+              return _context4.abrupt("return", updateContent(entry.id, gqlData));
+
+            case 9:
+              return _context4.abrupt("return", createContentFrom(entry.id, gqlData));
+
+            case 10:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function onSubmit(_x6) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var getDefaultValues = function getDefaultValues() {
+    var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var values = {}; // TODO: finish default values.
+
+    /*fields.forEach(field => {
+        const fieldId = field.fieldId;
+         if (
+            fieldId &&
+            "defaultValue" in field.settings &&
+            typeof field.settings.defaultValue !== "undefined"
+        ) {
+            values[fieldId] = field.settings.defaultValue;
+        }
+    });*/
+
+    return _objectSpread(_objectSpread({}, values), overrides);
+  };
+
+  return {
+    data: entry ? entry : getDefaultValues(),
+    loading: loading,
+    setLoading: setLoading,
+    onChange: params.onChange,
+    onSubmit: onSubmit,
+    invalidFields: invalidFields,
+    renderPlugins: renderPlugins
+  };
+}

package/admin/components/ContentEntryForm/useRenderPlugins.d.ts

@@ -0,0 +1,2 @@
+import { CmsEditorFieldRendererPlugin } from "../../../types";
+export declare function useRenderPlugins(): CmsEditorFieldRendererPlugin[];

package/admin/components/ContentEntryForm/useRenderPlugins.js

@@ -0,0 +1,7 @@
+import { plugins } from "@webiny/plugins";
+import { useMemo } from "react";
+export function useRenderPlugins() {
+  return useMemo(function () {
+    return plugins.byType("cms-editor-field-renderer");
+  }, []);
+}

package/admin/components/ContentModelEditor/Context.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ApolloClient } from "apollo-client";
+import { CmsEditorContentModel } from "../../../types";
+export interface Context {
+    apolloClient: ApolloClient<any>;
+    data: CmsEditorContentModel;
+    isPristine: boolean;
+    getContentModel: (modelId: string) => Promise<any>;
+    saveContentModel: (data?: Record<string, any>) => Promise<any>;
+    setData: (setter: Function, saveContentModel?: boolean) => Promise<any>;
+}
+export declare const contentModelEditorContext: React.Context<Context>;
+export declare function contentModelEditorReducer(prev: any, { data, type }: {
+    data: any;
+    type: any;
+}): any;
+interface Props {
+    apolloClient: ApolloClient<any>;
+    modelId: string;
+    children: React.ReactElement;
+}
+export declare function ContentModelEditorProvider({ children, apolloClient, modelId }: Props): JSX.Element;
+export {};

package/admin/components/ContentModelEditor/Context.js

@@ -0,0 +1,218 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useEffect, useMemo, useReducer } from "react";
+import get from "lodash/get";
+import pick from "lodash/pick";
+import { useRouter } from "@webiny/react-router";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
+export var contentModelEditorContext = /*#__PURE__*/React.createContext(null);
+export function contentModelEditorReducer(prev, _ref) {
+  var data = _ref.data,
+      type = _ref.type;
+
+  switch (type) {
+    case "state":
+      return _objectSpread(_objectSpread({}, prev), data);
+
+    case "data":
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        data: data
+      });
+  }
+}
+
+/**
+ * Cleanup is required because backend always expects string value in predefined values entries
+ */
+var cleanupModelDataFields = function cleanupModelDataFields(fields) {
+  return fields.map(function (field) {
+    var predefinedValues = field.predefinedValues;
+
+    var _ref2 = predefinedValues || {},
+        _ref2$enabled = _ref2.enabled,
+        enabled = _ref2$enabled === void 0 ? false : _ref2$enabled,
+        _ref2$values = _ref2.values,
+        values = _ref2$values === void 0 ? [] : _ref2$values;
+
+    return _objectSpread(_objectSpread({}, field), {}, {
+      predefinedValues: {
+        enabled: enabled,
+        values: values.map(function (_ref3) {
+          var label = _ref3.label,
+              value = _ref3.value;
+          return {
+            label: label,
+            value: String(value)
+          };
+        })
+      }
+    });
+  });
+};
+
+var cleanupModelData = function cleanupModelData(data) {
+  return _objectSpread(_objectSpread({}, data), {}, {
+    fields: cleanupModelDataFields(data.fields)
+  });
+};
+
+export function ContentModelEditorProvider(_ref4) {
+  var children = _ref4.children,
+      apolloClient = _ref4.apolloClient,
+      modelId = _ref4.modelId;
+
+  var _useReducer = useReducer(contentModelEditorReducer, {
+    modelId: modelId,
+    isPristine: true
+  }),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var _useRouter = useRouter(),
+      history = _useRouter.history;
+
+  var _useSnackbar = useSnackbar(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var setPristine = function setPristine(flag) {
+    dispatch({
+      type: "state",
+      data: {
+        isPristine: flag
+      }
+    });
+  };
+
+  var saveContentModel = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var data,
+          modelData,
+          response,
+          _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              data = _args.length > 0 && _args[0] !== undefined ? _args[0] : state.data;
+              modelData = pick(data, ["group", "layout", "fields", "name", "settings", "description", "titleFieldId"]);
+              _context.next = 4;
+              return apolloClient.mutate({
+                mutation: UPDATE_CONTENT_MODEL,
+                variables: {
+                  modelId: data.modelId,
+                  data: cleanupModelData(modelData)
+                },
+                refetchQueries: [{
+                  query: LIST_MENU_CONTENT_GROUPS_MODELS
+                }]
+              });
+
+            case 4:
+              response = _context.sent;
+              setPristine(true);
+              return _context.abrupt("return", get(response, "data.updateContentModel"));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function saveContentModel() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  /**
+   * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.
+   * Return new data once finished.
+   */
+
+
+  var setData = function setData(setter) {
+    var saveModel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    setPristine(false);
+    var data = setter(state.data);
+    dispatch({
+      type: "data",
+      data: data
+    });
+    return saveModel !== false && saveContentModel(data);
+  };
+
+  var getContentModel = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(modelId) {
+      var response, _get, data, error;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return apolloClient.query({
+                query: GET_CONTENT_MODEL,
+                variables: {
+                  modelId: modelId
+                }
+              });
+
+            case 2:
+              response = _context2.sent;
+              _get = get(response, "data.getContentModel"), data = _get.data, error = _get.error;
+
+              if (!error) {
+                _context2.next = 6;
+                break;
+              }
+
+              throw new Error(error);
+
+            case 6:
+              setData(function () {
+                setPristine(true);
+                return data;
+              }, false);
+              return _context2.abrupt("return", response);
+
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function getContentModel(_x) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  useEffect(function () {
+    getContentModel(modelId).catch(function () {
+      history.push("/cms/content-models");
+      showSnackbar("Could not load content model with given ID.");
+    });
+  }, [modelId]);
+  var value = useMemo(function () {
+    return {
+      data: state.data,
+      modelId: modelId,
+      apolloClient: apolloClient,
+      dispatch: dispatch,
+      isPristine: state.isPristine,
+      getContentModel: getContentModel,
+      saveContentModel: saveContentModel,
+      setData: setData
+    };
+  }, [state, apolloClient]);
+  var Provider = contentModelEditorContext.Provider;
+  return /*#__PURE__*/React.createElement(Provider, {
+    value: value
+  }, children);
+}

package/admin/components/ContentModelEditor/Editor.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const EditContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+export declare const Editor: () => JSX.Element;