@rhc-shared-components/rich-text-editor 0.2.2 → 0.2.8

package/dist/index.js

@@ -1,11 +1,34 @@
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
 var ckeditor5React = require('@ckeditor/ckeditor5-react');
-var ClassicEditor = _interopDefault(require('@ckeditor/ckeditor5-build-classic'));
+var ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
 var reactCore = require('@patternfly/react-core');
 var formik = require('formik');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ClassicEditor__default = /*#__PURE__*/_interopDefaultLegacy(ClassicEditor);
+
+var css_248z = ".rich-text-editor-custom {\n  --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);\n  --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);\n  --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);\n  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal); }\n  .rich-text-editor-custom h1 {\n    font-size: var(--pf-c-title--m-2xl--FontSize);\n    font-weight: var(--pf-c-title--m-2xl--FontWeight);\n    line-height: var(--pf-c-title--m-2xl--LineHeight); }\n  .rich-text-editor-custom h2 {\n    font-size: var(--pf-c-title--m-xl--FontSize);\n    font-weight: var(--pf-c-title--m-xl--FontWeight);\n    line-height: var(--pf-c-title--m-xl--LineHeight); }\n  .rich-text-editor-custom h3 {\n    font-size: var(--pf-c-title--m-lg--FontSize);\n    font-weight: var(--pf-c-title--m-lg--FontWeight);\n    line-height: var(--pf-c-title--m-lg--LineHeight); }\n  .rich-text-editor-custom h4 {\n    font-size: var(--pf-c-title--m-md--FontSize);\n    font-weight: var(--pf-c-title--m-md--FontWeight);\n    line-height: var(--pf-c-title--m-md--LineHeight); }\n  .rich-text-editor-custom ul {\n    display: block;\n    list-style-type: disc;\n    -webkit-margin-before: 1em;\n            margin-block-start: 1em;\n    -webkit-margin-after: 1em;\n            margin-block-end: 1em;\n    -webkit-margin-start: 0px;\n            margin-inline-start: 0px;\n    -webkit-margin-end: 0px;\n            margin-inline-end: 0px;\n    -webkit-padding-start: 40px;\n            padding-inline-start: 40px; }\n    .rich-text-editor-custom ul li {\n      display: list-item; }\n    .rich-text-editor-custom ul ul {\n      list-style-type: circle;\n      -webkit-margin-before: 0px;\n              margin-block-start: 0px;\n      -webkit-margin-after: 0px;\n              margin-block-end: 0px; }\n  .rich-text-editor-custom ol {\n    display: block;\n    list-style-type: decimal;\n    -webkit-margin-before: 1em;\n            margin-block-start: 1em;\n    -webkit-margin-after: 1em;\n            margin-block-end: 1em;\n    -webkit-margin-start: 0px;\n            margin-inline-start: 0px;\n    -webkit-margin-end: 0px;\n            margin-inline-end: 0px;\n    -webkit-padding-start: 40px;\n            padding-inline-start: 40px; }\n";
+
 var RichTextEditor = function RichTextEditor(_ref) {
   var value = _ref.value,
       disabled = _ref.disabled,
@@ -23,9 +46,12 @@ var RichTextEditor = function RichTextEditor(_ref) {
     }
   };
 
