@micromag/core 0.3.135 → 0.3.140

package/es/components.js

@@ -1570,6 +1570,8 @@ ModalsContainer.propTypes = propTypes$v;
 ModalsContainer.defaultProps = defaultProps$v;
 var Modals = withModals(ModalsContainer);
 
+var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
+
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$u = {
   id: PropTypes$1.string,
@@ -1654,8 +1656,6 @@ var ModalPortal = function ModalPortal(_ref) {
 ModalPortal.propTypes = propTypes$t;
 ModalPortal.defaultProps = defaultProps$t;
 
-var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
-
 var propTypes$s = {
   id: PropTypes$1.string,
   title: PropTypes$1.string,
@@ -1688,7 +1688,7 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$l.container, _defineProperty({}, styles$l[position], position !== null)])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$l.inner
+    className: classNames([styles$l.inner, 'bg-dark'])
   }, children)));
 };
 
@@ -1732,7 +1732,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-header', styles$k.header, {// 'bg-dark': theme === 'dark',
+    className: classNames(['modal-header', 'p-2', styles$k.header, {// 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
     }])
@@ -1744,8 +1744,9 @@ var ModalDialog = function ModalDialog(_ref) {
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-body', styles$k.body, {// [`bg-${theme}`]: theme !== null,
+    className: classNames(['modal-body', 'p-2', styles$k.body, {// [`bg-${theme}`]: theme !== null,
       // 'text-light': theme === 'dark',
+      // 'bg-dark': theme === 'dark',
     }])
   }, children), footer !== null || buttons !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['modal-footer', styles$k.footer])

package/es/hooks.js

@@ -868,6 +868,7 @@ var useMediaApi = function useMediaApi() {
     }
 
     setPlaying(true);
+    setSuspended(false);
   }, [initialPlay, setPlaying, onPlay]);
   var onCustomPause = useCallback(function (e) {
     var eventMedia = e.currentTarget;
@@ -966,13 +967,13 @@ var useMediaApi = function useMediaApi() {
       onLoadedData();
     }
   }, [setDataReady, onLoadedData]);
-  var onCustomSuspended = useCallback(function () {
+  var onCustomSuspended = useCallback(function (e) {
     setSuspended(true);
 
     if (onSuspended !== null) {
       onSuspended();
     }
-  }, [setDataReady, onLoadedData]);
+  }, [setSuspended, onSuspended]);
   useEffect(function () {
     var _ref$current = ref.current,
         media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);

package/lib/components.js

@@ -1611,6 +1611,8 @@ ModalsContainer.propTypes = propTypes$v;
 ModalsContainer.defaultProps = defaultProps$v;
 var Modals = contexts.withModals(ModalsContainer);
 
+var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
+
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$u = {
   id: PropTypes__default["default"].string,
@@ -1695,8 +1697,6 @@ var ModalPortal = function ModalPortal(_ref) {
 ModalPortal.propTypes = propTypes$t;
 ModalPortal.defaultProps = defaultProps$t;
 
-var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
-
 var propTypes$s = {
   id: PropTypes__default["default"].string,
   title: PropTypes__default["default"].string,
@@ -1729,7 +1729,7 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles$l.container, _defineProperty__default["default"]({}, styles$l[position], position !== null)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$l.inner
+    className: classNames__default["default"]([styles$l.inner, 'bg-dark'])
   }, children)));
 };
 
@@ -1773,7 +1773,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['modal-header', styles$k.header, {// 'bg-dark': theme === 'dark',
+    className: classNames__default["default"](['modal-header', 'p-2', styles$k.header, {// 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
     }])
@@ -1785,8 +1785,9 @@ var ModalDialog = function ModalDialog(_ref) {
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['modal-body', styles$k.body, {// [`bg-${theme}`]: theme !== null,
+    className: classNames__default["default"](['modal-body', 'p-2', styles$k.body, {// [`bg-${theme}`]: theme !== null,
       // 'text-light': theme === 'dark',
+      // 'bg-dark': theme === 'dark',
     }])
   }, children), footer !== null || buttons !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['modal-footer', styles$k.footer])

package/lib/hooks.js

@@ -904,6 +904,7 @@ var useMediaApi = function useMediaApi() {
     }
 
     setPlaying(true);
+    setSuspended(false);
   }, [initialPlay, setPlaying, onPlay]);
   var onCustomPause = react.useCallback(function (e) {
     var eventMedia = e.currentTarget;
@@ -1002,13 +1003,13 @@ var useMediaApi = function useMediaApi() {
       onLoadedData();
     }
   }, [setDataReady, onLoadedData]);
-  var onCustomSuspended = react.useCallback(function () {
+  var onCustomSuspended = react.useCallback(function (e) {
     setSuspended(true);
 
     if (onSuspended !== null) {
       onSuspended();
     }
-  }, [setDataReady, onLoadedData]);
+  }, [setSuspended, onSuspended]);
   react.useEffect(function () {
     var _ref$current = ref.current,
         media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.135",
+    "version": "0.3.140",
     "description": "",
     "keywords": [
         "javascript"
@@ -106,7 +106,7 @@
         "@uppy/webcam": "^2.0.5",
         "@uppy/xhr-upload": "^2.0.7",
         "@use-gesture/react": "^10.2.4",
-        "bootstrap": "^5.1.0",
+        "bootstrap": "5.2.0-beta1",
         "change-case": "^4.1.2",
         "classnames": "^2.2.6",
         "css-mediaquery": "^0.1.2",
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "b9bd185aacc16b6fb5540aa113dc7872c822e279"
+    "gitHead": "580f0f9c5bc9d85057750f7f710bc27c933dd21a"
 }