@micromag/core 0.3.106 → 0.3.107

package/es/components.js

@@ -1765,7 +1765,7 @@ var UploadModal = function UploadModal(_ref) {
       sources = _ref.sources,
       onUploaded = _ref.onUploaded,
       onRequestClose = _ref.onRequestClose;
-  var onUpppyComplete = useCallback(function (response) {
+  var onUppyComplete = useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
     }
@@ -1782,7 +1782,7 @@ var UploadModal = function UploadModal(_ref) {
     return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
   }, [type]);
   var uppy = useUppy({
-    onComplete: onUpppyComplete,
+    onComplete: onUppyComplete,
     sources: sources,
     allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
   });
@@ -2571,6 +2571,11 @@ var textStyle = PropTypes$1.shape({
   lineHeight: PropTypes$1.number
 });
 var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes$1.shape({
+  shadowDistance: PropTypes$1.number,
+  shadowBlur: PropTypes$1.number,
+  shadowColor: color
+});
 PropTypes$1.shape({
   width: PropTypes$1.number,
   style: borderTypes,
@@ -2582,7 +2587,8 @@ var boxStyle = PropTypes$1.shape({
   borderRadius: PropTypes$1.number,
   borderWidth: PropTypes$1.number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 PropTypes$1.shape({
   top: PropTypes$1.number,

package/es/hooks.js

@@ -978,18 +978,6 @@ var useMediaApi = function useMediaApi() {
       media.addEventListener('loadeddata', onCustomLoadedData);
     }
 
-    if (media !== null && media.readyState > 1) {
-      setDataReady(true);
-    } else {
-      setDataReady(false);
-    }
-
-    if (media !== null && media.readyState > 3) {
-      setReady(true);
-    } else {
-      setReady(false);
-    }
-
     return function () {
       if (media !== null) {
         media.removeEventListener('timeupdate', onCustomTimeUpdate);
@@ -1005,6 +993,22 @@ var useMediaApi = function useMediaApi() {
         media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
       }
     };
+  }, [url, onCustomTimeUpdate, onCustomDurationChange, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]);
+  useEffect(function () {
+    var _ref$current2 = ref.current,
+        media = _ref$current2 === void 0 ? null : _ref$current2;
+
+    if (media !== null && media.readyState > 1) {
+      setDataReady(true);
+    } else {
+      setDataReady(false);
+    }
+
+    if (media !== null && media.readyState > 3) {
+      setReady(true);
+    } else {
+      setReady(false);
+    }
   }, [url]);
   return {
     ref: ref,

package/es/index.js

@@ -231,6 +231,11 @@ var textStyle = PropTypes$1.shape({
   lineHeight: PropTypes$1.number
 });
 var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes$1.shape({
+  shadowDistance: PropTypes$1.number,
+  shadowBlur: PropTypes$1.number,
+  shadowColor: color
+});
 var borderStyle = PropTypes$1.shape({
   width: PropTypes$1.number,
   style: borderTypes,
@@ -242,7 +247,8 @@ var boxStyle = PropTypes$1.shape({
   borderRadius: PropTypes$1.number,
   borderWidth: PropTypes$1.number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 var margin = PropTypes$1.shape({
   top: PropTypes$1.number,
@@ -638,6 +644,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     color: color,
     textStyle: textStyle,
     borderTypes: borderTypes,
+    shadowType: shadowType,
     borderStyle: borderStyle,
     boxStyle: boxStyle,
     margin: margin,

package/es/utils.js

@@ -430,6 +430,28 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   } : null), getStyleFromColor(color, 'borderColor'));
 };
 
+var getStyleFromShadow = function getStyleFromShadow(value) {
+  if (value == null) {
+    return null;
+  }
+
+  var _ref = value || {},
+      _ref$shadowHorizontal = _ref.shadowHorizontalOffset,
+      shadowHorizontalOffset = _ref$shadowHorizontal === void 0 ? 0 : _ref$shadowHorizontal,
+      _ref$shadowVerticalOf = _ref.shadowVerticalOffset,
+      shadowVerticalOffset = _ref$shadowVerticalOf === void 0 ? 0 : _ref$shadowVerticalOf,
+      _ref$shadowBlur = _ref.shadowBlur,
+      shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
+      _ref$shadowColor = _ref.shadowColor,
+      shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
+
+  var color = getColorAsString(shadowColor);
+  var boxShadow = "".concat(shadowHorizontalOffset, "px ").concat(shadowVerticalOffset, "px ").concat(shadowBlur, "px 0 ").concat(color);
+  return {
+    boxShadow: boxShadow
+  };
+};
+
 var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
@@ -454,12 +476,26 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _value$borderStyle = value.borderStyle,
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
-      borderColor = _value$borderColor === void 0 ? null : _value$borderColor;
+      borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
+      _value$shadowHorizont = value.shadowHorizontalOffset,
+      shadowHorizontalOffset = _value$shadowHorizont === void 0 ? null : _value$shadowHorizont,
+      _value$shadowVertical = value.shadowVerticalOffset,
+      shadowVerticalOffset = _value$shadowVertical === void 0 ? null : _value$shadowVertical,
+      _value$shadowBlur = value.shadowBlur,
+      shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
+      _value$shadowColor = value.shadowColor,
+      shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
   var border = {
     width: borderWidth,
     style: borderStyle,
     color: borderColor
   };
+  var shadow = {
+    shadowHorizontalOffset: shadowHorizontalOffset,
+    shadowVerticalOffset: shadowVerticalOffset,
+    shadowBlur: shadowBlur,
+    shadowColor: shadowColor
+  };
 
   var _ref = isObject(padding) ? padding : {
     padding: padding
@@ -475,9 +511,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _ref$padding = _ref.padding,
       paddingValue = _ref$padding === void 0 ? null : _ref$padding;
 
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop

package/lib/components.js

@@ -1788,7 +1788,7 @@ var UploadModal = function UploadModal(_ref) {
       sources = _ref.sources,
       onUploaded = _ref.onUploaded,
       onRequestClose = _ref.onRequestClose;
-  var onUpppyComplete = React.useCallback(function (response) {
+  var onUppyComplete = React.useCallback(function (response) {
     if (onUploaded !== null) {
       onUploaded(response);
     }
@@ -1805,7 +1805,7 @@ var UploadModal = function UploadModal(_ref) {
     return ['image', 'video', 'audio'].indexOf(type) !== -1 ? ["".concat(type, "/*")] : null;
   }, [type]);
   var uppy = contexts.useUppy({
-    onComplete: onUpppyComplete,
+    onComplete: onUppyComplete,
     sources: sources,
     allowedFileTypes: fileTypes !== null && fileTypes.length > 0 ? fileTypes : null
   });
@@ -2594,6 +2594,11 @@ var textStyle = PropTypes__default["default"].shape({
   lineHeight: PropTypes__default["default"].number
 });
 var borderTypes = PropTypes__default["default"].oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes__default["default"].shape({
+  shadowDistance: PropTypes__default["default"].number,
+  shadowBlur: PropTypes__default["default"].number,
+  shadowColor: color
+});
 PropTypes__default["default"].shape({
   width: PropTypes__default["default"].number,
   style: borderTypes,
@@ -2605,7 +2610,8 @@ var boxStyle = PropTypes__default["default"].shape({
   borderRadius: PropTypes__default["default"].number,
   borderWidth: PropTypes__default["default"].number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 PropTypes__default["default"].shape({
   top: PropTypes__default["default"].number,

package/lib/hooks.js

@@ -1014,18 +1014,6 @@ var useMediaApi = function useMediaApi() {
       media.addEventListener('loadeddata', onCustomLoadedData);
     }
 
-    if (media !== null && media.readyState > 1) {
-      setDataReady(true);
-    } else {
-      setDataReady(false);
-    }
-
-    if (media !== null && media.readyState > 3) {
-      setReady(true);
-    } else {
-      setReady(false);
-    }
-
     return function () {
       if (media !== null) {
         media.removeEventListener('timeupdate', onCustomTimeUpdate);
@@ -1041,6 +1029,22 @@ var useMediaApi = function useMediaApi() {
         media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
       }
     };
+  }, [url, onCustomTimeUpdate, onCustomDurationChange, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]);
+  react.useEffect(function () {
+    var _ref$current2 = ref.current,
+        media = _ref$current2 === void 0 ? null : _ref$current2;
+
+    if (media !== null && media.readyState > 1) {
+      setDataReady(true);
+    } else {
+      setDataReady(false);
+    }
+
+    if (media !== null && media.readyState > 3) {
+      setReady(true);
+    } else {
+      setReady(false);
+    }
   }, [url]);
   return {
     ref: ref,

package/lib/index.js

@@ -258,6 +258,11 @@ var textStyle = PropTypes__default["default"].shape({
   lineHeight: PropTypes__default["default"].number
 });
 var borderTypes = PropTypes__default["default"].oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
+var shadowType = PropTypes__default["default"].shape({
+  shadowDistance: PropTypes__default["default"].number,
+  shadowBlur: PropTypes__default["default"].number,
+  shadowColor: color
+});
 var borderStyle = PropTypes__default["default"].shape({
   width: PropTypes__default["default"].number,
   style: borderTypes,
@@ -269,7 +274,8 @@ var boxStyle = PropTypes__default["default"].shape({
   borderRadius: PropTypes__default["default"].number,
   borderWidth: PropTypes__default["default"].number,
   borderColor: color,
-  borderStyle: borderTypes
+  borderStyle: borderTypes,
+  shadow: shadowType
 });
 var margin = PropTypes__default["default"].shape({
   top: PropTypes__default["default"].number,
@@ -665,6 +671,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     color: color,
     textStyle: textStyle,
     borderTypes: borderTypes,
+    shadowType: shadowType,
     borderStyle: borderStyle,
     boxStyle: boxStyle,
     margin: margin,

package/lib/utils.js

@@ -447,6 +447,28 @@ var getStyleFromBorder = function getStyleFromBorder(value) {
   } : null), getStyleFromColor(color, 'borderColor'));
 };
 
+var getStyleFromShadow = function getStyleFromShadow(value) {
+  if (value == null) {
+    return null;
+  }
+
+  var _ref = value || {},
+      _ref$shadowHorizontal = _ref.shadowHorizontalOffset,
+      shadowHorizontalOffset = _ref$shadowHorizontal === void 0 ? 0 : _ref$shadowHorizontal,
+      _ref$shadowVerticalOf = _ref.shadowVerticalOffset,
+      shadowVerticalOffset = _ref$shadowVerticalOf === void 0 ? 0 : _ref$shadowVerticalOf,
+      _ref$shadowBlur = _ref.shadowBlur,
+      shadowBlur = _ref$shadowBlur === void 0 ? 0 : _ref$shadowBlur,
+      _ref$shadowColor = _ref.shadowColor,
+      shadowColor = _ref$shadowColor === void 0 ? '#000000' : _ref$shadowColor;
+
+  var color = getColorAsString(shadowColor);
+  var boxShadow = "".concat(shadowHorizontalOffset, "px ").concat(shadowVerticalOffset, "px ").concat(shadowBlur, "px 0 ").concat(color);
+  return {
+    boxShadow: boxShadow
+  };
+};
+
 var getStyleFromBox = function getStyleFromBox(value) {
   if (value === null) {
     return null;
@@ -471,12 +493,26 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _value$borderStyle = value.borderStyle,
       borderStyle = _value$borderStyle === void 0 ? null : _value$borderStyle,
       _value$borderColor = value.borderColor,
-      borderColor = _value$borderColor === void 0 ? null : _value$borderColor;
+      borderColor = _value$borderColor === void 0 ? null : _value$borderColor,
+      _value$shadowHorizont = value.shadowHorizontalOffset,
+      shadowHorizontalOffset = _value$shadowHorizont === void 0 ? null : _value$shadowHorizont,
+      _value$shadowVertical = value.shadowVerticalOffset,
+      shadowVerticalOffset = _value$shadowVertical === void 0 ? null : _value$shadowVertical,
+      _value$shadowBlur = value.shadowBlur,
+      shadowBlur = _value$shadowBlur === void 0 ? null : _value$shadowBlur,
+      _value$shadowColor = value.shadowColor,
+      shadowColor = _value$shadowColor === void 0 ? null : _value$shadowColor;
   var border = {
     width: borderWidth,
     style: borderStyle,
     color: borderColor
   };
+  var shadow = {
+    shadowHorizontalOffset: shadowHorizontalOffset,
+    shadowVerticalOffset: shadowVerticalOffset,
+    shadowBlur: shadowBlur,
+    shadowColor: shadowColor
+  };
 
   var _ref = isObject__default["default"](padding) ? padding : {
     padding: padding
@@ -492,9 +528,9 @@ var getStyleFromBox = function getStyleFromBox(value) {
       _ref$padding = _ref.padding,
       paddingValue = _ref$padding === void 0 ? null : _ref$padding;
 
-  return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_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"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
     borderRadius: borderRadius
-  } : null), getStyleFromBorder(border)), padding !== null || paddingValue !== null ? {
+  } : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
     padding: padding || paddingValue
   } : null), paddingTop !== null || paddingValueTop !== null ? {
     paddingTop: paddingTop || paddingValueTop

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.106",
+    "version": "0.3.107",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "865842ef7fbdc41f89dd0891857989ded63d44c4"
+    "gitHead": "952ef450fe62328a0ae3ab6dbb3c3079bb66d17a"
 }