@micromag/core 0.3.57 → 0.3.58

package/es/components.js

@@ -6,13 +6,13 @@ import classNames from 'classnames';
 import { Link as Link$1 } from 'react-router-dom';
 import { PropTypes } from '@micromag/core';
 import { FormattedMessage, defineMessages, FormattedDate, FormattedTime } from 'react-intl';
-import { isMessage, getFieldFromPath, setFieldValue, getComponentFromName, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
+import { isMessage, getFieldFromPath, getComponentFromName, setFieldValue, validateFields, getDisplayName, pascalCase, convertStyleToString } from '@micromag/core/utils';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faAngleLeft, faAngleUp, faAngleDown, faAd, faImage, faMusic, faMapMarkerAlt, faMapMarkedAlt, faVideo, faPlay, faRedo, faCommentDots, faCheck, faTimes, faPercent } from '@fortawesome/free-solid-svg-icons';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver } from '@micromag/core/hooks';
 import { useFieldsManager, useFieldComponent, FieldContextProvider, withModals, useModals, useUppy, withPanels, usePanels, ScreenSizeProvider, useScreenComponent, ScreenProvider, useScreenRenderContext, useScreenSize } from '@micromag/core/contexts';
+import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver } from '@micromag/core/hooks';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
@@ -299,6 +299,8 @@ var BackButton = function BackButton(_ref) {
 BackButton.propTypes = propTypes$H;
 BackButton.defaultProps = defaultProps$H;
 
+var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+
 var _excluded$7 = ["type"],
     _excluded2 = ["component", "id", "settings"];
 var propTypes$G = {
@@ -353,8 +355,10 @@ var FieldForm = function FieldForm(_ref) {
       var definitionProps = _objectWithoutProperties(_ref3, _excluded2);
 
   var FieldComponent = useFieldComponent(fieldComponent);
+  var FormComponent = getComponentFromName(form, formComponents);
   var fieldValue = get(value, name, null);
-  var onFieldChange = useCallback(function (newFieldValue) {
+
+  var onFieldChange = function onFieldChange(newFieldValue) {
     // const { name, fields: subFields = null } = field || {};
     var newValue = setFieldValue(value, name.split('.'), newFieldValue // field === null || subFields !== null ? newFieldValue : newFieldValue[name],
     );
@@ -362,7 +366,8 @@ var FieldForm = function FieldForm(_ref) {
     if (onChange !== null) {
       onChange(newValue);
     }
-  }, [value, name, onChange]);
+  };
+
   var closeForm = useCallback(function () {
     return closeFieldForm(name, form);
   }, [name, form, closeFieldForm]);
@@ -376,7 +381,6 @@ var FieldForm = function FieldForm(_ref) {
   };
 
   if (form !== null) {
-    var FormComponent = getComponentFromName(form, formComponents);
     return FormComponent !== null ? /*#__PURE__*/React.createElement(FieldContextProvider, {
       context: fieldContext
     }, /*#__PURE__*/React.createElement(FormComponent, Object.assign({
@@ -399,8 +403,6 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$G;
 FieldForm.defaultProps = defaultProps$G;
 
-var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
-
 var propTypes$F = {
   action: PropTypes$1.string.isRequired,
   method: PropTypes$1.string,
@@ -570,7 +572,8 @@ var Form = function Form(_ref) {
     }
   }, [fieldPaths, setFieldPaths]); // The last path
 
-  var fieldParams = fieldPaths.length > 0 ? fieldPaths[fieldPaths.length - 1] : null; // Get transition value
+  var fieldParams = fieldPaths.length > 0 ? fieldPaths[fieldPaths.length - 1] : null;
+  var fieldName = fieldParams !== null ? fieldParams.replace(/\//g, '.') : null; // Get transition value
   // const { name: transitionName, timeout: transitionTimeout } = useFormTransition(
   //     fieldPaths,
   //     styles,
@@ -587,11 +590,11 @@ var Form = function Form(_ref) {
     theme: "secondary",
     outline: true,
     onClick: closeFieldForm
-  })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
+  })) : null, fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['w-100', styles$t.panel]),
     key: "field"
   }, /*#__PURE__*/React.createElement(FieldForm, {
-    name: fieldParams.replace(/\//g, '.'),
+    name: fieldName,
     fields: fields,
     value: value,
     onChange: setValue,

package/es/index.js

@@ -997,7 +997,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "filter",
     value: function filter(_filter) {
-      return new DefinitionsManager(this.definitions.filter(_filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this; // return new DefinitionsManager(this.definitions.filter(filter));
     }
   }, {
     key: "getDefinition",
@@ -1134,7 +1135,9 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   _createClass(FieldsManager, [{
     key: "filter",
     value: function filter(_filter) {
-      return new FieldsManager(this.definitions.filter(_filter));
+      // return new FieldsManager(this.definitions.filter(filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this;
     }
   }]);
 
@@ -1450,7 +1453,9 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }, {
     key: "filter",
     value: function filter(_filter) {
-      return new ScreensManager(this.definitions.filter(_filter));
+      // return new ScreensManager(this.definitions.filter(filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this;
     }
   }]);
 

package/lib/components.js

@@ -15,8 +15,8 @@ var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var hooks = require('@micromag/core/hooks');
 var contexts = require('@micromag/core/contexts');
+var hooks = require('@micromag/core/hooks');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var get = require('lodash/get');
 var ReactDOM = require('react-dom');
@@ -322,6 +322,8 @@ var BackButton = function BackButton(_ref) {
 BackButton.propTypes = propTypes$H;
 BackButton.defaultProps = defaultProps$H;
 
+var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
+
 var _excluded$7 = ["type"],
     _excluded2 = ["component", "id", "settings"];
 var propTypes$G = {
@@ -376,8 +378,10 @@ var FieldForm = function FieldForm(_ref) {
       var definitionProps = _objectWithoutProperties__default["default"](_ref3, _excluded2);
 
   var FieldComponent = contexts.useFieldComponent(fieldComponent);
+  var FormComponent = utils.getComponentFromName(form, formComponents);
   var fieldValue = get__default["default"](value, name, null);
-  var onFieldChange = React.useCallback(function (newFieldValue) {
+
+  var onFieldChange = function onFieldChange(newFieldValue) {
     // const { name, fields: subFields = null } = field || {};
     var newValue = utils.setFieldValue(value, name.split('.'), newFieldValue // field === null || subFields !== null ? newFieldValue : newFieldValue[name],
     );
@@ -385,7 +389,8 @@ var FieldForm = function FieldForm(_ref) {
     if (onChange !== null) {
       onChange(newValue);
     }
-  }, [value, name, onChange]);
+  };
+
   var closeForm = React.useCallback(function () {
     return closeFieldForm(name, form);
   }, [name, form, closeFieldForm]);
@@ -399,7 +404,6 @@ var FieldForm = function FieldForm(_ref) {
   };
 
   if (form !== null) {
-    var FormComponent = utils.getComponentFromName(form, formComponents);
     return FormComponent !== null ? /*#__PURE__*/React__default["default"].createElement(contexts.FieldContextProvider, {
       context: fieldContext
     }, /*#__PURE__*/React__default["default"].createElement(FormComponent, Object.assign({
@@ -422,8 +426,6 @@ var FieldForm = function FieldForm(_ref) {
 FieldForm.propTypes = propTypes$G;
 FieldForm.defaultProps = defaultProps$G;
 
-var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
-
 var propTypes$F = {
   action: PropTypes__default["default"].string.isRequired,
   method: PropTypes__default["default"].string,
@@ -593,7 +595,8 @@ var Form = function Form(_ref) {
     }
   }, [fieldPaths, setFieldPaths]); // The last path
 
-  var fieldParams = fieldPaths.length > 0 ? fieldPaths[fieldPaths.length - 1] : null; // Get transition value
+  var fieldParams = fieldPaths.length > 0 ? fieldPaths[fieldPaths.length - 1] : null;
+  var fieldName = fieldParams !== null ? fieldParams.replace(/\//g, '.') : null; // Get transition value
   // const { name: transitionName, timeout: transitionTimeout } = useFormTransition(
   //     fieldPaths,
   //     styles,
@@ -610,11 +613,11 @@ var Form = function Form(_ref) {
     theme: "secondary",
     outline: true,
     onClick: closeFieldForm
-  })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
+  })) : null, fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['w-100', styles$t.panel]),
     key: "field"
   }, /*#__PURE__*/React__default["default"].createElement(FieldForm, {
-    name: fieldParams.replace(/\//g, '.'),
+    name: fieldName,
     fields: fields,
     value: value,
     onChange: setValue,

package/lib/index.js

@@ -1023,7 +1023,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "filter",
     value: function filter(_filter) {
-      return new DefinitionsManager(this.definitions.filter(_filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this; // return new DefinitionsManager(this.definitions.filter(filter));
     }
   }, {
     key: "getDefinition",
@@ -1160,7 +1161,9 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   _createClass__default["default"](FieldsManager, [{
     key: "filter",
     value: function filter(_filter) {
-      return new FieldsManager(this.definitions.filter(_filter));
+      // return new FieldsManager(this.definitions.filter(filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this;
     }
   }]);
 
@@ -1476,7 +1479,9 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }, {
     key: "filter",
     value: function filter(_filter) {
-      return new ScreensManager(this.definitions.filter(_filter));
+      // return new ScreensManager(this.definitions.filter(filter));
+      this.definitions = this.definitions.filter(_filter);
+      return this;
     }
   }]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.57",
+    "version": "0.3.58",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0cd1abafd1bee77d9dccbedde58f7b83f2351794"
+    "gitHead": "80fc5af53d50e031d2516967d52ca61e789d52de"
 }