@micromag/core 0.3.19 → 0.3.24

package/es/components.js

@@ -798,7 +798,7 @@ var Card = function Card(_ref) {
     src: image,
     alt: imageAlt,
     className: classNames(['card-img-top', _defineProperty({}, imageClassName, imageClassName !== null)])
-  }) : image, beforeBody, bodyInner !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, onClickBody !== null ? /*#__PURE__*/React.createElement("button", {
+  }) : image, beforeBody, bodyInner !== null ? onClickBody !== null ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames(_defineProperty({
       'card-body': !imageOverlay,
@@ -810,15 +810,15 @@ var Card = function Card(_ref) {
       'card-body': !imageOverlay,
       'card-img-overlay': imageOverlay
     }, bodyClassName, bodyClassName !== null))
-  }, bodyInner)) : null, afterBody, links !== null && !linksInSameBody ? /*#__PURE__*/React.createElement("div", {
+  }, bodyInner) : null, afterBody, links !== null && linksElements !== null && !linksInSameBody ? /*#__PURE__*/React.createElement("div", {
     className: "card-body"
-  }, linksElements) : null, footer !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, onClickFooter !== null ? /*#__PURE__*/React.createElement("button", {
+  }, linksElements) : null, footer !== null ? onClickFooter !== null ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames(['card-footer', _defineProperty({}, footerClassName, footerClassName !== null)]),
     onClick: onClickFooter
   }, /*#__PURE__*/React.createElement(Label, null, footer)) : /*#__PURE__*/React.createElement("div", {
     className: classNames(['card-footer', _defineProperty({}, footerClassName, footerClassName !== null)])
-  }, /*#__PURE__*/React.createElement(Label, null, footer))) : null);
+  }, /*#__PURE__*/React.createElement(Label, null, footer)) : null);
   var cardClassName = classNames(['card', (_ref10 = {}, _defineProperty(_ref10, "bg-".concat(theme), !imageOverlay && theme !== 'dark'), _defineProperty(_ref10, 'bg-dark', imageOverlay || theme === 'dark'), _defineProperty(_ref10, 'text-dark', theme === 'light'), _defineProperty(_ref10, 'text-light', imageOverlay || theme === 'dark' || theme === 'primary'), _defineProperty(_ref10, className, className !== null), _ref10)]);
 
   if (href !== null) {
@@ -1045,14 +1045,27 @@ var Dropdown = function Dropdown(_ref) {
       onClickItem = _ref.onClickItem,
       onClickOutside = _ref.onClickOutside;
   var refContainer = useRef(null);
+
+  var _useState = useState(visible),
+      _useState2 = _slicedToArray(_useState, 2),
+      enabled = _useState2[0],
+      setEnabled = _useState2[1];
+
   var onDocumentClick = useCallback(function (e) {
     if (refContainer.current && !refContainer.current.contains(e.currentTarget) && onClickOutside !== null) {
       onClickOutside(e);
     }
   }, [refContainer.current, onClickOutside]);
-  useDocumentEvent('click', onDocumentClick, visible);
-  console.log('visible', visible); // eslint-disable-line
+  useDocumentEvent('click', onDocumentClick, enabled); // Delay the outside click detection
 
+  useEffect(function () {
+    var id = setTimeout(function () {
+      setEnabled(visible);
+    }, 100);
+    return function () {
+      clearTimeout(id);
+    };
+  }, [visible, setEnabled]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(['dropdown-menu', (_ref2 = {}, _defineProperty(_ref2, "dropdown-menu-".concat(align), align !== null), _defineProperty(_ref2, "show", visible), _defineProperty(_ref2, className, className !== null), _ref2)]),
     ref: refContainer
@@ -1095,7 +1108,7 @@ var Dropdown = function Dropdown(_ref) {
       }
     } : null;
     return ItemComponent !== null ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(ItemComponent, Object.assign({
-      key: "item-".concat(index),
+      key: "item-".concat(index, "-").concat(label),
       className: classNames([(_ref3 = {
         'dropdown-item': type === 'link' || type === 'button',
         'dropdown-divider': type === 'divider',
@@ -2291,11 +2304,11 @@ var Media = function Media(_ref) {
       'align-self-center': thumbnailAlign === 'center',
       'align-self-end': thumbnailAlign === 'bottom'
     }, thumbnailClassName, thumbnailClassName !== null)])
-  }) : thumbnail, /*#__PURE__*/React.createElement("div", {
+  }) : 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)])
-  }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children));
+  }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children) : null);
 };
 
 Media.propTypes = propTypes$e;
