@micromag/core 0.3.25 → 0.3.32

package/es/components.js

@@ -1107,7 +1107,7 @@ var Dropdown = function Dropdown(_ref) {
         onClickItem(e);
       }
     } : null;
-    return ItemComponent !== null ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(ItemComponent, Object.assign({
+    return ItemComponent !== null ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ItemComponent, Object.assign({
       key: "item-".concat(index, "-").concat(label),
       className: classNames([(_ref3 = {
         'dropdown-item': type === 'link' || type === 'button',
@@ -2307,7 +2307,7 @@ var Media = function Media(_ref) {
   }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['card-body', styles$e.body, _defineProperty({}, bodyClassName, bodyClassName !== null)])
   }, title !== null ? /*#__PURE__*/React.createElement("h5", {
-    className: classNames(['mt-0', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
+    className: classNames(['mt-0', 'text-truncate', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
   }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children) : null);
 };
 

package/es/contexts.js

@@ -1558,7 +1558,6 @@ var UppyProvider = function UppyProvider(_ref5) {
       return null;
     }
 
-    console.log('up', Uppy);
     return function () {
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 

package/es/index.js

@@ -1864,8 +1864,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       var _ref3 = metadata || {},
           screenTitle = _ref3.title;
 
-      if (this.screensViewed.indexOf(screenId || index) !== -1) {
-        this.screensViewed = [].concat(_toConsumableArray(this.screensViewed), [screenId || index]);
+      if (this.screensViewed.indexOf(screenId || screenIndex) !== -1) {
+        this.screensViewed = [].concat(_toConsumableArray(this.screensViewed), [screenId || screenIndex]);
       }
 
       var data = {

package/es/utils.js

@@ -739,4 +739,20 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
+var getContrastingColor = function getContrastingColor(backgroundColor) {
+  var _ref = backgroundColor || {},
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'white' : _ref$color;
+
+  if (tinycolor.equals(color, tinycolor('white'))) {
+    return 'lightblue';
+  }
+
+  if (tinycolor.equals(color, tinycolor('black'))) {
+    return 'white';
+  }
+
+  return tinycolor(color).spin(30).toString();
+};
+
+export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };

package/lib/components.js

@@ -1130,7 +1130,7 @@ var Dropdown = function Dropdown(_ref) {
         onClickItem(e);
       }
     } : null;
-    return ItemComponent !== null ? /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(ItemComponent, Object.assign({
+    return ItemComponent !== null ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ItemComponent, Object.assign({
       key: "item-".concat(index, "-").concat(label),
       className: classNames__default["default"]([(_ref3 = {
         'dropdown-item': type === 'link' || type === 'button',
@@ -2330,7 +2330,7 @@ var Media = function Media(_ref) {
   }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['card-body', styles$e.body, _defineProperty__default["default"]({}, bodyClassName, bodyClassName !== null)])
   }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h5", {
-    className: classNames__default["default"](['mt-0', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
+    className: classNames__default["default"](['mt-0', 'text-truncate', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
   }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children) : null);
 };
 

package/lib/contexts.js

@@ -1593,7 +1593,6 @@ var UppyProvider = function UppyProvider(_ref5) {
       return null;
     }
 
-    console.log('up', Uppy);
     return function () {
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 

package/lib/index.js

@@ -1890,8 +1890,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       var _ref3 = metadata || {},
           screenTitle = _ref3.title;
 
-      if (this.screensViewed.indexOf(screenId || index) !== -1) {
-        this.screensViewed = [].concat(_toConsumableArray__default["default"](this.screensViewed), [screenId || index]);
+      if (this.screensViewed.indexOf(screenId || screenIndex) !== -1) {
+        this.screensViewed = [].concat(_toConsumableArray__default["default"](this.screensViewed), [screenId || screenIndex]);
       }
 
       var data = {

package/lib/utils.js

@@ -756,6 +756,22 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
+var getContrastingColor = function getContrastingColor(backgroundColor) {
+  var _ref = backgroundColor || {},
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'white' : _ref$color;
+
+  if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('white'))) {
+    return 'lightblue';
+  }
+
+  if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('black'))) {
+    return 'white';
+  }
+
+  return tinycolor__default["default"](color).spin(30).toString();
+};
+
 Object.defineProperty(exports, 'pascalCase', {
     enumerable: true,
     get: function () { return changeCase.pascalCase; }
@@ -769,6 +785,7 @@ exports.createNullableOnChange = createNullableOnChange;
 exports.createUseEvent = createUseEvent;
 exports.getColorAsString = getColorAsString;
 exports.getComponentFromName = getComponentFromName;
+exports.getContrastingColor = getContrastingColor;
 exports.getDeviceScreens = getDeviceScreens;
 exports.getDisplayName = getDisplayName;
 exports.getFieldByName = getFieldByName;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.25",
+    "version": "0.3.32",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "5f08fe9d1373e802a08df9edd6842ac848bdc009"
+    "gitHead": "fff733f2cf1fea7ffc64179d7da0c9601d61e23e"
 }