@rhc-shared-components/rich-text-editor 0.1.5 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/index.js +64 -40065
- package/dist/index.js.map +1 -0
- package/dist/index.modern.js +65 -40065
- package/dist/index.modern.js.map +1 -0
- package/package.json +6 -6
|
@@ -0,0 +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 '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","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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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rhc-shared-components/rich-text-editor",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "WYSWYG Editor for Red Hat Certified Apps",
|
|
5
5
|
"author": "gautamkrishnar",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,9 +31,7 @@
|
|
|
31
31
|
"react-dom": ">=16.13.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@
|
|
35
|
-
"@ckeditor/ckeditor5-react": "^3.0.2",
|
|
36
|
-
"@rhc-shared-components/form-group-container": "^0.2.5",
|
|
34
|
+
"@rhc-shared-components/form-group-container": "^0.2.6",
|
|
37
35
|
"@testing-library/jest-dom": "^4.2.4",
|
|
38
36
|
"@testing-library/react": "^9.5.0",
|
|
39
37
|
"@testing-library/user-event": "^7.2.1",
|
|
@@ -56,7 +54,7 @@
|
|
|
56
54
|
"eslint-plugin-standard": "^4.0.1",
|
|
57
55
|
"gh-pages": "^2.2.0",
|
|
58
56
|
"microbundle-crl": "^0.13.10",
|
|
59
|
-
"node-sass": "^
|
|
57
|
+
"node-sass": "^4.0.0",
|
|
60
58
|
"npm-run-all": "^4.1.5",
|
|
61
59
|
"prettier": "^2.0.4",
|
|
62
60
|
"react-scripts": "^3.4.1",
|
|
@@ -70,10 +68,12 @@
|
|
|
70
68
|
"dist"
|
|
71
69
|
],
|
|
72
70
|
"dependencies": {
|
|
71
|
+
"@ckeditor/ckeditor5-build-classic": "^29.2.0",
|
|
72
|
+
"@ckeditor/ckeditor5-react": "^3.0.2",
|
|
73
73
|
"@patternfly/react-core": "^4.101.3",
|
|
74
74
|
"formik": "^2.1.4",
|
|
75
75
|
"react": "^16.13.1",
|
|
76
76
|
"react-dom": "^16.13.1"
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "57e8c8a53d65c15b968194d03b51103238d8c542"
|
|
79
79
|
}
|