@panneau/field-text 0.6.72 → 0.6.73

package/es/TextField.js

@@ -1,19 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -56,7 +56,8 @@ var propTypes = {
   ckeditorConfig: PropTypes.object,
   // eslint-disable-line
   ckeditorCustomConfig: PropTypes.string,
-  ckeditorBasePath: PropTypes.string
+  ckeditorBasePath: PropTypes.string,
+  itemIndex: PropTypes.number
 };
 var defaultProps = {
   type: 'text',
@@ -82,7 +83,8 @@ var defaultProps = {
   readOnly: null,
   ckeditorConfig: null,
   ckeditorCustomConfig: null,
-  ckeditorBasePath: 'https://cdn.ckeditor.com/4.7.2/standard/'
+  ckeditorBasePath: 'https://cdn.ckeditor.com/4.7.2/standard/',
+  itemIndex: null
 };
 
 var TextField = /*#__PURE__*/function (_Component) {
@@ -90,21 +92,6 @@ var TextField = /*#__PURE__*/function (_Component) {
 
   var _super = _createSuper(TextField);
 
-  _createClass(TextField, null, [{
-    key: "parse",
-    value: function parse(value) {
-      if (isString(value) || isNumber(value)) {
-        return value;
-      }
-
-      if (isArray(value)) {
-        return value.join(' ');
-      }
-
-      return ''; // Empty string for the input field
-    }
-  }]);
-
   function TextField(props) {
     var _this;
 
@@ -117,6 +104,7 @@ var TextField = /*#__PURE__*/function (_Component) {
     _this.importCanceled = false;
     _this.ckeditor = null;
     _this.editor = null;
+    _this.editorInstance = null;
     _this.refInput = null;
     _this.refInputGroup = null;
     return _this;
@@ -149,9 +137,21 @@ var TextField = /*#__PURE__*/function (_Component) {
 
           editor.on('instanceReady', _this2.onEditorReady);
           editor.on('change', _this2.onEditorChange);
+          _this2.editorInstance = editor;
         });
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(newProps) {
+      var newValue = newProps.value,
+          newItemIndex = newProps.itemIndex;
+      var itemIndex = this.props.itemIndex;
+
+      if (itemIndex !== newItemIndex && this.editorInstance !== null) {
+        this.editorInstance.setData(newValue || '');
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -160,6 +160,7 @@ var TextField = /*#__PURE__*/function (_Component) {
 
       if (type === 'editor') {
         this.ckeditor.remove(this.editor);
+        this.editorInstance = null;
       }
     }
   }, {
@@ -317,6 +318,19 @@ var TextField = /*#__PURE__*/function (_Component) {
         className: "form-group-text"
       }, groupProps), inputGroup);
     }
+  }], [{
+    key: "parse",
+    value: function parse(value) {
+      if (isString(value) || isNumber(value)) {
+        return value;
+      }
+
+      if (isArray(value)) {
+        return value.join(' ');
+      }
+
+      return ''; // Empty string for the input field
+    }
   }]);
 
   return TextField;