@@ -2741,7 +2754,7 @@ PropTypes$1.shape({
   screens: PropTypes$1.arrayOf(PropTypes$1.string),
   width: PropTypes$1.number,
   height: PropTypes$1.number,
-  landscape: PropTypes$1.number
+  landscape: PropTypes$1.bool
 });
 PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 /**

package/es/contexts.js

@@ -1095,7 +1095,8 @@ var useUppyCore = function useUppyCore() {
     "package": packageCache
   }),
       _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   useEffect(function () {
@@ -1147,7 +1148,8 @@ var useUppyLocale = function useUppyLocale(locale) {
     "package": packagesCache$2[locale] || null
   }),
       _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   var packageLoader = packagesMap[locale] || null;
@@ -1219,7 +1221,8 @@ var useUppySources = function useUppySources(sources) {
     }, null)
   }),
       _useState2 = _slicedToArray(_useState, 2),
-      loadedPackages = _useState2[0].packages,
+      _useState2$0$packages = _useState2[0].packages,
+      loadedPackages = _useState2$0$packages === void 0 ? [] : _useState2$0$packages,
       setLoadedPackages = _useState2[1];
 
   var sourcesToLoad = useMemo(function () {
@@ -1301,7 +1304,8 @@ var useUppyTransport = function useUppyTransport(transport) {
     "package": packagesCache[transport] || null
   }),
       _useState2 = _slicedToArray(_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   var packageLoader = packagesMap[transport] || null;
@@ -1554,6 +1558,7 @@ 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

@@ -472,7 +472,7 @@ var screenSize = PropTypes$1.shape({
   screens: PropTypes$1.arrayOf(PropTypes$1.string),
   width: PropTypes$1.number,
   height: PropTypes$1.number,
-  landscape: PropTypes$1.number
+  landscape: PropTypes$1.bool
 });
 var renderContext = PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 /**

package/lib/components.js

@@ -821,7 +821,7 @@ var Card = function Card(_ref) {
     src: image,
     alt: imageAlt,
     className: classNames__default["default"](['card-img-top', _defineProperty__default["default"]({}, imageClassName, imageClassName !== null)])
-  }) : image, beforeBody, bodyInner !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, onClickBody !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }) : image, beforeBody, bodyInner !== null ? onClickBody !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
     type: "button",
     className: classNames__default["default"](_defineProperty__default["default"]({
       'card-body': !imageOverlay,
@@ -833,15 +833,15 @@ var Card = function Card(_ref) {
       'card-body': !imageOverlay,
       'card-img-overlay': imageOverlay
     }, bodyClassName, bodyClassName !== null))
-  }, bodyInner)) : null, afterBody, links !== null && !linksInSameBody ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, bodyInner) : null, afterBody, links !== null && linksElements !== null && !linksInSameBody ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "card-body"
-  }, linksElements) : null, footer !== null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, onClickFooter !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }, linksElements) : null, footer !== null ? onClickFooter !== null ? /*#__PURE__*/React__default["default"].createElement("button", {
     type: "button",
     className: classNames__default["default"](['card-footer', _defineProperty__default["default"]({}, footerClassName, footerClassName !== null)]),
     onClick: onClickFooter
   }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer)) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['card-footer', _defineProperty__default["default"]({}, footerClassName, footerClassName !== null)])
