@micromag/core 0.3.18 → 0.3.23

package/assets/css/styles.css

@@ -5,7 +5,6 @@
 
 .micromag-core-menus-breadcrumb-container .micromag-core-menus-breadcrumb-arrow+.micromag-core-menus-breadcrumb-arrow:before{content:">"}
 
-
 .micromag-core-menus-tabs-container{display:inline-block;position:relative}
 .micromag-core-modals-container{position:static}.micromag-core-modals-modals.micromag-core-modals-hasModals{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:rgba(28,28,28,.2)}
 .micromag-core-modals-modal-container{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow-y:auto}.micromag-core-modals-modal-container.micromag-core-modals-modal-center>.micromag-core-modals-modal-inner{margin:auto}.micromag-core-modals-modal-container.micromag-core-modals-modal-top>.micromag-core-modals-modal-inner{margin:0 auto;padding:1.75rem 0}

package/es/components.js

@@ -1011,7 +1011,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
 Breadcrumb.propTypes = propTypes$A;
 Breadcrumb.defaultProps = defaultProps$A;
 
-var _excluded$3 = ["id", "type", "className", "label", "children", "onClick", "active"];
+var _excluded$3 = ["type", "className", "label", "children", "onClick", "active"];
 var propTypes$z = {
   items: PropTypes.menuItems,
   children: PropTypes$1.node,
@@ -1045,20 +1045,34 @@ 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);
+  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
   }, children !== null ? children : items.map(function (it, index) {
     var _ref3;
 
-    it.id;
-        var _it$type = it.type,
+    var _it$type = it.type,
         type = _it$type === void 0 ? 'link' : _it$type,
         _it$className = it.className,
         customClassName = _it$className === void 0 ? null : _it$className,
@@ -1094,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',
@@ -2740,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']);
 /**
@@ -3495,7 +3509,11 @@ var Screen = function Screen(_ref) {
       onEnableInteraction = _ref.onEnableInteraction,
       onDisableInteraction = _ref.onDisableInteraction,
       getMediaRef = _ref.getMediaRef;
-  var type = screen.type;
+
+  var _ref2 = screen || {},
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? null : _ref2$type;
+
   var CustomScreenComponent = components !== null ? getComponentFromName(type, components) || null : null;
   var ContextScreenComponent = useScreenComponent(type);
   var ScreenComponent = CustomScreenComponent || ContextScreenComponent;

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

@@ -1034,7 +1034,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
 Breadcrumb.propTypes = propTypes$A;
 Breadcrumb.defaultProps = defaultProps$A;
 
-var _excluded$3 = ["id", "type", "className", "label", "children", "onClick", "active"];
+var _excluded$3 = ["type", "className", "label", "children", "onClick", "active"];
 var propTypes$z = {
   items: core.PropTypes.menuItems,
   children: PropTypes__default["default"].node,
@@ -1068,20 +1068,34 @@ 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);
+  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
   }, children !== null ? children : items.map(function (it, index) {
     var _ref3;
 
-    it.id;
-        var _it$type = it.type,
+    var _it$type = it.type,
         type = _it$type === void 0 ? 'link' : _it$type,
         _it$className = it.className,
         customClassName = _it$className === void 0 ? null : _it$className,
@@ -1117,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',
@@ -2763,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']);
 /**
@@ -3518,7 +3532,11 @@ var Screen = function Screen(_ref) {
       onEnableInteraction = _ref.onEnableInteraction,
       onDisableInteraction = _ref.onDisableInteraction,
       getMediaRef = _ref.getMediaRef;
-  var type = screen.type;
+
+  var _ref2 = screen || {},
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? null : _ref2$type;
+
   var CustomScreenComponent = components !== null ? utils.getComponentFromName(type, components) || null : null;
   var ContextScreenComponent = contexts.useScreenComponent(type);
   var ScreenComponent = CustomScreenComponent || ContextScreenComponent;

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.18",
+    "version": "0.3.23",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "24f426ccd37e27c953634cd1dd3c204264549acc"
+    "gitHead": "0b692c48b420a885265c7d0ccdfcb207dda89e33"
 }