@micromag/core 0.2.412 → 0.3.3

package/lib/index.js

@@ -89,6 +89,10 @@ var target = PropTypes__default["default"].oneOf(['_blank', '_self', '_parent'])
 var interaction = PropTypes__default["default"].oneOf(['tap', 'swipe']);
 var interactions = PropTypes__default["default"].arrayOf(interaction);
 var trackingVariables = PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].array]));
+var progress = PropTypes__default["default"].shape({
+  currentTime: PropTypes__default["default"].number,
+  duration: PropTypes__default["default"].number
+});
 /**
  * Site
  */
@@ -136,7 +140,7 @@ var bootstrapThemes = PropTypes__default["default"].oneOf(bootstrapThemeStrings)
 var buttonTheme = PropTypes__default["default"].oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
 var buttonSize = PropTypes__default["default"].oneOf(['lg', 'sm', null]);
 var formControlSize = PropTypes__default["default"].oneOf(['lg', 'sm', null]);
-var dropdownAlign = PropTypes__default["default"].oneOf(['left', 'right']);
+var dropdownAlign = PropTypes__default["default"].oneOf(['start', 'end']);
 var componentNames = function componentNames(Components) {
   return PropTypes__default["default"].oneOf(Object.keys(Components).map(function (it) {
     return snakeCase.snakeCase(it);
@@ -258,7 +262,7 @@ var borderStyle = PropTypes__default["default"].shape({
   radius: PropTypes__default["default"].number,
   color: color
 });
-var buttonStyle = PropTypes__default["default"].shape({
+var boxStyle = PropTypes__default["default"].shape({
   backgroundColor: color,
   borderRadius: PropTypes__default["default"].number,
   borderWidth: PropTypes__default["default"].number,
@@ -493,7 +497,8 @@ var screenSize = PropTypes__default["default"].shape({
   screen: PropTypes__default["default"].string,
   screens: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   width: PropTypes__default["default"].number,
-  height: PropTypes__default["default"].number
+  height: PropTypes__default["default"].number,
+  landscape: PropTypes__default["default"].number
 });
 var renderContext = PropTypes__default["default"].oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 /**
@@ -600,6 +605,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     interaction: interaction,
     interactions: interactions,
     trackingVariables: trackingVariables,
+    progress: progress,
     user: user,
     menuItem: menuItem,
     menuItems: menuItems,
@@ -647,7 +653,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     textStyle: textStyle,
     borderTypes: borderTypes,
     borderStyle: borderStyle,
-    buttonStyle: buttonStyle,
+    boxStyle: boxStyle,
     margin: margin,
     gridLayout: gridLayout,
     objectFitSize: objectFitSize,
@@ -870,7 +876,7 @@ var ColorsParser = /*#__PURE__*/function () {
           colors: color !== null ? [].concat(_toConsumableArray__default["default"](currentColors || []), _toConsumableArray__default["default"](subColors || []), [color]) : [].concat(_toConsumableArray__default["default"](currentColors || []), _toConsumableArray__default["default"](subColors || []))
         };
       }, {
-        data: null,
+        data: keys.length === 0 ? data : null,
         colors: colors
       });
     }
@@ -1355,7 +1361,8 @@ var MediasParser = /*#__PURE__*/function () {
       var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
       var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var dataIsArray = isArray__default["default"](data);
-      return MediasParser.keys(data).reduce(function (_ref9, key) {
+      var dataKeys = MediasParser.keys(data);
+      return dataKeys.reduce(function (_ref9, key) {
         var currentData = _ref9.data,
             currentMedias = _ref9.medias;
         var path = [keyPrefix, key].filter(function (it) {
@@ -1386,7 +1393,7 @@ var MediasParser = /*#__PURE__*/function () {
           medias: media !== null ? _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias), {}, _defineProperty__default["default"]({}, newValue, media)) : _objectSpread__default["default"](_objectSpread__default["default"]({}, currentMedias), subMedias)
         };
       }, {
-        data: null,
+        data: dataKeys.length === 0 ? data : null,
         medias: medias
       });
     }

package/lib/utils.js

@@ -165,7 +165,9 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
         _foundField$fields = foundField.fields,
         fieldFields = _foundField$fields === void 0 ? null : _foundField$fields,
         _foundField$field = foundField.field,
-        field = _foundField$field === void 0 ? null : _foundField$field;
+        field = _foundField$field === void 0 ? null : _foundField$field,
+        _foundField$itemsFiel = foundField.itemsField,
+        itemsField = _foundField$itemsFiel === void 0 ? null : _foundField$itemsFiel;
     var finalType = field !== null ? field.type || type : type;
 
     var _ref = finalType !== null ? fieldManager.getDefinition(finalType) : foundField,
@@ -174,10 +176,12 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
         _ref$settings = _ref.settings,
         settings = _ref$settings === void 0 ? null : _ref$settings,
         _ref$itemsField = _ref.itemsField,
-        itemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
+        defItemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
 
-    if (itemsField !== null && key.match(/^[0-9]+$/)) {
-      return _objectSpread__default["default"](_objectSpread__default["default"]({}, itemsField), {}, {
+    var finalItemsField = itemsField || defItemsField;
+
+    if (finalItemsField !== null && key.match(/^[0-9]+$/)) {
+      return _objectSpread__default["default"](_objectSpread__default["default"]({}, finalItemsField), {}, {
         name: path.join('/'),
         listItems: true
       });
@@ -434,7 +438,7 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   } : null), getStyleFromColor(color, 'borderColor'));
 };
 
-var getStyleFromButton = function getStyleFromButton(value) {
+var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
   }
@@ -443,6 +447,7 @@ var getStyleFromButton = function getStyleFromButton(value) {
       backgroundColor = _value$backgroundColo === void 0 ? null : _value$backgroundColo,
       _value$borderRadius = value.borderRadius,
       borderRadius = _value$borderRadius === void 0 ? null : _value$borderRadius,
+      padding = value.padding,
       _value$borderWidth = value.borderWidth,
       borderWidth = _value$borderWidth === void 0 ? null : _value$borderWidth,
       _value$borderStyle = value.borderStyle,
@@ -454,9 +459,11 @@ var getStyleFromButton = function getStyleFromButton(value) {
     style: borderStyle,
     color: borderColor
   };
-  return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+  return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border));
+  } : null), getStyleFromBorder(border)), {}, {
+    padding: padding
+  });
 };
 
 var getStyleFromContainer = function getStyleFromContainer(value) {
@@ -777,7 +784,7 @@ exports.getOptimalImageUrl = getOptimalImageUrl;
 exports.getScreenExtraField = getScreenExtraField;
 exports.getSecondsFromTime = getSecondsFromTime;
 exports.getStyleFromBorder = getStyleFromBorder;
-exports.getStyleFromButton = getStyleFromButton;
+exports.getStyleFromBox = getStyleFromBox;
 exports.getStyleFromColor = getStyleFromColor;
 exports.getStyleFromContainer = getStyleFromContainer;
 exports.getStyleFromHighlight = getStyleFromHighlight;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.2.412",
+    "version": "0.3.3",
     "description": "",
     "keywords": [
         "javascript"
@@ -105,7 +105,7 @@
         "@uppy/webcam": "^2.0.5",
         "@uppy/xhr-upload": "^2.0.7",
         "@use-gesture/react": "^10.2.4",
-        "bootstrap": "^4.5.3",
+        "bootstrap": "^5.1.0",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "css-mediaquery": "^0.1.2",
@@ -131,5 +131,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e16acc4643a563f4b7e98ddc1b778ea8a6c8b320"
+    "gitHead": "ef24df84658db4b5b6e63dc426e8299e5534d785"
 }

package/scss/_theme.scss

@@ -64,6 +64,7 @@ $input-btn-padding-y: .5rem;
 $btn-padding-x: 1rem;
 $input-btn-padding-x-lg: 1.3rem;
 $input-btn-padding-x-sm: .75rem;
+$list-group-color: $body-color;
 $list-group-action-color: $body-color;
 $list-group-hover-bg: rgba($body-color, 0.2);
 $dropdown-bg: $gray-800;
@@ -71,3 +72,10 @@ $dropdown-divider-bg: rgba($white, .13);
 $dropdown-link-color: $body-color;
 $dropdown-link-hover-bg: $primary;
 $dropdown-link-hover-color: $body-color;
+$btn-close-color: $body-color;
+
+
+$btn-active-bg-shade-amount:      50% !default;
+$btn-active-bg-tint-amount:       50% !default;
+$btn-active-border-shade-amount:  50% !default;
+$btn-active-border-tint-amount:   25% !default;

package/scss/_variables.scss

@@ -6,6 +6,7 @@ $container-small-max-widths: (
     lg: 540px,
     xl: 540px,
 ) !default;
+$enable-negative-margins: true;
 
 @import '~bootstrap/scss/functions';
 @import '~bootstrap/scss/variables';