-  return React.createElement("div", null, React.createElement(ckeditor5React.CKEditor, Object.assign({
+  InsertCss();
+  return React__namespace.createElement("div", {
+    className: 'rich-text-editor-custom'
+  }, React__namespace.createElement(ckeditor5React.CKEditor, Object.assign({
     disabled: disabled,
-    editor: ClassicEditor,
+    editor: ClassicEditor__default["default"],
     data: value,
     config: {
       heading: {
@@ -35,35 +61,27 @@ var RichTextEditor = function RichTextEditor(_ref) {
         }, {
           model: 'heading1',
           view: {
-            name: 'h1',
-            classes: 'pf-c-title pf-m-2xl'
+            name: 'h1'
           },
-          title: 'Heading 1',
-          "class": 'ck-heading_heading1'
+          title: 'Heading 1'
         }, {
           model: 'heading2',
           view: {
-            name: 'h2',
-            classes: 'pf-c-title pf-m-xl'
+            name: 'h2'
           },
-          title: 'Heading 2',
-          "class": 'ck-heading_heading2'
+          title: 'Heading 2'
         }, {
           model: 'heading3',
           view: {
-            name: 'h4',
-            classes: 'pf-c-title pf-m-lg'
+            name: 'h4'
           },
-          title: 'Heading 3',
-          "class": 'ck-heading_heading3'
+          title: 'Heading 3'
         }, {
           model: 'heading4',
           view: {
-            name: 'h4',
-            classes: 'pf-c-title pf-m-md'
+            name: 'h4'
           },
-          title: 'Heading 4',
-          "class": 'ck-heading_heading4'
+          title: 'Heading 4'
         }]
       },
       toolbar: {
@@ -93,7 +111,19 @@ var RichTextEditor = function RichTextEditor(_ref) {
   })));
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+var InsertCss = function InsertCss() {
+  var styleId = 'rich-test-editor-styles';
+
+  if (!document.getElementById(styleId)) {
+    var styleTag = document.createElement('style');
+    styleTag.id = styleId;
+    styleTag.type = 'text/css';
+    styleTag.innerHTML = css_248z;
+    document.body.appendChild(styleTag);
+  }
+};
+
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -108,7 +138,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -123,7 +153,7 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
-var _excluded = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon", "onClick"];
+var _excluded$1 = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon", "onClick"];
 
 var FormGroupContainer = function FormGroupContainer(_ref) {
   var children = _ref.children,
@@ -132,7 +162,7 @@ var FormGroupContainer = function FormGroupContainer(_ref) {
       helperText = _ref.helperText,
       labelIcon = _ref.labelIcon,
       onClick = _ref.onClick,
-      rest = _objectWithoutPropertiesLoose$1(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   return React.createElement(reactCore.FormGroup, Object.assign({
     className: 'form-group',
@@ -146,14 +176,14 @@ var FormGroupContainer = function FormGroupContainer(_ref) {
   }, rest), children);
 };
 
-var _excluded$1 = ["label", "isRequired", "ariaLabel", "placeholder", "helperText", "maxItems", "maxHeight", "disabled"];
+var _excluded = ["label", "isRequired", "ariaLabel", "placeholder", "helperText", "maxItems", "maxHeight", "disabled"];
 
 var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
   var label = _ref.label,
       isRequired = _ref.isRequired,
       helperText = _ref.helperText,
       disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      rest = _objectWithoutPropertiesLoose$1(_ref, _excluded);
 
   var _useField = formik.useField({
     name: rest.name
@@ -161,17 +191,18 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
       meta = _useField[1];
 
   var value = meta.value;
-  var editorRef = React.useRef(null);
+  var editorRef = React__namespace.useRef(null);
 
   var _useFormikContext = formik.useFormikContext(),
       isSubmitting = _useFormikContext.isSubmitting,
       setFieldValue = _useFormikContext.setFieldValue,
       validateField = _useFormikContext.validateField;
 
-  return React.createElement(FormGroupContainer, {
+  return React__namespace.createElement(FormGroupContainer, {
     validated: meta.error ? reactCore.ValidatedOptions.error : reactCore.ValidatedOptions["default"],
     onClick: function onClick() {
       if (editorRef) {
+        // @ts-ignore
         editorRef.current.editing.view.focus();
       }
     },
@@ -180,7 +211,7 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
     isRequired: isRequired,
     label: label,
     helperText: helperText
-  }, React.createElement(RichTextEditor, {
+  }, React__namespace.createElement(RichTextEditor, {
     value: value,
     id: rest.name,
     name: rest.name,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/RichTextEditor.tsx","../../form-group-container/dist/index.modern.js","../src/RichTextEditorFormComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\n\ntype RichTextEditorFunctionType = (\n  value: string,\n  event?: Event,\n  editor?: ClassicEditor\n) => void;\n\nexport interface RichTextEditorProps {\n  value: string;\n  disabled?: boolean;\n  onReady?: (editor: ClassicEditor) => void;\n  onChange?: RichTextEditorFunctionType;\n  onBlur?: RichTextEditorFunctionType;\n  onFocus?: RichTextEditorFunctionType;\n  onError?: RichTextEditorFunctionType;\n  id?: string;\n  name?: string;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value,\n  disabled,\n  onReady,\n  onChange,\n  onError,\n  onBlur,\n  onFocus,\n  id,\n  name\n}) => {\n  const eventHandlerWrapper = (\n    handler: RichTextEditorFunctionType | undefined,\n    event: Event | undefined,\n    editor: ClassicEditor | undefined\n  ) => {\n    if (handler) {\n      handler(editor.getData(), event, editor);\n    }\n  };\n  return (\n    <div>\n      <CKEditor\n        disabled={disabled}\n        editor={ClassicEditor}\n        data={value}\n        config={{\n          heading: {\n            options: [\n              {\n                model: 'paragraph',\n                title: 'Paragraph'\n              },\n              {\n                model: 'heading1',\n                view: {\n                  name: 'h1',\n                  classes: 'pf-c-title pf-m-2xl'\n                },\n                title: 'Heading 1',\n                class: 'ck-heading_heading1'\n              },\n              {\n                model: 'heading2',\n                view: {\n                  name: 'h2',\n                  classes: 'pf-c-title pf-m-xl'\n                },\n                title: 'Heading 2',\n                class: 'ck-heading_heading2'\n              },\n              {\n                model: 'heading3',\n                view: {\n                  name: 'h4',\n                  classes: 'pf-c-title pf-m-lg'\n                },\n                title: 'Heading 3',\n                class: 'ck-heading_heading3'\n              },\n              {\n                model: 'heading4',\n                view: {\n                  name: 'h4',\n                  classes: 'pf-c-title pf-m-md'\n                },\n                title: 'Heading 4',\n                class: 'ck-heading_heading4'\n              }\n            ]\n          },\n          toolbar: {\n            items: [\n              'heading',\n              '|',\n              'bold',\n              'italic',\n              'link',\n              'bulletedList',\n              'numberedList',\n              '|',\n              'blockQuote',\n              'insertTable',\n              'undo',\n              'redo'\n            ]\n          },\n          table: {\n            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']\n          }\n        }}\n        onReady={onReady}\n        onChange={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onChange, event, editor);\n        }}\n        onBlur={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onBlur, event, editor);\n        }}\n        onFocus={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onFocus, event, editor);\n        }}\n        onError={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onError, event, editor);\n        }}\n        {...(id && { id })}\n        {...(name && { name })}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n","import { createElement } from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"helperTextInvalid\", \"isValid\", \"helperText\", \"labelIcon\", \"onClick\"];\n\nvar FormGroupContainer = function FormGroupContainer(_ref) {\n  var children = _ref.children,\n      helperTextInvalid = _ref.helperTextInvalid,\n      isValid = _ref.isValid,\n      helperText = _ref.helperText,\n      labelIcon = _ref.labelIcon,\n      onClick = _ref.onClick,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  return createElement(FormGroup, Object.assign({\n    className: 'form-group',\n    helperTextInvalid: helperTextInvalid,\n    helperText: helperText,\n    validated: isValid ? ValidatedOptions[\"default\"] : ValidatedOptions.error\n  }, labelIcon && {\n    labelIcon: labelIcon\n  }, onClick && {\n    onClick: onClick\n  }, rest), children);\n};\n\nexport { FormGroupContainer };\n","import * as React from 'react';\nimport { FormGroupContainer } from '@rhc-shared-components/form-group-container';\nimport { useField, useFormikContext } from 'formik';\nimport { ValidatedOptions } from '@patternfly/react-core';\nimport RichTextEditor from './RichTextEditor';\n\nexport interface RichTextEditorFormComponentProps {\n  name: string;\n  label: string;\n  disabled?: boolean;\n  isRequired?: boolean;\n  placeholder?: string;\n  ariaLabel?: string;\n  helperText?: string;\n  maxItems?: number;\n  maxHeight?: string | number;\n}\n\nconst RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps> =\n  ({\n    label,\n    isRequired,\n    ariaLabel = 'Enter text',\n    placeholder,\n    helperText,\n    maxItems,\n    maxHeight,\n    disabled,\n    ...rest\n  }) => {\n    const [, meta] = useField({ name: rest.name });\n    const { value } = meta;\n    const editorRef = React.useRef(null);\n    const { isSubmitting, setFieldValue, validateField } = useFormikContext();\n    return (\n      <FormGroupContainer\n        validated={\n          meta.error ? ValidatedOptions.error : ValidatedOptions.default\n        }\n        onClick={() => {\n          if (editorRef) {\n            // @ts-ignore\n            editorRef.current.editing.view.focus();\n          }\n        }}\n        fieldId={rest.name}\n        helperTextInvalid={meta.error}\n        isRequired={isRequired}\n        label={label}\n        helperText={helperText}\n      >\n        <RichTextEditor\n          value={value}\n          id={rest.name}\n          name={rest.name}\n          onReady={(editor) => {\n            editorRef.current = editor;\n          }}\n          disabled={disabled || isSubmitting}\n          onChange={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n          onBlur={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n        />\n      </FormGroupContainer>\n    );\n  };\n\nexport default RichTextEditorFormComponent;\n"],"names":["RichTextEditor","value","disabled","onReady","onChange","onError","onBlur","onFocus","id","name","eventHandlerWrapper","handler","event","editor","getData","React","CKEditor","ClassicEditor","data","config","heading","options","model","title","view","classes","toolbar","items","table","contentToolbar","_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","Object","keys","key","i","length","indexOf","_excluded","FormGroupContainer","_ref","children","helperTextInvalid","isValid","helperText","labelIcon","onClick","rest","createElement","FormGroup","assign","className","validated","ValidatedOptions","error","RichTextEditorFormComponent","label","isRequired","maxItems","useField","meta","editorRef","useFormikContext","isSubmitting","setFieldValue","validateField","current","editing","focus","fieldId"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/RichTextEditor.tsx","../../form-group-container/dist/index.modern.js","../src/RichTextEditorFormComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport styles from './RichTextEditor.scss';\n\ntype RichTextEditorFunctionType = (\n  value: string,\n  event?: Event,\n  editor?: ClassicEditor\n) => void;\n\nexport interface RichTextEditorProps {\n  value: string;\n  disabled?: boolean;\n  onReady?: (editor: ClassicEditor) => void;\n  onChange?: RichTextEditorFunctionType;\n  onBlur?: RichTextEditorFunctionType;\n  onFocus?: RichTextEditorFunctionType;\n  onError?: RichTextEditorFunctionType;\n  id?: string;\n  name?: string;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value,\n  disabled,\n  onReady,\n  onChange,\n  onError,\n  onBlur,\n  onFocus,\n  id,\n  name\n}) => {\n  const eventHandlerWrapper = (\n    handler: RichTextEditorFunctionType | undefined,\n    event: Event | undefined,\n    editor: ClassicEditor | undefined\n  ) => {\n    if (handler) {\n      handler(editor.getData(), event, editor);\n    }\n  };\n  InsertCss();\n  return (\n    <div className='rich-text-editor-custom'>\n      <CKEditor\n        disabled={disabled}\n        editor={ClassicEditor}\n        data={value}\n        config={{\n          heading: {\n            options: [\n              {\n                model: 'paragraph',\n                title: 'Paragraph'\n              },\n              {\n                model: 'heading1',\n                view: {\n                  name: 'h1'\n                },\n                title: 'Heading 1'\n              },\n              {\n                model: 'heading2',\n                view: {\n                  name: 'h2'\n                },\n                title: 'Heading 2'\n              },\n              {\n                model: 'heading3',\n                view: {\n                  name: 'h4'\n                },\n                title: 'Heading 3'\n              },\n              {\n                model: 'heading4',\n                view: {\n                  name: 'h4'\n                },\n                title: 'Heading 4'\n              }\n            ]\n          },\n          toolbar: {\n            items: [\n              'heading',\n              '|',\n              'bold',\n              'italic',\n              'link',\n              'bulletedList',\n              'numberedList',\n              '|',\n              'blockQuote',\n              'insertTable',\n              'undo',\n              'redo'\n            ]\n          },\n          table: {\n            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']\n          }\n        }}\n        onReady={onReady}\n        onChange={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onChange, event, editor);\n        }}\n        onBlur={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onBlur, event, editor);\n        }}\n        onFocus={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onFocus, event, editor);\n        }}\n        onError={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onError, event, editor);\n        }}\n        {...(id && { id })}\n        {...(name && { name })}\n      />\n    </div>\n  );\n};\n\nconst InsertCss = () => {\n  const styleId = 'rich-test-editor-styles';\n  if (!document.getElementById(styleId)) {\n    const styleTag = document.createElement('style');\n    styleTag.id = styleId;\n    styleTag.type = 'text/css';\n    styleTag.innerHTML = styles;\n    document.body.appendChild(styleTag);\n  }\n};\n\nexport default RichTextEditor;\n","import { createElement } from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"helperTextInvalid\", \"isValid\", \"helperText\", \"labelIcon\", \"onClick\"];\n\nvar FormGroupContainer = function FormGroupContainer(_ref) {\n  var children = _ref.children,\n      helperTextInvalid = _ref.helperTextInvalid,\n      isValid = _ref.isValid,\n      helperText = _ref.helperText,\n      labelIcon = _ref.labelIcon,\n      onClick = _ref.onClick,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  return createElement(FormGroup, Object.assign({\n    className: 'form-group',\n    helperTextInvalid: helperTextInvalid,\n    helperText: helperText,\n    validated: isValid ? ValidatedOptions[\"default\"] : ValidatedOptions.error\n  }, labelIcon && {\n    labelIcon: labelIcon\n  }, onClick && {\n    onClick: onClick\n  }, rest), children);\n};\n\nexport { FormGroupContainer };\n","import * as React from 'react';\nimport { FormGroupContainer } from '@rhc-shared-components/form-group-container';\nimport { useField, useFormikContext } from 'formik';\nimport { ValidatedOptions } from '@patternfly/react-core';\nimport RichTextEditor from './RichTextEditor';\n\nexport interface RichTextEditorFormComponentProps {\n  name: string;\n  label: string;\n  disabled?: boolean;\n  isRequired?: boolean;\n  placeholder?: string;\n  ariaLabel?: string;\n  helperText?: string;\n  maxItems?: number;\n  maxHeight?: string | number;\n}\n\nconst RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps> =\n  ({\n    label,\n    isRequired,\n    ariaLabel = 'Enter text',\n    placeholder,\n    helperText,\n    maxItems,\n    maxHeight,\n    disabled,\n    ...rest\n  }) => {\n    const [, meta] = useField({ name: rest.name });\n    const { value } = meta;\n    const editorRef = React.useRef(null);\n    const { isSubmitting, setFieldValue, validateField } = useFormikContext();\n    return (\n      <FormGroupContainer\n        validated={\n          meta.error ? ValidatedOptions.error : ValidatedOptions.default\n        }\n        onClick={() => {\n          if (editorRef) {\n            // @ts-ignore\n            editorRef.current.editing.view.focus();\n          }\n        }}\n        fieldId={rest.name}\n        helperTextInvalid={meta.error}\n        isRequired={isRequired}\n        label={label}\n        helperText={helperText}\n      >\n        <RichTextEditor\n          value={value}\n          id={rest.name}\n          name={rest.name}\n          onReady={(editor) => {\n            editorRef.current = editor;\n          }}\n          disabled={disabled || isSubmitting}\n          onChange={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n          onBlur={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n        />\n      </FormGroupContainer>\n    );\n  };\n\nexport default RichTextEditorFormComponent;\n"],"names":["RichTextEditor","value","disabled","onReady","onChange","onError","onBlur","onFocus","id","name","eventHandlerWrapper","handler","event","editor","getData","InsertCss","React","className","CKEditor","ClassicEditor","data","config","heading","options","model","title","view","toolbar","items","table","contentToolbar","styleId","document","getElementById","styleTag","createElement","type","innerHTML","styles","body","appendChild","_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","Object","keys","key","i","length","indexOf","_excluded","FormGroupContainer","_ref","children","helperTextInvalid","isValid","helperText","labelIcon","onClick","rest","FormGroup","assign","validated","ValidatedOptions","error","RichTextEditorFormComponent","label","isRequired","useField","meta","editorRef","useRef","useFormikContext","isSubmitting","setFieldValue","validateField","current","editing","focus","fieldId"],"mappings":"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"}

package/dist/index.modern.js

@@ -1,27 +1,33 @@
-import { createElement, useRef } from 'react';
+import * as React from 'react';
+import { createElement } from 'react';
 import { CKEditor } from '@ckeditor/ckeditor5-react';
 import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
 import { FormGroup, ValidatedOptions } from '@patternfly/react-core';
 import { useField, useFormikContext } from 'formik';
 
-var RichTextEditor = function RichTextEditor(_ref) {
-  var value = _ref.value,
-      disabled = _ref.disabled,
-      onReady = _ref.onReady,
-      _onChange = _ref.onChange,
-      _onError = _ref.onError,
-      _onBlur = _ref.onBlur,
-      _onFocus = _ref.onFocus,
-      id = _ref.id,
-      name = _ref.name;
-
-  var eventHandlerWrapper = function eventHandlerWrapper(handler, event, editor) {
+var css_248z = ".rich-text-editor-custom {\n  --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);\n  --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);\n  --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);\n  --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);\n  --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);\n  --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);\n  --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);\n  --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal); }\n  .rich-text-editor-custom h1 {\n    font-size: var(--pf-c-title--m-2xl--FontSize);\n    font-weight: var(--pf-c-title--m-2xl--FontWeight);\n    line-height: var(--pf-c-title--m-2xl--LineHeight); }\n  .rich-text-editor-custom h2 {\n    font-size: var(--pf-c-title--m-xl--FontSize);\n    font-weight: var(--pf-c-title--m-xl--FontWeight);\n    line-height: var(--pf-c-title--m-xl--LineHeight); }\n  .rich-text-editor-custom h3 {\n    font-size: var(--pf-c-title--m-lg--FontSize);\n    font-weight: var(--pf-c-title--m-lg--FontWeight);\n    line-height: var(--pf-c-title--m-lg--LineHeight); }\n  .rich-text-editor-custom h4 {\n    font-size: var(--pf-c-title--m-md--FontSize);\n    font-weight: var(--pf-c-title--m-md--FontWeight);\n    line-height: var(--pf-c-title--m-md--LineHeight); }\n  .rich-text-editor-custom ul {\n    display: block;\n    list-style-type: disc;\n    -webkit-margin-before: 1em;\n            margin-block-start: 1em;\n    -webkit-margin-after: 1em;\n            margin-block-end: 1em;\n    -webkit-margin-start: 0px;\n            margin-inline-start: 0px;\n    -webkit-margin-end: 0px;\n            margin-inline-end: 0px;\n    -webkit-padding-start: 40px;\n            padding-inline-start: 40px; }\n    .rich-text-editor-custom ul li {\n      display: list-item; }\n    .rich-text-editor-custom ul ul {\n      list-style-type: circle;\n      -webkit-margin-before: 0px;\n              margin-block-start: 0px;\n      -webkit-margin-after: 0px;\n              margin-block-end: 0px; }\n  .rich-text-editor-custom ol {\n    display: block;\n    list-style-type: decimal;\n    -webkit-margin-before: 1em;\n            margin-block-start: 1em;\n    -webkit-margin-after: 1em;\n            margin-block-end: 1em;\n    -webkit-margin-start: 0px;\n            margin-inline-start: 0px;\n    -webkit-margin-end: 0px;\n            margin-inline-end: 0px;\n    -webkit-padding-start: 40px;\n            padding-inline-start: 40px; }\n";
+
+const RichTextEditor = ({
+  value,
+  disabled,
+  onReady,
+  onChange,
+  onError,
+  onBlur,
+  onFocus,
+  id,
+  name
+}) => {
+  const eventHandlerWrapper = (handler, event, editor) => {
     if (handler) {
       handler(editor.getData(), event, editor);
     }
   };
 
-  return createElement("div", null, createElement(CKEditor, Object.assign({
+  InsertCss();
+  return React.createElement("div", {
+    className: 'rich-text-editor-custom'
+  }, React.createElement(CKEditor, Object.assign({
     disabled: disabled,
     editor: ClassicEditor,
     data: value,
@@ -33,35 +39,27 @@ var RichTextEditor = function RichTextEditor(_ref) {
         }, {
           model: 'heading1',
           view: {
-            name: 'h1',
-            classes: 'pf-c-title pf-m-2xl'
+            name: 'h1'
           },
-          title: 'Heading 1',
-          "class": 'ck-heading_heading1'
+          title: 'Heading 1'
         }, {
           model: 'heading2',
           view: {
-            name: 'h2',
-            classes: 'pf-c-title pf-m-xl'
+            name: 'h2'
           },
-          title: 'Heading 2',
-          "class": 'ck-heading_heading2'
+          title: 'Heading 2'
         }, {
           model: 'heading3',
           view: {
-            name: 'h4',
-            classes: 'pf-c-title pf-m-lg'
+            name: 'h4'
           },
-          title: 'Heading 3',
-          "class": 'ck-heading_heading3'
+          title: 'Heading 3'
         }, {
           model: 'heading4',
           view: {
-            name: 'h4',
-            classes: 'pf-c-title pf-m-md'
+            name: 'h4'
           },
-          title: 'Heading 4',
-          "class": 'ck-heading_heading4'
+          title: 'Heading 4'
         }]
       },
       toolbar: {
@@ -72,26 +70,38 @@ var RichTextEditor = function RichTextEditor(_ref) {
       }
     },
     onReady: onReady,
-    onChange: function onChange(event, editor) {
-      eventHandlerWrapper(_onChange, event, editor);
+    onChange: (event, editor) => {
+      eventHandlerWrapper(onChange, event, editor);
     },
-    onBlur: function onBlur(event, editor) {
-      eventHandlerWrapper(_onBlur, event, editor);
+    onBlur: (event, editor) => {
+      eventHandlerWrapper(onBlur, event, editor);
     },
-    onFocus: function onFocus(event, editor) {
-      eventHandlerWrapper(_onFocus, event, editor);
+    onFocus: (event, editor) => {
+      eventHandlerWrapper(onFocus, event, editor);
     },
-    onError: function onError(event, editor) {
-      eventHandlerWrapper(_onError, event, editor);
+    onError: (event, editor) => {
+      eventHandlerWrapper(onError, event, editor);
     }
   }, id && {
-    id: id
+    id
   }, name && {
-    name: name
+    name
   })));
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+const InsertCss = () => {
+  const styleId = 'rich-test-editor-styles';
+
+  if (!document.getElementById(styleId)) {
+    const styleTag = document.createElement('style');
+    styleTag.id = styleId;
+    styleTag.type = 'text/css';
+    styleTag.innerHTML = css_248z;
+    document.body.appendChild(styleTag);
+  }
+};
+
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -106,7 +116,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -121,7 +131,7 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 
-var _excluded = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon", "onClick"];
+var _excluded$1 = ["children", "helperTextInvalid", "isValid", "helperText", "labelIcon", "onClick"];
 
 var FormGroupContainer = function FormGroupContainer(_ref) {
   var children = _ref.children,
@@ -130,7 +140,7 @@ var FormGroupContainer = function FormGroupContainer(_ref) {
       helperText = _ref.helperText,
       labelIcon = _ref.labelIcon,
       onClick = _ref.onClick,
-      rest = _objectWithoutPropertiesLoose$1(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   return createElement(FormGroup, Object.assign({
     className: 'form-group',
@@ -144,32 +154,35 @@ var FormGroupContainer = function FormGroupContainer(_ref) {
   }, rest), children);
 };
 
-var _excluded$1 = ["label", "isRequired", "ariaLabel", "placeholder", "helperText", "maxItems", "maxHeight", "disabled"];
+const _excluded = ["label", "isRequired", "ariaLabel", "placeholder", "helperText", "maxItems", "maxHeight", "disabled"];
 
-var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
-  var label = _ref.label,
-      isRequired = _ref.isRequired,
-      helperText = _ref.helperText,
-      disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+const RichTextEditorFormComponent = _ref => {
+  let {
+    label,
+    isRequired,
+    ariaLabel = 'Enter text',
+    helperText,
+    disabled
+  } = _ref,
+      rest = _objectWithoutPropertiesLoose$1(_ref, _excluded);
 
-  var _useField = useField({
+  const [, meta] = useField({
     name: rest.name
-  }),
-      meta = _useField[1];
-
-  var value = meta.value;
-  var editorRef = useRef(null);
-
-  var _useFormikContext = useFormikContext(),
-      isSubmitting = _useFormikContext.isSubmitting,
-      setFieldValue = _useFormikContext.setFieldValue,
-      validateField = _useFormikContext.validateField;
-
-  return createElement(FormGroupContainer, {
-    validated: meta.error ? ValidatedOptions.error : ValidatedOptions["default"],
-    onClick: function onClick() {
+  });
+  const {
+    value
+  } = meta;
+  const editorRef = React.useRef(null);
+  const {
+    isSubmitting,
+    setFieldValue,
+    validateField
+  } = useFormikContext();
+  return React.createElement(FormGroupContainer, {
+    validated: meta.error ? ValidatedOptions.error : ValidatedOptions.default,
+    onClick: () => {
       if (editorRef) {
+        // @ts-ignore
         editorRef.current.editing.view.focus();
       }
     },
@@ -178,19 +191,19 @@ var RichTextEditorFormComponent = function RichTextEditorFormComponent(_ref) {
     isRequired: isRequired,
     label: label,
     helperText: helperText
-  }, createElement(RichTextEditor, {
+  }, React.createElement(RichTextEditor, {
     value: value,
     id: rest.name,
     name: rest.name,
-    onReady: function onReady(editor) {
+    onReady: editor => {
       editorRef.current = editor;
     },
     disabled: disabled || isSubmitting,
-    onChange: function onChange(data) {
+    onChange: data => {
       setFieldValue(rest.name, data);
       validateField(rest.name);
     },
-    onBlur: function onBlur(data) {
+    onBlur: data => {
       setFieldValue(rest.name, data);
       validateField(rest.name);
     }

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/RichTextEditor.tsx","../../form-group-container/dist/index.modern.js","../src/RichTextEditorFormComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\n\ntype RichTextEditorFunctionType = (\n  value: string,\n  event?: Event,\n  editor?: ClassicEditor\n) => void;\n\nexport interface RichTextEditorProps {\n  value: string;\n  disabled?: boolean;\n  onReady?: (editor: ClassicEditor) => void;\n  onChange?: RichTextEditorFunctionType;\n  onBlur?: RichTextEditorFunctionType;\n  onFocus?: RichTextEditorFunctionType;\n  onError?: RichTextEditorFunctionType;\n  id?: string;\n  name?: string;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value,\n  disabled,\n  onReady,\n  onChange,\n  onError,\n  onBlur,\n  onFocus,\n  id,\n  name\n}) => {\n  const eventHandlerWrapper = (\n    handler: RichTextEditorFunctionType | undefined,\n    event: Event | undefined,\n    editor: ClassicEditor | undefined\n  ) => {\n    if (handler) {\n      handler(editor.getData(), event, editor);\n    }\n  };\n  return (\n    <div>\n      <CKEditor\n        disabled={disabled}\n        editor={ClassicEditor}\n        data={value}\n        config={{\n          heading: {\n            options: [\n              {\n                model: 'paragraph',\n                title: 'Paragraph'\n              },\n              {\n                model: 'heading1',\n                view: {\n                  name: 'h1',\n                  classes: 'pf-c-title pf-m-2xl'\n                },\n                title: 'Heading 1',\n                class: 'ck-heading_heading1'\n              },\n              {\n                model: 'heading2',\n                view: {\n                  name: 'h2',\n                  classes: 'pf-c-title pf-m-xl'\n                },\n                title: 'Heading 2',\n                class: 'ck-heading_heading2'\n              },\n              {\n                model: 'heading3',\n                view: {\n                  name: 'h4',\n                  classes: 'pf-c-title pf-m-lg'\n                },\n                title: 'Heading 3',\n                class: 'ck-heading_heading3'\n              },\n              {\n                model: 'heading4',\n                view: {\n                  name: 'h4',\n                  classes: 'pf-c-title pf-m-md'\n                },\n                title: 'Heading 4',\n                class: 'ck-heading_heading4'\n              }\n            ]\n          },\n          toolbar: {\n            items: [\n              'heading',\n              '|',\n              'bold',\n              'italic',\n              'link',\n              'bulletedList',\n              'numberedList',\n              '|',\n              'blockQuote',\n              'insertTable',\n              'undo',\n              'redo'\n            ]\n          },\n          table: {\n            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']\n          }\n        }}\n        onReady={onReady}\n        onChange={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onChange, event, editor);\n        }}\n        onBlur={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onBlur, event, editor);\n        }}\n        onFocus={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onFocus, event, editor);\n        }}\n        onError={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onError, event, editor);\n        }}\n        {...(id && { id })}\n        {...(name && { name })}\n      />\n    </div>\n  );\n};\n\nexport default RichTextEditor;\n","import { createElement } from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"helperTextInvalid\", \"isValid\", \"helperText\", \"labelIcon\", \"onClick\"];\n\nvar FormGroupContainer = function FormGroupContainer(_ref) {\n  var children = _ref.children,\n      helperTextInvalid = _ref.helperTextInvalid,\n      isValid = _ref.isValid,\n      helperText = _ref.helperText,\n      labelIcon = _ref.labelIcon,\n      onClick = _ref.onClick,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  return createElement(FormGroup, Object.assign({\n    className: 'form-group',\n    helperTextInvalid: helperTextInvalid,\n    helperText: helperText,\n    validated: isValid ? ValidatedOptions[\"default\"] : ValidatedOptions.error\n  }, labelIcon && {\n    labelIcon: labelIcon\n  }, onClick && {\n    onClick: onClick\n  }, rest), children);\n};\n\nexport { FormGroupContainer };\n","import * as React from 'react';\nimport { FormGroupContainer } from '@rhc-shared-components/form-group-container';\nimport { useField, useFormikContext } from 'formik';\nimport { ValidatedOptions } from '@patternfly/react-core';\nimport RichTextEditor from './RichTextEditor';\n\nexport interface RichTextEditorFormComponentProps {\n  name: string;\n  label: string;\n  disabled?: boolean;\n  isRequired?: boolean;\n  placeholder?: string;\n  ariaLabel?: string;\n  helperText?: string;\n  maxItems?: number;\n  maxHeight?: string | number;\n}\n\nconst RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps> =\n  ({\n    label,\n    isRequired,\n    ariaLabel = 'Enter text',\n    placeholder,\n    helperText,\n    maxItems,\n    maxHeight,\n    disabled,\n    ...rest\n  }) => {\n    const [, meta] = useField({ name: rest.name });\n    const { value } = meta;\n    const editorRef = React.useRef(null);\n    const { isSubmitting, setFieldValue, validateField } = useFormikContext();\n    return (\n      <FormGroupContainer\n        validated={\n          meta.error ? ValidatedOptions.error : ValidatedOptions.default\n        }\n        onClick={() => {\n          if (editorRef) {\n            // @ts-ignore\n            editorRef.current.editing.view.focus();\n          }\n        }}\n        fieldId={rest.name}\n        helperTextInvalid={meta.error}\n        isRequired={isRequired}\n        label={label}\n        helperText={helperText}\n      >\n        <RichTextEditor\n          value={value}\n          id={rest.name}\n          name={rest.name}\n          onReady={(editor) => {\n            editorRef.current = editor;\n          }}\n          disabled={disabled || isSubmitting}\n          onChange={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n          onBlur={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n        />\n      </FormGroupContainer>\n    );\n  };\n\nexport default RichTextEditorFormComponent;\n"],"names":["RichTextEditor","value","disabled","onReady","onChange","onError","onBlur","onFocus","id","name","eventHandlerWrapper","handler","event","editor","getData","React","CKEditor","ClassicEditor","data","config","heading","options","model","title","view","classes","class","toolbar","items","table","contentToolbar","_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","Object","keys","key","i","length","indexOf","_excluded","FormGroupContainer","_ref","children","helperTextInvalid","isValid","helperText","labelIcon","onClick","rest","createElement","FormGroup","assign","className","validated","ValidatedOptions","error","RichTextEditorFormComponent","label","isRequired","ariaLabel","placeholder","maxItems","maxHeight","meta","useField","editorRef","isSubmitting","setFieldValue","validateField","useFormikContext","default","current","editing","focus","fieldId"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/RichTextEditor.tsx","../../form-group-container/dist/index.modern.js","../src/RichTextEditorFormComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport styles from './RichTextEditor.scss';\n\ntype RichTextEditorFunctionType = (\n  value: string,\n  event?: Event,\n  editor?: ClassicEditor\n) => void;\n\nexport interface RichTextEditorProps {\n  value: string;\n  disabled?: boolean;\n  onReady?: (editor: ClassicEditor) => void;\n  onChange?: RichTextEditorFunctionType;\n  onBlur?: RichTextEditorFunctionType;\n  onFocus?: RichTextEditorFunctionType;\n  onError?: RichTextEditorFunctionType;\n  id?: string;\n  name?: string;\n}\n\nconst RichTextEditor: React.FC<RichTextEditorProps> = ({\n  value,\n  disabled,\n  onReady,\n  onChange,\n  onError,\n  onBlur,\n  onFocus,\n  id,\n  name\n}) => {\n  const eventHandlerWrapper = (\n    handler: RichTextEditorFunctionType | undefined,\n    event: Event | undefined,\n    editor: ClassicEditor | undefined\n  ) => {\n    if (handler) {\n      handler(editor.getData(), event, editor);\n    }\n  };\n  InsertCss();\n  return (\n    <div className='rich-text-editor-custom'>\n      <CKEditor\n        disabled={disabled}\n        editor={ClassicEditor}\n        data={value}\n        config={{\n          heading: {\n            options: [\n              {\n                model: 'paragraph',\n                title: 'Paragraph'\n              },\n              {\n                model: 'heading1',\n                view: {\n                  name: 'h1'\n                },\n                title: 'Heading 1'\n              },\n              {\n                model: 'heading2',\n                view: {\n                  name: 'h2'\n                },\n                title: 'Heading 2'\n              },\n              {\n                model: 'heading3',\n                view: {\n                  name: 'h4'\n                },\n                title: 'Heading 3'\n              },\n              {\n                model: 'heading4',\n                view: {\n                  name: 'h4'\n                },\n                title: 'Heading 4'\n              }\n            ]\n          },\n          toolbar: {\n            items: [\n              'heading',\n              '|',\n              'bold',\n              'italic',\n              'link',\n              'bulletedList',\n              'numberedList',\n              '|',\n              'blockQuote',\n              'insertTable',\n              'undo',\n              'redo'\n            ]\n          },\n          table: {\n            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells']\n          }\n        }}\n        onReady={onReady}\n        onChange={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onChange, event, editor);\n        }}\n        onBlur={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onBlur, event, editor);\n        }}\n        onFocus={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onFocus, event, editor);\n        }}\n        onError={(event?: Event, editor?: ClassicEditor) => {\n          eventHandlerWrapper(onError, event, editor);\n        }}\n        {...(id && { id })}\n        {...(name && { name })}\n      />\n    </div>\n  );\n};\n\nconst InsertCss = () => {\n  const styleId = 'rich-test-editor-styles';\n  if (!document.getElementById(styleId)) {\n    const styleTag = document.createElement('style');\n    styleTag.id = styleId;\n    styleTag.type = 'text/css';\n    styleTag.innerHTML = styles;\n    document.body.appendChild(styleTag);\n  }\n};\n\nexport default RichTextEditor;\n","import { createElement } from 'react';\nimport { FormGroup, ValidatedOptions } from '@patternfly/react-core';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"helperTextInvalid\", \"isValid\", \"helperText\", \"labelIcon\", \"onClick\"];\n\nvar FormGroupContainer = function FormGroupContainer(_ref) {\n  var children = _ref.children,\n      helperTextInvalid = _ref.helperTextInvalid,\n      isValid = _ref.isValid,\n      helperText = _ref.helperText,\n      labelIcon = _ref.labelIcon,\n      onClick = _ref.onClick,\n      rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n  return createElement(FormGroup, Object.assign({\n    className: 'form-group',\n    helperTextInvalid: helperTextInvalid,\n    helperText: helperText,\n    validated: isValid ? ValidatedOptions[\"default\"] : ValidatedOptions.error\n  }, labelIcon && {\n    labelIcon: labelIcon\n  }, onClick && {\n    onClick: onClick\n  }, rest), children);\n};\n\nexport { FormGroupContainer };\n","import * as React from 'react';\nimport { FormGroupContainer } from '@rhc-shared-components/form-group-container';\nimport { useField, useFormikContext } from 'formik';\nimport { ValidatedOptions } from '@patternfly/react-core';\nimport RichTextEditor from './RichTextEditor';\n\nexport interface RichTextEditorFormComponentProps {\n  name: string;\n  label: string;\n  disabled?: boolean;\n  isRequired?: boolean;\n  placeholder?: string;\n  ariaLabel?: string;\n  helperText?: string;\n  maxItems?: number;\n  maxHeight?: string | number;\n}\n\nconst RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps> =\n  ({\n    label,\n    isRequired,\n    ariaLabel = 'Enter text',\n    placeholder,\n    helperText,\n    maxItems,\n    maxHeight,\n    disabled,\n    ...rest\n  }) => {\n    const [, meta] = useField({ name: rest.name });\n    const { value } = meta;\n    const editorRef = React.useRef(null);\n    const { isSubmitting, setFieldValue, validateField } = useFormikContext();\n    return (\n      <FormGroupContainer\n        validated={\n          meta.error ? ValidatedOptions.error : ValidatedOptions.default\n        }\n        onClick={() => {\n          if (editorRef) {\n            // @ts-ignore\n            editorRef.current.editing.view.focus();\n          }\n        }}\n        fieldId={rest.name}\n        helperTextInvalid={meta.error}\n        isRequired={isRequired}\n        label={label}\n        helperText={helperText}\n      >\n        <RichTextEditor\n          value={value}\n          id={rest.name}\n          name={rest.name}\n          onReady={(editor) => {\n            editorRef.current = editor;\n          }}\n          disabled={disabled || isSubmitting}\n          onChange={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n          onBlur={(data) => {\n            setFieldValue(rest.name, data);\n            validateField(rest.name);\n          }}\n        />\n      </FormGroupContainer>\n    );\n  };\n\nexport default RichTextEditorFormComponent;\n"],"names":["RichTextEditor","value","disabled","onReady","onChange","onError","onBlur","onFocus","id","name","eventHandlerWrapper","handler","event","editor","getData","InsertCss","React","className","CKEditor","ClassicEditor","data","config","heading","options","model","title","view","toolbar","items","table","contentToolbar","styleId","document","getElementById","styleTag","createElement","type","innerHTML","styles","body","appendChild","_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","Object","keys","key","i","length","indexOf","_excluded","FormGroupContainer","_ref","children","helperTextInvalid","isValid","helperText","labelIcon","onClick","rest","FormGroup","assign","validated","ValidatedOptions","error","RichTextEditorFormComponent","label","isRequired","ariaLabel","meta","useField","editorRef","useRef","isSubmitting","setFieldValue","validateField","useFormikContext","default","current","editing","focus","fieldId"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/rich-text-editor",
-  "version": "0.2.2",
+  "version": "0.2.8",
   "description": "WYSWYG Editor for Red Hat Certified Apps",
   "author": "gautamkrishnar",
   "license": "MIT",
@@ -8,14 +8,15 @@
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
   "source": "src/index.tsx",
+  "types": "dist/index.d.ts",
   "engines": {
     "node": ">=10"
   },
   "scripts": {
-    "build": "microbundle-crl --no-sourcemap --no-compress --format modern,cjs",
+    "build": "microbundle --css inline --no-sourcemap --no-compress --format modern,cjs --jsx React.createElement",
     "clean": "rimraf dist",
     "prepare": "run-s clean build",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "start": "microbundle watch --css inline --no-compress --format modern,cjs --jsx React.createElement",
     "test": "run-s test:unit test:lint test:build",
     "test:build": "run-s build",
     "test:lint": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
@@ -53,7 +54,7 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
+    "microbundle": "^0.13.3",
     "node-sass": "^4.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
@@ -75,5 +76,5 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },
-  "gitHead": "87e4e6060b931fc97e5a5dca250a24244f199af8"
+  "gitHead": "ab1bcb8239c03b865f7b9e06bb1c13dd841d5002"
 }