@micromag/core 0.3.105 → 0.3.108

package/es/components.js

@@ -16,8 +16,8 @@ import { useForm, useDocumentEvent, useIntersectionObserver, useResizeObserver }
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import get from 'lodash/get';
 import ReactDOM from 'react-dom';
-import isArray from 'lodash/isArray';
 import { DashboardModal } from '@uppy/react';
+import isArray from 'lodash/isArray';
 import dayjs from 'dayjs';
 import throttle from 'lodash/throttle';
 import isObject from 'lodash/isObject';
@@ -1744,6 +1744,7 @@ var ModalDialog = function ModalDialog(_ref) {
 ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
+// import classNames from 'classnames';
 var propTypes$p = {
   type: PropTypes$1.oneOfType([PropTypes.mediaTypes, PropTypes$1.array]),
   opened: PropTypes$1.bool,
@@ -1765,7 +1766,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 +1783,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 +2572,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 +2588,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,
@@ -3556,7 +3563,7 @@ var propTypes$9 = {
   getMediaRef: PropTypes$1.func
 };
 var defaultProps$9 = {
-  active: false,
+  active: true,
   renderContext: null,
   screenState: null,
   current: false,

package/es/contexts.js

@@ -1094,6 +1094,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
 TrackingProvider.propTypes = propTypes$3;
 TrackingProvider.defaultProps = defaultProps$3;
 
+var _excluded$3 = ["Uppy"];
 /**
  * Locale loader
  */
@@ -1120,12 +1121,17 @@ var useUppyCore = function useUppyCore() {
     }
 
     import('@uppy/core').then(function (_ref) {
-      var Uppy = _ref.Uppy;
-      packageCache = Uppy;
+      var Uppy = _ref.Uppy,
+          other = _objectWithoutProperties(_ref, _excluded$3);
+
+      var _ref2 = other || {},
+          defaultPackage = _ref2["default"];
+
+      packageCache = Uppy || defaultPackage;
 
       if (!canceled) {
         setLoadedPackage({
-          "package": Uppy
+          "package": Uppy || defaultPackage
         });
       }
     });

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

@@ -20,8 +20,8 @@ var hooks = require('@micromag/core/hooks');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var get = require('lodash/get');
 var ReactDOM = require('react-dom');
-var isArray = require('lodash/isArray');
 var react = require('@uppy/react');
+var isArray = require('lodash/isArray');
 var dayjs = require('dayjs');
 var throttle = require('lodash/throttle');
 var isObject = require('lodash/isObject');
@@ -1767,6 +1767,7 @@ var ModalDialog = function ModalDialog(_ref) {
 ModalDialog.propTypes = propTypes$q;
 ModalDialog.defaultProps = defaultProps$q;
 
+// import classNames from 'classnames';
 var propTypes$p = {
   type: PropTypes__default["default"].oneOfType([core.PropTypes.mediaTypes, PropTypes__default["default"].array]),
   opened: PropTypes__default["default"].bool,
@@ -1788,7 +1789,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 +1806,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 +2595,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 +2611,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,
@@ -3579,7 +3586,7 @@ var propTypes$9 = {
   getMediaRef: PropTypes__default["default"].func
 };
 var defaultProps$9 = {
-  active: false,
+  active: true,
   renderContext: null,
   screenState: null,
   current: false,

package/lib/contexts.js

@@ -1129,6 +1129,7 @@ var TrackingProvider = function TrackingProvider(_ref) {
 TrackingProvider.propTypes = propTypes$3;
 TrackingProvider.defaultProps = defaultProps$3;
 
+var _excluded$3 = ["Uppy"];
 /**
  * Locale loader
  */
@@ -1155,12 +1156,17 @@ var useUppyCore = function useUppyCore() {
     }
 
     Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@uppy/core')); }).then(function (_ref) {
-      var Uppy = _ref.Uppy;
-      packageCache = Uppy;
+      var Uppy = _ref.Uppy,
+          other = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+
+      var _ref2 = other || {},
+          defaultPackage = _ref2["default"];
+
+      packageCache = Uppy || defaultPackage;
 
       if (!canceled) {
         setLoadedPackage({
-          "package": Uppy
+          "package": Uppy || defaultPackage
         });
       }
     });

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.105",
+    "version": "0.3.108",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fb6c28846c08f30c035ebbc162a4135b8b4d42a5"
+    "gitHead": "d7681b84be82b08eff5ed444f910ed367f235f4e"
 }