Merge branch 'feature/rich-text-editor' into 'release'

Feature/rich text editor See merge request theappsmith/internal-tools-client!329
2020-03-20 11:17:30 +00:00 · 2020-03-20 11:17:30 +00:00 · 60bbb0b2a4
commit 60bbb0b2a4
parent abc085bb98 45e20b659e
17 changed files with 230 additions and 65 deletions
--- a/app/client/package.json
+++ b/app/client/package.json
@ -17,6 +17,7 @@
    "@sentry/browser": "^5.6.3",
    "@sentry/webpack-plugin": "^1.10.0",
    "@syncfusion/ej2-react-grids": "^17.4.40",
+    "@tinymce/tinymce-react": "^3.5.0",
    "@types/chance": "^1.0.7",
    "@types/fontfaceobserver": "^0.0.6",
    "@types/lodash": "^4.14.120",
@ -89,6 +90,7 @@
    "source-map-explorer": "^2.1.1",
    "styled-components": "^4.1.3",
    "tinycolor2": "^1.4.1",
+    "tinymce": "^5.2.0",
    "toposort": "^2.0.2",
    "ts-loader": "^6.0.4",
    "typescript": "^3.6.3",
--- a/app/client/public/index.html
+++ b/app/client/public/index.html
@ -3,13 +3,12 @@

 <head>
  <script type="text/javascript" src="/shims/realms-shim.umd.min.js"></script>
-  
+  <script type="text/javascript" src="/tinymce/tinymce.min.js"></script>
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="theme-color" content="#000000" />

-  <link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet" />
-  
+  <link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet" />  
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  
  <title>Appsmith</title>
--- a/app/client/public/tinymce/tinymce.min.js
+++ b/app/client/public/tinymce/tinymce.min.js
--- a/app/client/src/components/designSystems/appsmith/FilePickerComponent.tsx
+++ b/app/client/src/components/designSystems/appsmith/FilePickerComponent.tsx
@ -42,7 +42,7 @@ class FilePickerComponent extends React.Component<
          // plugins={["GoogleDrive", "Url", "OneDrive", "Webcam"]}
          onRequestClose={this.closeModal}
          uppy={this.props.uppy}
-        /> */}
+        />**/}
      </React.Fragment>
    );
  }
--- a/app/client/src/components/designSystems/appsmith/RichTextEditorComponent.tsx
+++ b/app/client/src/components/designSystems/appsmith/RichTextEditorComponent.tsx
@ -0,0 +1,39 @@
+import React from "react";
+import { Editor } from "@tinymce/tinymce-react";
+require("tinymce/tinymce");
+require("tinymce/themes/silver");
+
+export interface RichtextEditorComponentProps {
+  defaultValue?: string;
+  placeholder?: string;
+  widgetId: string;
+  isDisabled?: boolean;
+  isVisible?: boolean;
+  onValueChange: (valueAsString: string) => void;
+}
+export const RichtextEditorComponent = (
+  props: RichtextEditorComponentProps,
+) => {
+  return (
+    <Editor
+      value={props.defaultValue}
+      disabled={props.isDisabled}
+      init={{
+        height: "100%",
+        menubar: false,
+        branding: false,
+        resize: false,
+        plugins: [
+          "advlist autolink lists link image charmap print preview anchor",
+          "searchreplace visualblocks code fullscreen",
+          "insertdatetime media table paste code help",
+        ],
+        toolbar:
+          "undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
+      }}
+      onEditorChange={(content: any) => props.onValueChange(content)}
+    />
+  );
+};
+
+export default RichtextEditorComponent;
--- a/app/client/src/constants/PropertyControlConstants.tsx
+++ b/app/client/src/constants/PropertyControlConstants.tsx
@ -1,5 +1,6 @@
 export type ControlType =
  | "INPUT_TEXT"
+  | "RICH_TEXT_EDITOR"
  | "ICON_PICKER"
  | "SEGMENT_CONTROL"
  | "SWITCH"
--- a/app/client/src/constants/WidgetConstants.tsx
+++ b/app/client/src/constants/WidgetConstants.tsx
@ -1,5 +1,6 @@
 export type WidgetType =
  | "TEXT_WIDGET"
+  | "RICH_TEXT_EDITOR_WIDGET"
  | "IMAGE_WIDGET"
  | "CONTAINER_WIDGET"
  | "SPINNER_WIDGET"
