@rhc-shared-components/rich-text-editor 0.1.5 → 0.2.1

package/dist/index.js.map

@@ -0,0 +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              'outdent',\n              'indent',\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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"}