@micromag/core 0.3.676 → 0.3.703

package/es/components.js

@@ -3090,6 +3090,12 @@ var badge = PropTypes.shape({
   label: textElement,
   buttonStyle: boxStyle
 });
+PropTypes.shape({
+  active: PropTypes.bool,
+  placeholder: textElement,
+  textStyle: textStyle,
+  boxStyle: boxStyle
+});
 PropTypes.shape({
   badge: badge
 });

package/es/contexts.js

@@ -905,21 +905,21 @@ var PlaybackProvider = function PlaybackProvider(_ref) {
     controls = _useState8[0],
     setControls = _useState8[1];
   var _useState9 = useState(initialControlsSuggestPlay),
-    _useState10 = _slicedToArray(_useState9, 2),
-    controlsSuggestPlay = _useState10[0],
-    setControlsSuggestPlay = _useState10[1];
-  var _useState11 = useState(initialControlsVisible),
+    _useState0 = _slicedToArray(_useState9, 2),
+    controlsSuggestPlay = _useState0[0],
+    setControlsSuggestPlay = _useState0[1];
+  var _useState1 = useState(initialControlsVisible),
+    _useState10 = _slicedToArray(_useState1, 2),
+    controlsVisible = _useState10[0],
+    setControlsVisible = _useState10[1];
+  var _useState11 = useState(initialControlsTheme),
     _useState12 = _slicedToArray(_useState11, 2),
-    controlsVisible = _useState12[0],
-    setControlsVisible = _useState12[1];
-  var _useState13 = useState(initialControlsTheme),
+    controlsTheme = _useState12[0],
+    setControlsTheme = _useState12[1];
+  var _useState13 = useState(initialCurrentQualityLevel),
     _useState14 = _slicedToArray(_useState13, 2),
-    controlsTheme = _useState14[0],
-    setControlsTheme = _useState14[1];
-  var _useState15 = useState(initialCurrentQualityLevel),
-    _useState16 = _slicedToArray(_useState15, 2),
-    currentQualityLevel = _useState16[0],
-    setCurrentQualityLevel = _useState16[1];
+    currentQualityLevel = _useState14[0],
+    setCurrentQualityLevel = _useState14[1];
   var finalSetControls = useCallback(function (newControls) {
     if (newControls) {
       setControls(true);

package/es/hooks.js

@@ -923,17 +923,17 @@ var useMediaApi = function useMediaApi() {
     ready = _useState8[0],
     setReady = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dataReady = _useState10[0],
-    setDataReady = _useState10[1];
-  var _useState11 = useState(true),
+    _useState0 = _slicedToArray(_useState9, 2),
+    dataReady = _useState0[0],
+    setDataReady = _useState0[1];
+  var _useState1 = useState(true),
+    _useState10 = _slicedToArray(_useState1, 2),
+    initialPlay = _useState10[0],
+    setInitialPlay = _useState10[1];
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    initialPlay = _useState12[0],
-    setInitialPlay = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    suspended = _useState14[0],
-    setSuspended = _useState14[1];
+    suspended = _useState12[0],
+    setSuspended = _useState12[1];
   var progressStepsReached = useRef({});
   var paused = !playing;
 
@@ -1915,6 +1915,10 @@ var useParsedStory = function useParsedStory(story) {
   return newStory;
 };
 
+var usePlaceholderStyle = function usePlaceholderStyle(className, placeholderStyle) {
+  return "\n            .".concat(className, "::placeholder {\n                ").concat(placeholderStyle.color ? "color: ".concat(placeholderStyle.color, ";") : '', "\n                ").concat(placeholderStyle.fontSize ? "font-size: ".concat(placeholderStyle.fontSize, ";") : '', "\n                ").concat(placeholderStyle.fontStyle ? "font-style: ".concat(placeholderStyle.fontStyle, ";") : '', "\n                ").concat(placeholderStyle.fontWeight ? "font-weight: ".concat(placeholderStyle.fontWeight, ";") : '', "\n                ").concat(placeholderStyle.fontFamily ? "font-family: ".concat(placeholderStyle.fontFamily, ";") : '', "\n                ").concat(placeholderStyle.textAlign ? "text-align: ".concat(placeholderStyle.textAlign, ";") : '', "\n            }\n        ");
+};
+
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$disabled = _ref.disabled,
@@ -2351,7 +2355,7 @@ var useTrackScreenEvent = function useTrackScreenEvent() {
   return useCallback(function () {
     var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var opts = arguments.length > 2 ? arguments[2] : undefined;
+    var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     if (type !== null && action !== null) {
       tracking.trackEvent("screen_".concat(type), action, label, _objectSpread(_objectSpread({}, opts), getScreenOptions(screenContext, opts)));
     }
@@ -2385,7 +2389,7 @@ var useTrackEvent = function useTrackEvent() {
     var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    var opts = arguments.length > 3 ? arguments[3] : undefined;
+    var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     if (category !== null && action !== null) {
       tracking.trackEvent(category, action, label, opts);
     }
@@ -2400,7 +2404,7 @@ var useTrackMedia = function useTrackMedia() {
   return useCallback(function () {
     var media = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var opts = arguments.length > 2 ? arguments[2] : undefined;
+    var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     if (type !== null && media !== null && action !== null) {
       tracking.trackMedia(type, media, action, opts);
     }
@@ -2410,4 +2414,4 @@ var useTrackMedia = function useTrackMedia() {
 var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
 var useWindowEvent = createUseEvent(eventsManager);
 
-export { getObserver, useActivityDetector, useAnimationFrame, useDebounced as useDebounce, useDevicePixelRatio, useDimensionObserver, useDocumentEvent, useDragProgress, useForm, useFormTransition, useFormattedDate, useFormattedTime, useFullscreen, useIntersectionObserver, useIsVisible, useLoadedFonts, useLongPress, useMediaApi, useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState, useMediaThumbnail, useMediaTimestampOffset, useMediaWaveform, useMediasParser, useObserver, useParsedStory, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent };
+export { getObserver, useActivityDetector, useAnimationFrame, useDebounced as useDebounce, useDevicePixelRatio, useDimensionObserver, useDocumentEvent, useDragProgress, useForm, useFormTransition, useFormattedDate, useFormattedTime, useFullscreen, useIntersectionObserver, useIsVisible, useLoadedFonts, useLongPress, useMediaApi, useMediaBuffering, useMediaCurrentTime, useMediaDuration, useMediaLoad, useMediaProgress, useMediaReady, useMediaState, useMediaThumbnail, useMediaTimestampOffset, useMediaWaveform, useMediasParser, useObserver, useParsedStory, usePlaceholderStyle, useProgressSteps, useResizeObserver, useScreenSizeFromElement, useScreenSizeFromWindow, useSpringValue, useSwipe, useThemeParser, useTrackEvent, useTrackMedia, useTrackScreenEvent, useTrackScreenMedia, useTrackScreenView, useWindowEvent };

package/es/index.js

@@ -612,6 +612,12 @@ var badge = PropTypes$1.shape({
   label: textElement,
   buttonStyle: boxStyle
 });
+var customAnswer = PropTypes$1.shape({
+  active: PropTypes$1.bool,
+  placeholder: textElement,
+  textStyle: textStyle,
+  boxStyle: boxStyle
+});
 var header = PropTypes$1.shape({
   badge: badge
 });
@@ -664,6 +670,7 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     conversation: conversation,
     conversationMessage: conversationMessage,
     conversationMessages: conversationMessages,
+    customAnswer: customAnswer,
     customFont: customFont,
     defaultMessage: defaultMessage,
     defaultMessageContent: defaultMessageContent,
@@ -1895,20 +1902,20 @@ var ButtonPadding = /*#__PURE__*/function () {
   return _createClass(ButtonPadding, [{
     key: "test",
     value: function test(screen) {
-      var _ref10 = screen || {},
-        _ref10$footer = _ref10.footer,
-        footer = _ref10$footer === void 0 ? null : _ref10$footer,
-        _ref10$header = _ref10.header,
-        header = _ref10$header === void 0 ? null : _ref10$header;
+      var _ref0 = screen || {},
+        _ref0$footer = _ref0.footer,
+        footer = _ref0$footer === void 0 ? null : _ref0$footer,
+        _ref0$header = _ref0.header,
+        header = _ref0$header === void 0 ? null : _ref0$header;
       if (header === null || footer === null) {
         return false;
       }
-      var _ref11 = header || {},
-        _ref11$badge = _ref11.badge,
-        badge = _ref11$badge === void 0 ? null : _ref11$badge;
-      var _ref12 = footer || {},
-        _ref12$callToAction = _ref12.callToAction,
-        callToAction = _ref12$callToAction === void 0 ? null : _ref12$callToAction;
+      var _ref1 = header || {},
+        _ref1$badge = _ref1.badge,
+        badge = _ref1$badge === void 0 ? null : _ref1$badge;
+      var _ref10 = footer || {},
+        _ref10$callToAction = _ref10.callToAction,
+        callToAction = _ref10$callToAction === void 0 ? null : _ref10$callToAction;
       if (callToAction === null) {
         return false;
       }
@@ -1928,20 +1935,20 @@ var ButtonPadding = /*#__PURE__*/function () {
   }, {
     key: "parse",
     value: function parse(screen) {
-      var _ref13 = screen || {},
-        _ref13$footer = _ref13.footer,
-        footer = _ref13$footer === void 0 ? null : _ref13$footer,
-        _ref13$header = _ref13.header,
-        header = _ref13$header === void 0 ? null : _ref13$header,
-        restScreen = _objectWithoutProperties(_ref13, _excluded$3);
-      var _ref14 = header || {},
-        _ref14$badge = _ref14.badge,
-        badge = _ref14$badge === void 0 ? null : _ref14$badge,
-        restHeader = _objectWithoutProperties(_ref14, _excluded2$1);
-      var _ref15 = footer || {},
-        _ref15$callToAction = _ref15.callToAction,
-        callToAction = _ref15$callToAction === void 0 ? null : _ref15$callToAction,
-        restFooter = _objectWithoutProperties(_ref15, _excluded3);
+      var _ref11 = screen || {},
+        _ref11$footer = _ref11.footer,
+        footer = _ref11$footer === void 0 ? null : _ref11$footer,
+        _ref11$header = _ref11.header,
+        header = _ref11$header === void 0 ? null : _ref11$header,
+        restScreen = _objectWithoutProperties(_ref11, _excluded$3);
+      var _ref12 = header || {},
+        _ref12$badge = _ref12.badge,
+        badge = _ref12$badge === void 0 ? null : _ref12$badge,
+        restHeader = _objectWithoutProperties(_ref12, _excluded2$1);
+      var _ref13 = footer || {},
+        _ref13$callToAction = _ref13.callToAction,
+        callToAction = _ref13$callToAction === void 0 ? null : _ref13$callToAction,
+        restFooter = _objectWithoutProperties(_ref13, _excluded3);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         header: _objectSpread(_objectSpread({}, restHeader), badge !== null ? {
           badge: parsePadding(badge)
@@ -2278,9 +2285,9 @@ var ThemeParser = /*#__PURE__*/function () {
         var innerDefinition = isArray(fieldsOrDefinition) ? fieldsOrDefinition.find(function (it) {
           return it.name === innerFieldName;
         }) || null : fieldsOrDefinition;
-        var _ref10 = innerDefinition || {},
-          _ref10$theme = _ref10.theme,
-          idfTheme = _ref10$theme === void 0 ? null : _ref10$theme;
+        var _ref0 = innerDefinition || {},
+          _ref0$theme = _ref0.theme,
+          idfTheme = _ref0$theme === void 0 ? null : _ref0$theme;
         var innerValue = value[innerFieldName];
 
         // For items fields
@@ -2311,14 +2318,14 @@ var ThemeParser = /*#__PURE__*/function () {
       var _this5 = this;
       if (isObject(initialValue) || isObject(fieldTheme)) {
         var value = initialValue || null;
-        var _ref11 = fieldTheme || {},
-          _ref11$textStyle = _ref11.textStyle,
-          fieldTextStyleName = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
-          _ref11$color = _ref11.color,
-          fieldColorName = _ref11$color === void 0 ? null : _ref11$color,
-          _ref11$boxStyle = _ref11.boxStyle,
-          fieldBoxStyleName = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle,
-          otherProps = _objectWithoutProperties(_ref11, _excluded$1);
+        var _ref1 = fieldTheme || {},
+          _ref1$textStyle = _ref1.textStyle,
+          fieldTextStyleName = _ref1$textStyle === void 0 ? null : _ref1$textStyle,
+          _ref1$color = _ref1.color,
+          fieldColorName = _ref1$color === void 0 ? null : _ref1$color,
+          _ref1$boxStyle = _ref1.boxStyle,
+          fieldBoxStyleName = _ref1$boxStyle === void 0 ? null : _ref1$boxStyle,
+          otherProps = _objectWithoutProperties(_ref1, _excluded$1);
         if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
           return value;
         }
@@ -2330,11 +2337,11 @@ var ThemeParser = /*#__PURE__*/function () {
             return _objectSpread(_objectSpread({}, newObject), newValue !== null ? _defineProperty({}, key, newValue) : null);
           }, {});
         }
-        var _ref13 = value || {},
-          _ref13$textStyle = _ref13.textStyle,
-          valueTextStyle = _ref13$textStyle === void 0 ? null : _ref13$textStyle,
-          _ref13$boxStyle = _ref13.boxStyle,
-          valueBoxStyle = _ref13$boxStyle === void 0 ? null : _ref13$boxStyle;
+        var _ref11 = value || {},
+          _ref11$textStyle = _ref11.textStyle,
+          valueTextStyle = _ref11$textStyle === void 0 ? null : _ref11$textStyle,
+          _ref11$boxStyle = _ref11.boxStyle,
+          valueBoxStyle = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle;
 
         // Color
         var fieldColor = fieldColorName !== null && themeColors !== null ? themeColors[fieldColorName] || null : null;

package/es/utils.js

@@ -1,7 +1,7 @@
 import isNumber from 'lodash/isNumber';
 import { kebabCase, pascalCase, snakeCase } from 'change-case';
 export { camelCase, pascalCase, snakeCase } from 'change-case';
-import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
+import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import isObject from 'lodash/isObject';
 import { useEffect, useMemo } from 'react';
@@ -33,20 +33,17 @@ function copyClipboardApi(_x) {
   return _copyClipboardApi.apply(this, arguments);
 }
 function _copyClipboardApi() {
-  _copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(text) {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  _copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(text) {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           if (navigator.clipboard) {
-            _context.next = 2;
+            _context.n = 1;
             break;
           }
           throw makeError();
-        case 2:
-          return _context.abrupt("return", navigator.clipboard.writeText(text));
-        case 3:
-        case "end":
-          return _context.stop();
+        case 1:
+          return _context.a(2, navigator.clipboard.writeText(text));
       }
     }, _callee);
   }));
@@ -56,10 +53,10 @@ function copyExecCommand(_x2) {
   return _copyExecCommand.apply(this, arguments);
 }
 function _copyExecCommand() {
-  _copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
+  _copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(text) {
     var span, selection, range, success;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
         case 0:
           // Put the text to copy into a <span>
           span = document.createElement('span');
@@ -90,13 +87,12 @@ function _copyExecCommand() {
             window.document.body.removeChild(span);
           }
           if (success) {
-            _context2.next = 15;
+            _context2.n = 1;
             break;
           }
           throw makeError();
-        case 15:
-        case "end":
-          return _context2.stop();
+        case 1:
+          return _context2.a(2);
       }
     }, _callee2);
   }));
@@ -106,34 +102,34 @@ function copyToClipboard(_x3) {
   return _copyToClipboard.apply(this, arguments);
 }
 function _copyToClipboard() {
-  _copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+  _copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(text) {
+    var _t, _t2;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.n) {
         case 0:
-          _context3.prev = 0;
-          _context3.next = 3;
+          _context3.p = 0;
+          _context3.n = 1;
           return copyClipboardApi(text);
-        case 3:
-          _context3.next = 15;
+        case 1:
+          _context3.n = 6;
           break;
-        case 5:
-          _context3.prev = 5;
-          _context3.t0 = _context3["catch"](0);
-          _context3.prev = 7;
-          _context3.next = 10;
+        case 2:
+          _context3.p = 2;
+          _t = _context3.v;
+          _context3.p = 3;
+          _context3.n = 4;
           return copyExecCommand(text);
-        case 10:
-          _context3.next = 15;
+        case 4:
+          _context3.n = 6;
           break;
-        case 12:
-          _context3.prev = 12;
-          _context3.t1 = _context3["catch"](7);
-          throw _context3.t1 || _context3.t0 || makeError();
-        case 15:
-        case "end":
-          return _context3.stop();
+        case 5:
+          _context3.p = 5;
+          _t2 = _context3.v;
+          throw _t2 || _t || makeError();
+        case 6:
+          return _context3.a(2);
       }
-    }, _callee3, null, [[0, 5], [7, 12]]);
+    }, _callee3, null, [[3, 5], [0, 2]]);
   }));
   return _copyToClipboard.apply(this, arguments);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.676",
+    "version": "0.3.703",
     "private": false,
     "description": "",
     "keywords": [
@@ -118,7 +118,7 @@
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.1",
-        "bootstrap": "^5.3.1",
+        "bootstrap": "^5.3.7",
         "change-case": "^5.4.4",
         "classnames": "^2.2.6",
         "css-mediaquery": "^0.1.2",
@@ -144,5 +144,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "941f3a10c4de917c02ca81f39e6d15a85094e289"
+    "gitHead": "15a0df01ed9d05f47a056fb2ff078aded803d33d"
 }