-  }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer))) : null);
+  }, /*#__PURE__*/React__default["default"].createElement(Label, null, footer)) : null);
   var cardClassName = classNames__default["default"](['card', (_ref10 = {}, _defineProperty__default["default"](_ref10, "bg-".concat(theme), !imageOverlay && theme !== 'dark'), _defineProperty__default["default"](_ref10, 'bg-dark', imageOverlay || theme === 'dark'), _defineProperty__default["default"](_ref10, 'text-dark', theme === 'light'), _defineProperty__default["default"](_ref10, 'text-light', imageOverlay || theme === 'dark' || theme === 'primary'), _defineProperty__default["default"](_ref10, className, className !== null), _ref10)]);
 
   if (href !== null) {
@@ -1068,14 +1068,27 @@ var Dropdown = function Dropdown(_ref) {
       onClickItem = _ref.onClickItem,
       onClickOutside = _ref.onClickOutside;
   var refContainer = React.useRef(null);
+
+  var _useState = React.useState(visible),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      enabled = _useState2[0],
+      setEnabled = _useState2[1];
+
   var onDocumentClick = React.useCallback(function (e) {
     if (refContainer.current && !refContainer.current.contains(e.currentTarget) && onClickOutside !== null) {
       onClickOutside(e);
     }
   }, [refContainer.current, onClickOutside]);
-  hooks.useDocumentEvent('click', onDocumentClick, visible);
-  console.log('visible', visible); // eslint-disable-line
+  hooks.useDocumentEvent('click', onDocumentClick, enabled); // Delay the outside click detection
 
+  React.useEffect(function () {
+    var id = setTimeout(function () {
+      setEnabled(visible);
+    }, 100);
+    return function () {
+      clearTimeout(id);
+    };
+  }, [visible, setEnabled]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['dropdown-menu', (_ref2 = {}, _defineProperty__default["default"](_ref2, "dropdown-menu-".concat(align), align !== null), _defineProperty__default["default"](_ref2, "show", visible), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)]),
     ref: refContainer
@@ -1118,7 +1131,7 @@ var Dropdown = function Dropdown(_ref) {
       }
     } : null;
     return ItemComponent !== null ? /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(ItemComponent, Object.assign({
-      key: "item-".concat(index),
+      key: "item-".concat(index, "-").concat(label),
       className: classNames__default["default"]([(_ref3 = {
         'dropdown-item': type === 'link' || type === 'button',
         'dropdown-divider': type === 'divider',
@@ -2314,11 +2327,11 @@ var Media = function Media(_ref) {
       'align-self-center': thumbnailAlign === 'center',
       'align-self-end': thumbnailAlign === 'bottom'
     }, thumbnailClassName, thumbnailClassName !== null)])
-  }) : thumbnail, /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : 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)])
-  }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children));
+  }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children) : null);
 };
 
 Media.propTypes = propTypes$e;
@@ -2764,7 +2777,7 @@ PropTypes__default["default"].shape({
   screens: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   width: PropTypes__default["default"].number,
   height: PropTypes__default["default"].number,
-  landscape: PropTypes__default["default"].number
+  landscape: PropTypes__default["default"].bool
 });
 PropTypes__default["default"].oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 /**

package/lib/contexts.js

@@ -1130,7 +1130,8 @@ var useUppyCore = function useUppyCore() {
     "package": packageCache
   }),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   React.useEffect(function () {
@@ -1182,7 +1183,8 @@ var useUppyLocale = function useUppyLocale(locale) {
     "package": packagesCache$2[locale] || null
   }),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   var packageLoader = packagesMap[locale] || null;
@@ -1254,7 +1256,8 @@ var useUppySources = function useUppySources(sources) {
     }, null)
   }),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackages = _useState2[0].packages,
+      _useState2$0$packages = _useState2[0].packages,
+      loadedPackages = _useState2$0$packages === void 0 ? [] : _useState2$0$packages,
       setLoadedPackages = _useState2[1];
 
   var sourcesToLoad = React.useMemo(function () {
@@ -1336,7 +1339,8 @@ var useUppyTransport = function useUppyTransport(transport) {
     "package": packagesCache[transport] || null
   }),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
-      loadedPackage = _useState2[0]["package"],
+      _useState2$0$package = _useState2[0]["package"],
+      loadedPackage = _useState2$0$package === void 0 ? null : _useState2$0$package,
       setLoadedPackage = _useState2[1];
 
   var packageLoader = packagesMap[transport] || null;
@@ -1589,6 +1593,7 @@ 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

@@ -498,7 +498,7 @@ var screenSize = PropTypes__default["default"].shape({
   screens: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   width: PropTypes__default["default"].number,
   height: PropTypes__default["default"].number,
-  landscape: PropTypes__default["default"].number
+  landscape: PropTypes__default["default"].bool
 });
 var renderContext = PropTypes__default["default"].oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.19",
+    "version": "0.3.24",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "567326b79369a96c8c4cfed8ec08a3e67114261f"
+    "gitHead": "f2d5d71a3e5c5e6d6e9d8af3bdd8a71bf38fbbb7"
 }