@ -29,6 +30,7 @@ export const WidgetTypes: { [id: string]: WidgetType } = {
  DROP_DOWN_WIDGET: "DROP_DOWN_WIDGET",
  CHECKBOX_WIDGET: "CHECKBOX_WIDGET",
  RADIO_GROUP_WIDGET: "RADIO_GROUP_WIDGET",
+  RICH_TEXT_EDITOR_WIDGET: "RICH_TEXT_EDITOR_WIDGET",
  CHART_WIDGET: "CHART_WIDGET",
  FORM_WIDGET: "FORM_WIDGET",
  FORM_BUTTON_WIDGET: "FORM_BUTTON_WIDGET",
--- a/app/client/src/icons/WidgetIcons.tsx
+++ b/app/client/src/icons/WidgetIcons.tsx
@ -14,6 +14,7 @@ import { ReactComponent as SwitchIcon } from "assets/icons/widget/switch.svg";
 import { ReactComponent as TextIcon } from "assets/icons/widget/text.svg";
 import { ReactComponent as ImageIcon } from "assets/icons/widget/image.svg";
 import { ReactComponent as FilePickerIcon } from "assets/icons/widget/filepicker.svg";
+import { ReactComponent as RichTextEditorIcon } from "assets/icons/widget/rich-text.svg";
 import { ReactComponent as ChartIcon } from "assets/icons/widget/chart.svg";
 import { ReactComponent as FormIcon } from "assets/icons/widget/form.svg";

@ -72,6 +73,11 @@ export const WidgetIcons: {
      <InputIcon />
    </IconWrapper>
  ),
+  RICH_TEXT_EDITOR_WIDGET: (props: IconProps) => (
+    <IconWrapper {...props}>
+      <RichTextEditorIcon />
+    </IconWrapper>
+  ),
  SWITCH_WIDGET: (props: IconProps) => (
    <IconWrapper {...props}>
      <SwitchIcon />
--- a/app/client/src/index.tsx
+++ b/app/client/src/index.tsx
@ -38,7 +38,6 @@ const PageNotFound = lazy(() => import("./pages/common/PageNotFound"));
 const AppViewer = lazy(() => import("./pages/AppViewer"));
 const Organization = lazy(() => import("./pages/organization"));
 const Users = lazy(() => import("./pages/users"));
-
 appInitializer();

 ReactDOM.render(
--- a/app/client/src/mockResponses/PropertyPaneConfigResponse.tsx
+++ b/app/client/src/mockResponses/PropertyPaneConfigResponse.tsx
@ -702,26 +702,19 @@ const PropertyPaneConfigResponse = {
        children: [
          {
            id: "19.1",
-            propertyName: "defaultValue",
+            propertyName: "text",
            label: "Text",
            controlType: "INPUT_TEXT",
            placeholderText: "Enter your HTML text",
          },
          {
            id: "19.2",
-            propertyName: "placeholder",
-            label: "Placeholder",
-            controlType: "INPUT_TEXT",
-            placeholderText: "Enter your placeholder",
-          },
-          {
-            id: "19.3",
            propertyName: "isVisible",
            label: "Visible",
            controlType: "SWITCH",
          },
          {
-            id: "19.4",
+            id: "19.3",
            propertyName: "isDisabled",
            label: "Disable",
            controlType: "SWITCH",
--- a/app/client/src/mockResponses/WidgetConfigResponse.tsx
+++ b/app/client/src/mockResponses/WidgetConfigResponse.tsx
@ -19,6 +19,14 @@ const WidgetConfigResponse: WidgetConfigReducerState = {
      columns: 3,
      widgetName: "Text",
    },
+    RICH_TEXT_EDITOR_WIDGET: {
+      text: "This is the initial <b>content</b> of the editor",
+      rows: 5,
+      columns: 8,
+      isDisabled: false,
+      isVisible: true,
+      widgetName: "RichTextEditor",
+    },
    IMAGE_WIDGET: {
      defaultImage:
        "https://www.cowgirlcontractcleaning.com/wp-content/uploads/sites/360/2018/05/placeholder-img-5.jpg",
--- a/app/client/src/mockResponses/WidgetSidebarResponse.tsx
+++ b/app/client/src/mockResponses/WidgetSidebarResponse.tsx
@ -79,6 +79,11 @@ const WidgetSidebarResponse: {
      widgetCardName: "Button",
      key: generateReactKey(),
    },
+    {
+      type: "RICH_TEXT_EDITOR_WIDGET",
+      widgetCardName: "Rich Text Editor",
+      key: generateReactKey(),
+    },
  ],
  ["View widgets"]: [
    {
--- a/app/client/src/reducers/entityReducers/widgetConfigReducer.tsx
+++ b/app/client/src/reducers/entityReducers/widgetConfigReducer.tsx
@ -7,6 +7,7 @@ import { TextWidgetProps } from "widgets/TextWidget";
 import { ContainerWidgetProps } from "widgets/ContainerWidget";
 import { ImageWidgetProps } from "widgets/ImageWidget";
 import { InputWidgetProps } from "widgets/InputWidget";
+import { RichTextEditorWidgetProps } from "widgets/RichTextEditorWidget";
 import { SwitchWidgetProps } from "widgets/SwitchWidget";
 import { SpinnerWidgetProps } from "widgets/SpinnerWidget";
 import { DatePickerWidgetProps } from "../../widgets/DatePickerWidget";
@ -43,6 +44,8 @@ export interface WidgetConfigReducerState {
    TEXT_WIDGET: Partial<TextWidgetProps> & WidgetConfigProps;
    IMAGE_WIDGET: Partial<ImageWidgetProps> & WidgetConfigProps;
    INPUT_WIDGET: Partial<InputWidgetProps> & WidgetConfigProps;
+    RICH_TEXT_EDITOR_WIDGET: Partial<RichTextEditorWidgetProps> &
+      WidgetConfigProps;
    SWITCH_WIDGET: Partial<SwitchWidgetProps> & WidgetConfigProps;
    CONTAINER_WIDGET: Partial<ContainerWidgetProps<WidgetProps>> &
      WidgetConfigProps;
--- a/app/client/src/resizable/index.tsx
+++ b/app/client/src/resizable/index.tsx
@ -3,9 +3,14 @@ import styled, { StyledComponent } from "styled-components";
 import { useDrag } from "react-use-gesture";
 import { Spring } from "react-spring/renderprops";

-const ResizeWrapper = styled.div`
+const ResizeWrapper = styled.div<{ pevents: boolean }>`
  position: absolute;
  display: block;
+  & {
+    * {
+      pointer-events: ${props => !props.pevents && "none"};
+    }
+  }
 `;

 const getSnappedValues = (
@ -72,6 +77,7 @@ type ResizableProps = {
 };

 export const Resizable = (props: ResizableProps) => {
+  const [pointerEvents, togglePointerEvents] = useState(true);
  const [newDimensions, set] = useState({
    width: props.componentWidth,
    height: props.componentHeight,
@ -195,6 +201,7 @@ export const Resizable = (props: ResizableProps) => {
  ];

  const onResizeStop = () => {
+    togglePointerEvents(true);
    props.onStop(
      {
        width: newDimensions.width,
@ -211,12 +218,14 @@ export const Resizable = (props: ResizableProps) => {
    <ResizableHandle
      {...handle}
      key={index}
-      onStart={props.onStart}
+      onStart={() => {
+        togglePointerEvents(false);
+        props.onStart();
+      }}
      onStop={onResizeStop}
      snapGrid={props.snapGrid}
    />
  ));
-
  return (
    <Spring
      from={{
@ -236,7 +245,7 @@ export const Resizable = (props: ResizableProps) => {
      immediate={newDimensions.reset ? true : false}
    >
      {_props => (
-        <ResizeWrapper style={_props}>
+        <ResizeWrapper style={_props} pevents={pointerEvents}>
          {props.children}
          {props.enable && renderHandles}
        </ResizeWrapper>
--- a/app/client/src/utils/WidgetRegistry.tsx
+++ b/app/client/src/utils/WidgetRegistry.tsx
@ -13,6 +13,9 @@ import ButtonWidget, { ButtonWidgetProps } from "widgets/ButtonWidget";
 import DropdownWidget, { DropdownWidgetProps } from "widgets/DropdownWidget";
 import ImageWidget, { ImageWidgetProps } from "widgets/ImageWidget";
 import TableWidget, { TableWidgetProps } from "widgets/TableWidget";
+import RichTextEditorWidget, {
+  RichTextEditorWidgetProps,
+} from "widgets/RichTextEditorWidget";
 import ChartWidget, { ChartWidgetProps } from "widgets/ChartWidget";

 import FilePickerWidget, {
@ -170,6 +173,17 @@ class WidgetBuilderRegistry {
      DatePickerWidget.getDerivedPropertiesMap(),
      DatePickerWidget.getTriggerPropertyMap(),
    );
+    WidgetFactory.registerWidgetBuilder(
+      "RICH_TEXT_EDITOR_WIDGET",
+      {
+        buildWidget(widgetData: RichTextEditorWidgetProps): JSX.Element {
+          return <RichTextEditorWidget {...widgetData} />;
+        },
+      },
+      RichTextEditorWidget.getPropertyValidationMap(),
+      RichTextEditorWidget.getDerivedPropertiesMap(),
+      RichTextEditorWidget.getTriggerPropertyMap(),
+    );
    WidgetFactory.registerWidgetBuilder(
      "CHART_WIDGET",
      {
--- a/app/client/src/widgets/RichTextEditorWidget.tsx
+++ b/app/client/src/widgets/RichTextEditorWidget.tsx
@ -0,0 +1,90 @@
+import React from "react";
+import BaseWidget, { WidgetProps, WidgetState } from "./BaseWidget";
+import { WidgetType } from "constants/WidgetConstants";
+import { EventType } from "constants/ActionConstants";
+import RichtextEditorComponent from "components/designSystems/appsmith/RichTextEditorComponent";
+import { WidgetPropertyValidationType } from "utils/ValidationFactory";
+import { VALIDATION_TYPES } from "constants/WidgetValidation";
+import { TriggerPropertiesMap } from "utils/WidgetFactory";
+
+class RichTextEditorWidget extends BaseWidget<
+  RichTextEditorWidgetProps,
+  WidgetState
+> {
+  static getPropertyValidationMap(): WidgetPropertyValidationType {
+    return {
+      placeholder: VALIDATION_TYPES.TEXT,
+      defaultValue: VALIDATION_TYPES.TEXT,
+      isDisabled: VALIDATION_TYPES.BOOLEAN,
+      isVisible: VALIDATION_TYPES.BOOLEAN,
+    };
+  }
+
+  static getTriggerPropertyMap(): TriggerPropertiesMap {
+    return {
+      onTextChange: true,
+    };
+  }
+
+  componentDidMount() {
+    super.componentDidMount();
+    if (this.props.text) {
+      this.updateWidgetMetaProperty("value", this.props.text);
+    }
+  }
+
+  componentDidUpdate(prevProps: RichTextEditorWidgetProps) {
+    super.componentDidUpdate(prevProps);
+    if (this.props.text) {
+      if (this.props.text !== prevProps.text) {
+        this.updateWidgetMetaProperty("value", this.props.text);
+      }
+    }
+  }
+
+  onValueChange = (value: string) => {
+    this.updateWidgetMetaProperty("value", value);
+    if (this.props.onTextChange) {
+      super.executeAction({
+        dynamicString: this.props.onTextChange,
+        event: {
+          type: EventType.ON_TEXT_CHANGE,
+        },
+      });
+    }
+  };
+
+  getPageView() {
+    return (
+      <RichtextEditorComponent
+        onValueChange={this.onValueChange}
+        defaultValue={this.props.value}
+        widgetId={this.props.widgetId}
+        placeholder={this.props.placeholder}
+        key={this.props.widgetId}
+        isDisabled={this.props.isDisabled}
+        isVisible={this.props.isVisible}
+      />
+    );
+  }
+
+  getWidgetType(): WidgetType {
+    return "RICH_TEXT_EDITOR_WIDGET";
+  }
+}
+
+export interface InputValidator {
+  validationRegex: string;
+  errorMessage: string;
+}
+
+export interface RichTextEditorWidgetProps extends WidgetProps {
+  text?: string;
+  value?: string;
+  placeholder?: string;
+  onTextChange?: string;
+  isDisabled?: boolean;
+  isVisible?: boolean;
+}
+
+export default RichTextEditorWidget;
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@ -1443,7 +1443,6 @@
 "@sentry/cli@^1.49.0":
  version "1.51.1"
  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-1.51.1.tgz#6ad6b0a74555a5e92e6bdc23e5814418d3287658"
-  integrity sha512-JKYdoE5Pz8AQaupVQW3XOFTuff1UyLtxhcFzQPwQXiZEyXabo00dosX3YkqPKUwMv7LgxTOH23SJU8HwStAmFw==
  dependencies:
    fs-copy-file-sync "^1.1.1"
    https-proxy-agent "^4.0.0"
@ -1492,7 +1491,6 @@
 "@sentry/webpack-plugin@^1.10.0":
  version "1.10.0"
  resolved "https://registry.yarnpkg.com/@sentry/webpack-plugin/-/webpack-plugin-1.10.0.tgz#7f7727b18dbdd3eaeb0998102be89d8733ddbca5"
-  integrity sha512-keT6cH8732bFjdH/v+C/UwbJu6byZ5L8t7QRLjgj+fqDyc/RlVEw9VzIQSJGUtd2XgImpdduWzgxythLkwKJjg==
  dependencies:
    "@sentry/cli" "^1.49.0"

@ -2151,6 +2149,12 @@
    "@syncfusion/ej2-base" "~17.4.47"
    "@syncfusion/ej2-popups" "~17.4.47"

+"@tinymce/tinymce-react@^3.5.0":
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/@tinymce/tinymce-react/-/tinymce-react-3.5.0.tgz#5017be56aeab1077f09d3f74a386883e5524a33f"
+  dependencies:
+    prop-types "^15.6.2"
+
 "@types/anymatch@*":
  version "1.3.1"
  resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@ -2946,7 +2950,6 @@ adjust-sourcemap-loader@2.0.0:
 agent-base@5:
  version "5.1.1"
  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-5.1.1.tgz#e8fb3f242959db44d63be665db7a8e739537a32c"
-  integrity sha512-TMeqbNl2fMW0nMjTEPOwe3J/PRFP4vqeoNuQMG0HlMrtm5QxKqdvAkZ1pRBQ/ulIyDD5Yq0nJ7YbdD8ey0TO3g==

 aggregate-error@^3.0.0:
  version "3.0.1"
@ -3019,7 +3022,6 @@ ansi-align@^3.0.0:
 ansi-colors@3.2.3:
  version "3.2.3"
  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.3.tgz#57d35b8686e851e2cc04c403f1c00203976a1813"
-  integrity sha512-LEHHyuhlPY3TmuUYMh2oz89lTShfvgbmzaBcxve9t/9Wuy7Dwf4yoAKcND7KFT1HAQfqZ12qtc+DUrBMeKF9nw==

 ansi-colors@^3.0.0:
  version "3.2.4"
@ -3870,7 +3872,6 @@ browser-resolve@^1.11.3:
 browser-stdout@1.3.1:
  version "1.3.1"
  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.1.tgz#baa559ee14ced73452229bad7326467c61fabd60"
-  integrity sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==

 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
  version "1.2.0"
@ -4212,7 +4213,6 @@ chardet@^0.7.0:
 charenc@~0.0.1:
  version "0.0.2"
  resolved "https://registry.yarnpkg.com/charenc/-/charenc-0.0.2.tgz#c0a1d2f3a7092e03774bfa83f14c0fc5790a8667"
-  integrity sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=

 check-more-types@2.24.0:
  version "2.24.0"
@ -4221,7 +4221,6 @@ check-more-types@2.24.0:
 chokidar@3.3.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.3.0.tgz#12c0714668c55800f659e262d4962a97faf554a6"
-  integrity sha512-dGmKLDdT3Gdl7fBUe8XK+gAtGmzy5Fn0XkkWQuYxGIgWVPPse2CxFA5mtrlD0TOHaHjEUqkWNyP1XdHoJES/4A==
  dependencies:
    anymatch "~3.1.1"
    braces "~3.0.2"
@ -4763,7 +4762,6 @@ cross-spawn@^3.0.0:
 crypt@~0.0.1:
  version "0.0.2"
  resolved "https://registry.yarnpkg.com/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b"
-  integrity sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=

 crypto-browserify@^3.11.0:
  version "3.12.0"
@ -5007,7 +5005,6 @@ cyclist@^1.0.1:
 cypress-multi-reporters@^1.2.4:
  version "1.2.4"
  resolved "https://registry.yarnpkg.com/cypress-multi-reporters/-/cypress-multi-reporters-1.2.4.tgz#bf6c95f39f9d2ce210d83e096f452a306bcd49fc"
-  integrity sha512-JTsF02I2KH1HM+cUEKeJih8EtjFv6jWVrYlRlJAnomwE5UqRQ3M7cAuw+zqBfNSTIvhOzNHtN3LyxomfhycuAQ==
  dependencies:
    debug "^4.1.1"
    lodash "^4.17.11"
@ -5082,7 +5079,6 @@ date-fns@^1.27.2:
 dateformat@^3.0.2:
  version "3.0.3"
  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
-  integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==

 de-indent@^1.0.2:
  version "1.0.2"
@ -5103,7 +5099,6 @@ debug@3.2.6, debug@^3.0.0, debug@^3.1.0, debug@^3.1.1, debug@^3.2.5:
 debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
  dependencies:
    ms "^2.1.1"

@ -5269,12 +5264,10 @@ diff-sequences@^24.9.0:
 diff@3.5.0:
  version "3.5.0"
  resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
-  integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==

 diff@^4.0.1:
  version "4.0.2"
  resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
-  integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==

 diffie-hellman@^5.0.0:
  version "5.0.3"
@ -6320,7 +6313,6 @@ flat-cache@^2.0.1:
 flat@^4.1.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/flat/-/flat-4.1.0.tgz#090bec8b05e39cba309747f1d588f04dbaf98db2"
-  integrity sha512-Px/TiLIznH7gEDlPXcUD4KnBusa6kR6ayRUVcnEAbreRIuhkqow/mun59BuRXwoYk7ZQOLW1ZM05ilIvK38hFw==
  dependencies:
    is-buffer "~2.0.3"

@ -6447,7 +6439,6 @@ from2@^2.1.0:
 fs-copy-file-sync@^1.1.1:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/fs-copy-file-sync/-/fs-copy-file-sync-1.1.1.tgz#11bf32c096c10d126e5f6b36d06eece776062918"
-  integrity sha512-2QY5eeqVv4m2PfyMiEuy9adxNP+ajf+8AR05cEi+OAzPcOj90hvFImeZhTmKLBgSd9EvG33jsD7ZRxsx9dThkQ==

 fs-extra@5.0.0:
  version "5.0.0"
@ -6533,7 +6524,6 @@ fstream@^1.0.0, fstream@^1.0.12:
 fsu@^1.0.2:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/fsu/-/fsu-1.1.1.tgz#bd36d3579907c59d85b257a75b836aa9e0c31834"
-  integrity sha512-xQVsnjJ/5pQtcKh+KjUoZGzVWn4uNkchxTF6Lwjr4Gf7nQr8fmUfhKJ62zE77+xQg9xnxi5KUps7XGs+VC986A==

 function-bind@^1.1.1:
  version "1.1.1"
@ -6695,7 +6685,6 @@ glob-to-regexp@^0.3.0:
 glob@7.1.3:
  version "7.1.3"
  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
-  integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
  dependencies:
    fs.realpath "^1.0.0"
    inflight "^1.0.4"
@ -6814,7 +6803,6 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6
 growl@1.10.5:
  version "1.10.5"
  resolved "https://registry.yarnpkg.com/growl/-/growl-1.10.5.tgz#f2735dc2283674fa67478b10181059355c369e5e"
-  integrity sha512-qBr4OuELkhPenW6goKVXiv47US3clb3/IbuWF9KNKEijAy9oeHxU9IgzjvJhHkUzhaj7rOUD7+YGWqUjLp5oSA==

 growly@^1.3.0:
  version "1.3.0"
@ -7167,7 +7155,6 @@ https-browserify@^1.0.0:
 https-proxy-agent@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-4.0.0.tgz#702b71fb5520a132a66de1f67541d9e62154d82b"
-  integrity sha512-zoDhWrkR3of1l9QAL8/scJZyLu8j/gBkcwcaQOZh7Gyh/+uJQzGVETdgT30akuwkpL8HTRfssqI3BZuV18teDg==
  dependencies:
    agent-base "5"
    debug "4"
@ -8760,22 +8747,18 @@ lodash.debounce@^4.0.8:
 lodash.isempty@^4.4.0:
  version "4.4.0"
  resolved "https://registry.yarnpkg.com/lodash.isempty/-/lodash.isempty-4.4.0.tgz#6f86cbedd8be4ec987be9aaf33c9684db1b31e7e"
-  integrity sha1-b4bL7di+TsmHvpqvM8loTbGzHn4=

 lodash.isfunction@^3.0.8, lodash.isfunction@^3.0.9:
  version "3.0.9"
  resolved "https://registry.yarnpkg.com/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz#06de25df4db327ac931981d1bdb067e5af68d051"
-  integrity sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==

 lodash.isobject@^3.0.2:
  version "3.0.2"
  resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-3.0.2.tgz#3c8fb8d5b5bf4bf90ae06e14f2a530a4ed935e1d"
-  integrity sha1-PI+41bW/S/kK4G4U8qUwpO2TXh0=

 lodash.isstring@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
-  integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=

 lodash.memoize@^4.1.2:
  version "4.1.2"
@ -8827,7 +8810,6 @@ log-symbols@2.2.0, log-symbols@^2.1.0:
 log-symbols@3.0.0, log-symbols@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
  dependencies:
    chalk "^2.4.2"

@ -8981,7 +8963,6 @@ md5.js@^1.3.4:
 md5@^2.1.0:
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/md5/-/md5-2.2.1.tgz#53ab38d5fe3c8891ba465329ea23fac0540126f9"
-  integrity sha1-U6s41f48iJG6RlMp6iP6wFQBJvk=
  dependencies:
    charenc "~0.0.1"
    crypt "~0.0.1"
@ -9291,7 +9272,6 @@ mkdirp@0.5.1, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
 mocha-junit-reporter@^1.23.3:
  version "1.23.3"
  resolved "https://registry.yarnpkg.com/mocha-junit-reporter/-/mocha-junit-reporter-1.23.3.tgz#941e219dd759ed732f8641e165918aa8b167c981"
-  integrity sha512-ed8LqbRj1RxZfjt/oC9t12sfrWsjZ3gNnbhV1nuj9R/Jb5/P3Xb4duv2eCfCDMYH+fEu0mqca7m4wsiVjsxsvA==
  dependencies:
    debug "^2.2.0"
    md5 "^2.1.0"
@ -9302,7 +9282,6 @@ mocha-junit-reporter@^1.23.3:
 mocha@^7.1.0:
  version "7.1.0"
  resolved "https://registry.yarnpkg.com/mocha/-/mocha-7.1.0.tgz#c784f579ad0904d29229ad6cb1e2514e4db7d249"
-  integrity sha512-MymHK8UkU0K15Q/zX7uflZgVoRWiTjy0fXE/QjKts6mowUvGxOdPhZ2qj3b0iZdUrNZlW9LAIMFHB4IW+2b3EQ==
  dependencies:
    ansi-colors "3.2.3"
    browser-stdout "1.3.1"
@ -9332,7 +9311,6 @@ mocha@^7.1.0:
 mochawesome-report-generator@^4.1.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/mochawesome-report-generator/-/mochawesome-report-generator-4.1.0.tgz#f303e6acb5b30fd900f2ed8a0ba2054a034c9c39"
-  integrity sha512-8diUnfzLqMPybIsq3aw3Zc4Npw9W2ZCx8/fMR0ShAXfDTtPH4t2mRykXEWBhsBA5+jM74mjWpwEqY6Pmz+pCsw==
  dependencies:
    chalk "^2.4.2"
    dateformat "^3.0.2"
@ -9351,7 +9329,6 @@ mochawesome-report-generator@^4.1.0:
 mochawesome@^5.0.0:
  version "5.0.0"
  resolved "https://registry.yarnpkg.com/mochawesome/-/mochawesome-5.0.0.tgz#eb3d96e589ccdd30146bbde581fb3deec01bcbec"
-  integrity sha512-1Vb0G8rqURptOZUmU5xLkLUWKYlx97IoMF2/xW18tL08Z1CZaUbzLAGbgq/s3DCn/vOrb8Dy7swb/cszp3Ylpg==
  dependencies:
    chalk "^3.0.0"
    diff "^4.0.1"
@ -9487,7 +9464,6 @@ node-ensure@^0.0.0:
 node-environment-flags@1.0.6:
  version "1.0.6"
  resolved "https://registry.yarnpkg.com/node-environment-flags/-/node-environment-flags-1.0.6.tgz#a30ac13621f6f7d674260a54dede048c3982c088"
-  integrity sha512-5Evy2epuL+6TM0lCQGpFIj6KwiEsGh1SrHUhTbNX+sLbBtjidPZFAnVK9y5yU1+h//RitLbRHTIMyxQPtxMdHw==
  dependencies:
    object.getownpropertydescriptors "^2.0.3"
    semver "^5.7.0"
@ -9827,7 +9803,6 @@ opencollective-postinstall@^2.0.2:
 opener@^1.4.2:
  version "1.5.1"
  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.1.tgz#6d2f0e77f1a0af0032aca716c2c1fbb8e7e8abed"
-  integrity sha512-goYSy5c2UXE4Ra1xixabeVh1guIX/ZV/YokJksb6q2lubWu6UbvPQ20p542/sFIll1nl8JnCyK9oBaOcCWXwvA==

 opn@^5.5.0:
  version "5.5.0"
@ -10956,7 +10931,6 @@ process@^0.11.10:
 progress@2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
-  integrity sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=

 progress@^2.0.0:
  version "2.0.3"
@ -11031,7 +11005,6 @@ proxy-addr@~2.0.5:
 proxy-from-env@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.0.0.tgz#33c50398f70ea7eb96d21f7b817630a55791c7ee"
-  integrity sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=

 prr@~1.0.1:
  version "1.0.1"
@ -11454,7 +11427,6 @@ react-dom@^16.7.0, react-dom@^16.8.3:
 react-dom@^16.8.5:
  version "16.13.0"
  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.0.tgz#cdde54b48eb9e8a0ca1b3dc9943d9bb409b81866"
-  integrity sha512-y09d2c4cG220DzdlFkPTnVvGTszVvNpC73v+AaLGLHbkpy3SSgvYq8x0rNwPJ/Rk/CicTNgk0hbHNw1gMEZAXg==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
@ -11787,7 +11759,6 @@ react@^16.12.0, react@^16.8.3:
 react@^16.8.5:
  version "16.13.0"
  resolved "https://registry.yarnpkg.com/react/-/react-16.13.0.tgz#d046eabcdf64e457bbeed1e792e235e1b9934cf7"
-  integrity sha512-TSavZz2iSLkq5/oiE7gnFzmURKZMltmi193rm5HEoUDAXpzT9Kzw6oNZnGoai/4+fUnm7FqS5dwgUL34TujcWQ==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
@ -11884,7 +11855,6 @@ readdirp@^2.2.1:
 readdirp@~3.2.0:
  version "3.2.0"
  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.2.0.tgz#c30c33352b12c96dfb4b895421a49fd5a9593839"
-  integrity sha512-crk4Qu3pmXwgxdSgGhgA/eXiJAPQiX4GMOZZMXnqKxHX7TaoL+3gQVo/WeuAiogr07DpnfjIMpXXa+PAIvwPGQ==
  dependencies:
    picomatch "^2.0.4"

@ -12485,7 +12455,6 @@ scheduler@^0.18.0:
 scheduler@^0.19.0:
  version "0.19.0"
  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.0.tgz#a715d56302de403df742f4a9be11975b32f5698d"
-  integrity sha512-xowbVaTPe9r7y7RUejcK73/j8tt2jfiyTednOvHbA8JoClvMYCp+r8QegLwK/n8zWQAtZb1fFnER4XLBZXrCxA==
  dependencies:
    loose-envify "^1.1.0"
    object-assign "^4.1.1"
@ -13213,7 +13182,6 @@ strip-indent@^3.0.0:
 strip-json-comments@2.0.1:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=

 strip-json-comments@^3.0.1:
  version "3.0.1"
@ -13281,7 +13249,6 @@ supports-color@5.5.0, supports-color@^5.3.0, supports-color@^5.5.0:
 supports-color@6.0.0:
  version "6.0.0"
  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.0.0.tgz#76cfe742cf1f41bb9b1c29ad03068c05b4c0e40a"
-  integrity sha512-on9Kwidc1IUQo+bQdhi8+Tijpo0e1SS6RoGo2guUwn5vdaxw8RXOF9Vb2ws+ihWOmh4JnCJOvaziZWP1VABaLg==
  dependencies:
    has-flag "^3.0.0"

@ -13366,14 +13333,12 @@ tar@^2.0.0:
 tcomb-validation@^3.3.0:
  version "3.4.1"
  resolved "https://registry.yarnpkg.com/tcomb-validation/-/tcomb-validation-3.4.1.tgz#a7696ec176ce56a081d9e019f8b732a5a8894b65"
-  integrity sha512-urVVMQOma4RXwiVCa2nM2eqrAomHROHvWPuj6UkDGz/eb5kcy0x6P0dVt6kzpUZtYMNoAqJLWmz1BPtxrtjtrA==
  dependencies:
    tcomb "^3.0.0"

 tcomb@^3.0.0, tcomb@^3.2.17:
  version "3.2.29"
  resolved "https://registry.yarnpkg.com/tcomb/-/tcomb-3.2.29.tgz#32404fe9456d90c2cf4798682d37439f1ccc386c"
-  integrity sha512-di2Hd1DB2Zfw6StGv861JoAF5h/uQVu/QJp2g8KVbtfKnoHdBQl5M32YWq6mnSYBQ1vFFrns5B1haWJL7rKaOQ==

 telejson@^3.2.0:
  version "3.3.0"
@ -13506,6 +13471,10 @@ tinycolor2@^1.4.1:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8"

+tinymce@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/tinymce/-/tinymce-5.2.0.tgz#e838640f61c8a936317bc27a5d2e16c297df3418"
+
 tmp@0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.1.0.tgz#ee434a4e22543082e294ba6201dcc6eafefa2877"
@ -14015,7 +13984,6 @@ uuid@^3.0.1, uuid@^3.1.0, uuid@^3.2.1, uuid@^3.3.2:
 uuid@^7.0.0:
  version "7.0.1"
  resolved "https://registry.yarnpkg.com/uuid/-/uuid-7.0.1.tgz#95ed6ff3d8c881cbf85f0f05cc3915ef994818ef"
-  integrity sha512-yqjRXZzSJm9Dbl84H2VDHpM3zMjzSJQ+hn6C4zqd5ilW+7P4ZmLEEqwho9LjP+tGuZlF4xrHQXT0h9QZUS/pWA==

 v8-compile-cache@^2.0.3:
  version "2.1.0"
@ -14031,7 +13999,6 @@ validate-npm-package-license@^3.0.1:
 validator@^10.11.0:
  version "10.11.0"
  resolved "https://registry.yarnpkg.com/validator/-/validator-10.11.0.tgz#003108ea6e9a9874d31ccc9e5006856ccd76b228"
-  integrity sha512-X/p3UZerAIsbBfN/IwahhYaBbY68EN/UQBWHtsbXGT5bfrH/p4NQzUCG1kF/rtKaNpnJ7jAu6NGTdSNtyNIXMw==

 value-equal@^1.0.1:
  version "1.0.1"
@ -14599,7 +14566,6 @@ xml-name-validator@^3.0.0:
 xml@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/xml/-/xml-1.0.1.tgz#78ba72020029c5bc87b8a81a3cfcd74b4a2fc1e5"
-  integrity sha1-eLpyAgApxbyHuKgaPPzXS0ovweU=

 xmlchars@^2.1.1:
  version "2.2.0"
@ -14638,7 +14604,6 @@ yaml@^1.7.2:
 yargs-parser@13.1.1, yargs-parser@^13.1.1:
  version "13.1.1"
  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
-  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
  dependencies:
    camelcase "^5.0.0"
    decamelize "^1.2.0"
@ -14646,7 +14611,6 @@ yargs-parser@13.1.1, yargs-parser@^13.1.1:
 yargs-parser@^11.1.1:
  version "11.1.1"
  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-11.1.1.tgz#879a0865973bca9f6bab5cbdf3b1c67ec7d3bcf4"
-  integrity sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==
  dependencies:
    camelcase "^5.0.0"
    decamelize "^1.2.0"
@ -14667,7 +14631,6 @@ yargs-parser@^5.0.0:
 yargs-unparser@1.6.0:
  version "1.6.0"
  resolved "https://registry.yarnpkg.com/yargs-unparser/-/yargs-unparser-1.6.0.tgz#ef25c2c769ff6bd09e4b0f9d7c605fb27846ea9f"
-  integrity sha512-W9tKgmSn0DpSatfri0nx52Joq5hVXgeLiqR/5G0sZNDoLZFOr/xjBUDcShCOGNsBnEMNo1KAMBkTej1Hm62HTw==
  dependencies:
    flat "^4.1.0"
    lodash "^4.17.15"