package/lib/TextField.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,21 +13,19 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _react = _interopRequireWildcard3(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -45,13 +43,17 @@ var _field = require("@panneau/field");
 
 var _core = require("@panneau/core");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /**
  *  Class: TextField
@@ -84,7 +86,8 @@ var propTypes = {
   ckeditorConfig: _propTypes["default"].object,
   // eslint-disable-line
   ckeditorCustomConfig: _propTypes["default"].string,
-  ckeditorBasePath: _propTypes["default"].string
+  ckeditorBasePath: _propTypes["default"].string,
+  itemIndex: _propTypes["default"].number
 };
 var defaultProps = {
   type: 'text',
@@ -110,7 +113,8 @@ var defaultProps = {
   readOnly: null,
   ckeditorConfig: null,
   ckeditorCustomConfig: null,
-  ckeditorBasePath: 'https://cdn.ckeditor.com/4.7.2/standard/'
+  ckeditorBasePath: 'https://cdn.ckeditor.com/4.7.2/standard/',
+  itemIndex: null
 };
 
 var TextField = /*#__PURE__*/function (_Component) {
@@ -118,21 +122,6 @@ var TextField = /*#__PURE__*/function (_Component) {
 
   var _super = _createSuper(TextField);
 
-  (0, _createClass2["default"])(TextField, null, [{
-    key: "parse",
-    value: function parse(value) {
-      if ((0, _isString["default"])(value) || (0, _isNumber["default"])(value)) {
-        return value;
-      }
-
-      if ((0, _isArray["default"])(value)) {
-        return value.join(' ');
-      }
-
-      return ''; // Empty string for the input field
-    }
-  }]);
-
   function TextField(props) {
     var _this;
 
@@ -144,6 +133,7 @@ var TextField = /*#__PURE__*/function (_Component) {
     _this.importCanceled = false;
     _this.ckeditor = null;
     _this.editor = null;
+    _this.editorInstance = null;
     _this.refInput = null;
     _this.refInputGroup = null;
     return _this;
@@ -161,7 +151,7 @@ var TextField = /*#__PURE__*/function (_Component) {
       if (type === 'editor') {
         window.CKEDITOR_BASEPATH = ckeditorBasePath;
         Promise.resolve().then(function () {
-          return (0, _interopRequireWildcard2["default"])(require('ckeditor'));
+          return _interopRequireWildcard(require('ckeditor'));
         }).then(function () {
           if (_this2.importCanceled) {
             return;
@@ -178,9 +168,21 @@ var TextField = /*#__PURE__*/function (_Component) {
 
           editor.on('instanceReady', _this2.onEditorReady);
           editor.on('change', _this2.onEditorChange);
+          _this2.editorInstance = editor;
         });
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(newProps) {
+      var newValue = newProps.value,
+          newItemIndex = newProps.itemIndex;
+      var itemIndex = this.props.itemIndex;
+
+      if (itemIndex !== newItemIndex && this.editorInstance !== null) {
+        this.editorInstance.setData(newValue || '');
+      }
+    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -189,6 +191,7 @@ var TextField = /*#__PURE__*/function (_Component) {
 
       if (type === 'editor') {
         this.ckeditor.remove(this.editor);
+        this.editorInstance = null;
       }
     }
   }, {
@@ -346,6 +349,19 @@ var TextField = /*#__PURE__*/function (_Component) {
         className: "form-group-text"
       }, groupProps), inputGroup);
     }
+  }], [{
+    key: "parse",
+    value: function parse(value) {
+      if ((0, _isString["default"])(value) || (0, _isNumber["default"])(value)) {
+        return value;
+      }
+
+      if ((0, _isArray["default"])(value)) {
+        return value.join(' ');
+      }
+
+      return ''; // Empty string for the input field
+    }
   }]);
   return TextField;
 }(_react.Component);

package/lib/index.js

@@ -5,24 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "TextLocale", {
-  enumerable: true,
-  get: function get() {
-    return _TextLocaleField["default"];
-  }
-});
 Object.defineProperty(exports, "Editor", {
   enumerable: true,
   get: function get() {
     return _EditorField["default"];
   }
 });
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function get() {
-    return _TextareaField["default"];
-  }
-});
 Object.defineProperty(exports, "Email", {
   enumerable: true,
   get: function get() {
@@ -41,6 +29,18 @@ Object.defineProperty(exports, "Password", {
     return _PasswordField["default"];
   }
 });
+Object.defineProperty(exports, "TextLocale", {
+  enumerable: true,
+  get: function get() {
+    return _TextLocaleField["default"];
+  }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function get() {
+    return _TextareaField["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _TextField = _interopRequireDefault(require("./TextField"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-text",
-    "version": "0.6.72",
+    "version": "0.6.73",
     "description": "Text field for Panneau",
     "keywords": [
         "react",
@@ -48,9 +48,9 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.0.0",
-        "@panneau/core": "^0.6.72",
-        "@panneau/field": "^0.6.72",
-        "@panneau/field-locale": "^0.6.72",
+        "@panneau/core": "^0.6.73",
+        "@panneau/field": "^0.6.73",
+        "@panneau/field-locale": "^0.6.73",
         "ckeditor": "^4.7.3",
         "classnames": "^2.2.5",
         "lodash": "^4.17.4",
@@ -64,5 +64,5 @@
         "react": ">=15.0.0 || ^16.0.0",
         "react-dom": ">=15.0.0 || ^16.0.0"
     },
-    "gitHead": "155316e7f5188491e24252555a0277e134212b0c"
+    "gitHead": "9563b8edb8b5fc1802609fa1a429cc5b4338d8fa"
 }