@micromag/core 0.3.57 → 0.3.61

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,
@@ -2571,6 +2574,10 @@ PropTypes$1.shape({
   withSeekBar: PropTypes$1.bool,
   withPlayPause: PropTypes$1.bool
 });
+var visualElement = PropTypes$1.shape({
+  media: imageMedia
+});
+PropTypes$1.arrayOf(visualElement);
 PropTypes$1.shape({
   media: audioMedia,
   autoPlay: PropTypes$1.bool,
@@ -2851,6 +2858,12 @@ var pageMetadata = PropTypes$1.shape({
   atomUrl: PropTypes$1.string,
   microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
 });
+PropTypes$1.shape({
+  name: PropTypes$1.string,
+  avatar: PropTypes$1.shape({
+    url: PropTypes$1.string
+  })
+});
 
 /* eslint-disable react/no-array-index-key */
 var propTypes$d = {

package/es/index.js

@@ -282,6 +282,10 @@ var videoElement = PropTypes$1.shape({
   withSeekBar: PropTypes$1.bool,
   withPlayPause: PropTypes$1.bool
 });
+var visualElement = PropTypes$1.shape({
+  media: imageMedia
+});
+var visualElements = PropTypes$1.arrayOf(visualElement);
 var audioElement = PropTypes$1.shape({
   media: audioMedia,
   autoPlay: PropTypes$1.bool,
@@ -563,6 +567,12 @@ var pageMetadata = PropTypes$1.shape({
   atomUrl: PropTypes$1.string,
   microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
 });
+var authorElement = PropTypes$1.shape({
+  name: PropTypes$1.string,
+  avatar: PropTypes$1.shape({
+    url: PropTypes$1.string
+  })
+});
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -639,6 +649,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     imageElement: imageElement,
     imageElements: imageElements,
     videoElement: videoElement,
+    visualElement: visualElement,
+    visualElements: visualElements,
     audioElement: audioElement,
     closedCaptionsElement: closedCaptionsElement,
     backgroundElement: backgroundElement,
@@ -698,7 +710,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     searchFilters: searchFilters,
     paymentItem: paymentItem,
     paymentItems: paymentItems,
-    pageMetadata: pageMetadata
+    pageMetadata: pageMetadata,
+    authorElement: authorElement
 });
 
 var sortedColors = function sortedColors(colors) {
@@ -997,6 +1010,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "filter",
     value: function filter(_filter) {
+      // this.definitions = this.definitions.filter(filter);
+      // return this;
       return new DefinitionsManager(this.definitions.filter(_filter));
     }
   }, {
@@ -1134,7 +1149,8 @@ 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 +1466,8 @@ 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,
@@ -2594,6 +2597,10 @@ PropTypes__default["default"].shape({
   withSeekBar: PropTypes__default["default"].bool,
   withPlayPause: PropTypes__default["default"].bool
 });
+var visualElement = PropTypes__default["default"].shape({
+  media: imageMedia
+});
+PropTypes__default["default"].arrayOf(visualElement);
 PropTypes__default["default"].shape({
   media: audioMedia,
   autoPlay: PropTypes__default["default"].bool,
@@ -2874,6 +2881,12 @@ var pageMetadata = PropTypes__default["default"].shape({
   atomUrl: PropTypes__default["default"].string,
   microformats: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({}))
 });
+PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string,
+  avatar: PropTypes__default["default"].shape({
+    url: PropTypes__default["default"].string
+  })
+});
 
 /* eslint-disable react/no-array-index-key */
 var propTypes$d = {

package/lib/index.js

@@ -308,6 +308,10 @@ var videoElement = PropTypes__default["default"].shape({
   withSeekBar: PropTypes__default["default"].bool,
   withPlayPause: PropTypes__default["default"].bool
 });
+var visualElement = PropTypes__default["default"].shape({
+  media: imageMedia
+});
+var visualElements = PropTypes__default["default"].arrayOf(visualElement);
 var audioElement = PropTypes__default["default"].shape({
   media: audioMedia,
   autoPlay: PropTypes__default["default"].bool,
@@ -589,6 +593,12 @@ var pageMetadata = PropTypes__default["default"].shape({
   atomUrl: PropTypes__default["default"].string,
   microformats: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({}))
 });
+var authorElement = PropTypes__default["default"].shape({
+  name: PropTypes__default["default"].string,
+  avatar: PropTypes__default["default"].shape({
+    url: PropTypes__default["default"].string
+  })
+});
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -665,6 +675,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     imageElement: imageElement,
     imageElements: imageElements,
     videoElement: videoElement,
+    visualElement: visualElement,
+    visualElements: visualElements,
     audioElement: audioElement,
     closedCaptionsElement: closedCaptionsElement,
     backgroundElement: backgroundElement,
@@ -724,7 +736,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     searchFilters: searchFilters,
     paymentItem: paymentItem,
     paymentItems: paymentItems,
-    pageMetadata: pageMetadata
+    pageMetadata: pageMetadata,
+    authorElement: authorElement
 });
 
 var sortedColors = function sortedColors(colors) {
@@ -1023,6 +1036,8 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "filter",
     value: function filter(_filter) {
+      // this.definitions = this.definitions.filter(filter);
+      // return this;
       return new DefinitionsManager(this.definitions.filter(_filter));
     }
   }, {
@@ -1160,7 +1175,8 @@ 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 +1492,8 @@ 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.61",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0cd1abafd1bee77d9dccbedde58f7b83f2351794"
+    "gitHead": "d6066e12f37c8516f07172ea225667d28dca6434"
 }