@panneau/field-html 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-html",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "A HTML field, using either Quill or CK Editor",
     "keywords": [
         "javascript"
@@ -33,8 +33,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -56,10 +59,10 @@
         "@babel/runtime": "^7.12.5",
         "@ckeditor/ckeditor5-editor-multi-root": "^41.3.1",
         "@ckeditor/ckeditor5-react": "^6.2.0",
-        "@panneau/ckeditor": "^3.0.222",
-        "@panneau/core": "^3.0.222",
-        "@panneau/field-input-group": "^3.0.222",
-        "@panneau/themes": "^3.0.222",
+        "@panneau/ckeditor": "^3.0.224",
+        "@panneau/core": "^3.0.224",
+        "@panneau/field-input-group": "^3.0.224",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2"
     },
@@ -69,5 +72,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,153 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var ckeditor5React = require('@ckeditor/ckeditor5-react');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var InputGroup = require('@panneau/field-input-group');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-
-var useCKEditorBuild = function useCKEditorBuild() {
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loaded = _useState2[0],
-    setLoaded = _useState2[1];
-  var ref = React.useRef(null);
-  React.useEffect(function () {
-    var canceled = false;
-    if (loaded) {
-      return function () {
-        canceled = true;
-      };
-    }
-    import('@panneau/ckeditor/build').then(function (_ref) {
-      var _ref$Editor = _ref.Editor,
-        Editor = _ref$Editor === void 0 ? null : _ref$Editor;
-      if (!canceled) {
-        ref.current = Editor;
-        setLoaded(true);
-      }
-    })
-    // eslint-disable-next-line no-console
-    ["catch"](function (e) {
-      return console.log('err loading editor', e);
-    });
-    return function () {
-      canceled = true;
-    };
-  }, [loaded, setLoaded]);
-  return ref.current;
-};
-
-var styles = {"container":"panneau-field-html-container"};
-
-var propTypes = {
-  feedback: PropTypes.oneOf(['valid', 'invalid', 'loading']),
-  errors: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  inline: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  ckConfig: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  ckOptions: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  className: PropTypes.string
-};
-var defaultProps = {
-  feedback: null,
-  errors: null,
-  value: null,
-  placeholder: null,
-  inline: false,
-  disabled: false,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  ckConfig: {
-    toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList'
-    // 'blockQuote',
-    // 'mediaEmbed',
-    ],
-    heading: {
-      options: [{
-        model: 'paragraph',
-        title: 'Paragraph'
-      }, {
-        model: 'heading1',
-        view: 'h1',
-        title: 'Heading 1'
-      }, {
-        model: 'heading2',
-        view: 'h2',
-        title: 'Heading 2'
-      }, {
-        model: 'heading3',
-        view: 'h3',
-        title: 'Heading 3'
-      }]
-    },
-    link: {
-      addTargetToExternalLinks: true
-    }
-    // mediaEmbed: {
-    //     previewsInData: true,
-    // },
-  },
-  ckOptions: null,
-  className: null
-};
-var HtmlField = function HtmlField(_ref) {
-  var feedback = _ref.feedback,
-    errors = _ref.errors,
-    value = _ref.value,
-    inline = _ref.inline,
-    disabled = _ref.disabled,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    ckConfig = _ref.ckConfig,
-    ckOptions = _ref.ckOptions,
-    className = _ref.className;
-  var CKEditorBuild = useCKEditorBuild() || null;
-  var CKValue = value !== null ? value : '';
-  var finalClassName = inline ? classNames([styles.container, 'form-control', _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), 'is-valid', feedback === 'valid'), 'is-invalid', feedback === 'invalid' || errors !== null && errors.length > 0)]) : classNames([styles.container, _defineProperty({}, className, className !== null)]);
-  var onCkEditorChange = React.useCallback(function (event, editor) {
-    var data = editor !== null ? editor.getData() : null;
-    if (editor !== null && onChange !== null) {
-      onChange(data === '' ? null : data);
-    }
-  }, [onChange]);
-  var commonProps = {
-    onFocus: onFocus,
-    onBlur: onBlur
-  };
-  var ckElement = CKEditorBuild !== null ? /*#__PURE__*/React.createElement("div", {
-    className: finalClassName
-  }, /*#__PURE__*/React.createElement(ckeditor5React.CKEditor, Object.assign({
-    editor: CKEditorBuild,
-    data: CKValue,
-    config: ckConfig,
-    onChange: onCkEditorChange
-  }, commonProps, ckOptions, {
-    disabled: disabled
-  }))) : null;
-  return inline ? /*#__PURE__*/React.createElement(InputGroup, null, ckElement) : ckElement;
-};
-HtmlField.propTypes = propTypes;
-HtmlField.defaultProps = defaultProps;
-var HtmlField$1 = HtmlField;
-
-var definition = {
-  id: 'html',
-  component: 'Html'
-};
-
-exports.default = HtmlField$1;
-exports.definition = definition;