@micromag/core 0.3.813 → 0.3.820

package/es/hooks.js

@@ -17,6 +17,7 @@ import raf from 'raf';
 import createDebug from 'debug';
 import isString from 'lodash/isString';
 import { useScreensManager, useFieldsManager, useTracking, useScreen } from '@micromag/core/contexts';
+import { useWindowSize } from '@folklore/hooks';
 import { match } from 'css-mediaquery';
 import { useIntl } from 'react-intl';
 import dayjs from 'dayjs';
@@ -2093,30 +2094,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     resolution: !withoutScale ? scale * devicePixelRatio : devicePixelRatio
   };
 };
-var getWindowSize = function getWindowSize() {
-  return {
-    width: typeof window !== 'undefined' ? window.innerWidth : null,
-    height: typeof window !== 'undefined' ? window.innerHæeight : null
-  };
-};
 var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
-  var _useState3 = useState(getWindowSize()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    windowSize = _useState4[0],
-    setWindowSize = _useState4[1];
-  useEffect(function () {
-    var onResize = function onResize() {
-      return setWindowSize(getWindowSize());
-    };
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', onResize);
-    }
-    return function () {
-      if (typeof window !== 'undefined') {
-        window.removeEventListener('resize', onResize);
-      }
-    };
-  }, [setWindowSize]);
+  var windowSize = useWindowSize();
   return useScreenSize(_objectSpread(_objectSpread({}, opts), windowSize));
 };
 
@@ -2204,7 +2183,8 @@ var useSwipe = function useSwipe() {
   var index = useRef(0);
   var lockedAxis = useRef(null);
   var hasWidth = width !== null;
-  var windowWidth = typeof window !== 'undefined' && !hasWidth ? window.innerWidth : null;
+  var _useWindowSize = useWindowSize(),
+    windowWidth = _useWindowSize.width;
   var currentWidth = hasWidth ? width : windowWidth;
   var count = items.length;
   var getItem = useCallback(function () {

package/es/index.js

@@ -1210,7 +1210,7 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$7 = ["medias"],
+var _excluded$8 = ["medias"],
   _excluded2$3 = ["medias"];
 var MediasParser = /*#__PURE__*/function () {
   function MediasParser(_ref) {
@@ -1230,7 +1230,7 @@ var MediasParser = /*#__PURE__*/function () {
       if (typeof this.parsedThemesCache[storyId] === 'undefined') {
         var _this$toPath = this.toPath(theme),
           themeMedias = _this$toPath.medias,
-          newTheme = _objectWithoutProperties(_this$toPath, _excluded$7);
+          newTheme = _objectWithoutProperties(_this$toPath, _excluded$8);
         this.parsedThemesCache[storyId] = {
           themeMedias: themeMedias,
           newTheme: newTheme
@@ -1536,7 +1536,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$6 = ["fonts"];
+var _excluded$7 = ["fonts"];
 var FontsParser = /*#__PURE__*/function () {
   function FontsParser(_ref) {
     var fieldsManager = _ref.fieldsManager,
@@ -1585,7 +1585,7 @@ var FontsParser = /*#__PURE__*/function () {
         var _this$parse = this.parse(theme),
           _this$parse$fonts = _this$parse.fonts,
           themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
-          newTheme = _objectWithoutProperties(_this$parse, _excluded$6);
+          newTheme = _objectWithoutProperties(_this$parse, _excluded$7);
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
@@ -1661,7 +1661,7 @@ var FontsParser = /*#__PURE__*/function () {
   }]);
 }();
 
-var _excluded$5 = ["shareIncentive", "callToAction"];
+var _excluded$6 = ["shareIncentive", "callToAction"];
 /* eslint-disable class-methods-use-this */
 var ShareCall = /*#__PURE__*/function () {
   function ShareCall() {
@@ -1688,7 +1688,7 @@ var ShareCall = /*#__PURE__*/function () {
         shareIncentive = _ref2$shareIncentive === void 0 ? null : _ref2$shareIncentive,
         _ref2$callToAction = _ref2.callToAction,
         callToAction = _ref2$callToAction === void 0 ? null : _ref2$callToAction,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$6);
       var _ref3 = screen || {},
         _ref3$header = _ref3.header,
         header = _ref3$header === void 0 ? null : _ref3$header,
@@ -1717,7 +1717,7 @@ var ShareCall = /*#__PURE__*/function () {
 }();
 ShareCall.prototype.priority = 0;
 
-var _excluded$4 = ["answers"],
+var _excluded$5 = ["answers"],
   _excluded2$2 = ["customAnswerLabel"];
 /* eslint-disable class-methods-use-this */
 var CustomAnswerLabel = /*#__PURE__*/function () {
@@ -1748,7 +1748,7 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
       var _ref2 = screen || {},
         _ref2$answers = _ref2.answers,
         answers = _ref2$answers === void 0 ? null : _ref2$answers,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         answers: answers.map(function () {
           var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1768,7 +1768,7 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
 }();
 CustomAnswerLabel.prototype.priority = 1;
 
-var _excluded$3 = ["items"],
+var _excluded$4 = ["items"],
   _excluded2$1 = ["label", "textStyle"];
 
 /* eslint-disable class-methods-use-this */
@@ -1802,7 +1802,7 @@ var KeypadItemLabel = /*#__PURE__*/function () {
       var _ref2 = screen || {},
         _ref2$items = _ref2.items,
         items = _ref2$items === void 0 ? null : _ref2$items,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$3);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         items: items.map(function () {
           var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1826,12 +1826,56 @@ var KeypadItemLabel = /*#__PURE__*/function () {
 }();
 KeypadItemLabel.prototype.priority = 1;
 
+var _excluded$3 = ["keypadSettings"];
+/* eslint-disable class-methods-use-this */
+var KeypadSettings = /*#__PURE__*/function () {
+  function KeypadSettings() {
+    _classCallCheck(this, KeypadSettings);
+  }
+  return _createClass(KeypadSettings, [{
+    key: "test",
+    value: function test(screen) {
+      var _ref = screen || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? null : _ref$type,
+        _ref$keypadSettings = _ref.keypadSettings,
+        keypadSettings = _ref$keypadSettings === void 0 ? null : _ref$keypadSettings;
+      if (type !== 'keypad' || keypadSettings === null) {
+        return false;
+      }
+      var _ref2 = keypadSettings || {},
+        _ref2$layout = _ref2.layout,
+        keypadSettingsLayout = _ref2$layout === void 0 ? null : _ref2$layout;
+      if (keypadSettingsLayout === null) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "parse",
+    value: function parse(screen) {
+      var _ref3 = screen || {},
+        _ref3$keypadSettings = _ref3.keypadSettings,
+        keypadSettings = _ref3$keypadSettings === void 0 ? null : _ref3$keypadSettings,
+        restScreen = _objectWithoutProperties(_ref3, _excluded$3);
+      var _ref4 = keypadSettings || {},
+        _ref4$layout = _ref4.layout,
+        keypadSettingsLayout = _ref4$layout === void 0 ? null : _ref4$layout;
+      return _objectSpread(_objectSpread({}, restScreen), {}, {
+        keypadLayout: keypadSettingsLayout
+      });
+    }
+  }]);
+}();
+KeypadSettings.prototype.priority = 1;
+
 // export { default as ButtonPadding } from './ButtonPadding';
 
 var migrations = /*#__PURE__*/Object.freeze({
     __proto__: null,
     CustomAnswerLabel: CustomAnswerLabel,
     KeypadItemLabel: KeypadItemLabel,
+    KeypadSettings: KeypadSettings,
     ShareCall: ShareCall
 });
 

package/lib/hooks.js

@@ -19,6 +19,7 @@ var raf = require('raf');
 var createDebug = require('debug');
 var isString = require('lodash/isString');
 var contexts = require('@micromag/core/contexts');
+var hooks = require('@folklore/hooks');
 var cssMediaquery = require('css-mediaquery');
 var reactIntl = require('react-intl');
 var dayjs = require('dayjs');
@@ -2095,30 +2096,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
     resolution: !withoutScale ? scale * devicePixelRatio : devicePixelRatio
   };
 };
-var getWindowSize = function getWindowSize() {
-  return {
-    width: typeof window !== 'undefined' ? window.innerWidth : null,
-    height: typeof window !== 'undefined' ? window.innerHæeight : null
-  };
-};
 var useScreenSizeFromWindow = function useScreenSizeFromWindow(opts) {
-  var _useState3 = react.useState(getWindowSize()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    windowSize = _useState4[0],
-    setWindowSize = _useState4[1];
-  react.useEffect(function () {
-    var onResize = function onResize() {
-      return setWindowSize(getWindowSize());
-    };
-    if (typeof window !== 'undefined') {
-      window.addEventListener('resize', onResize);
-    }
-    return function () {
-      if (typeof window !== 'undefined') {
-        window.removeEventListener('resize', onResize);
-      }
-    };
-  }, [setWindowSize]);
+  var windowSize = hooks.useWindowSize();
   return useScreenSize(_objectSpread(_objectSpread({}, opts), windowSize));
 };
 
@@ -2206,7 +2185,8 @@ var useSwipe = function useSwipe() {
   var index = react.useRef(0);
   var lockedAxis = react.useRef(null);
   var hasWidth = width !== null;
-  var windowWidth = typeof window !== 'undefined' && !hasWidth ? window.innerWidth : null;
+  var _useWindowSize = hooks.useWindowSize(),
+    windowWidth = _useWindowSize.width;
   var currentWidth = hasWidth ? width : windowWidth;
   var count = items.length;
   var getItem = react.useCallback(function () {

package/lib/index.js

@@ -1212,7 +1212,7 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$7 = ["medias"],
+var _excluded$8 = ["medias"],
   _excluded2$3 = ["medias"];
 var MediasParser = /*#__PURE__*/function () {
   function MediasParser(_ref) {
@@ -1232,7 +1232,7 @@ var MediasParser = /*#__PURE__*/function () {
       if (typeof this.parsedThemesCache[storyId] === 'undefined') {
         var _this$toPath = this.toPath(theme),
           themeMedias = _this$toPath.medias,
-          newTheme = _objectWithoutProperties(_this$toPath, _excluded$7);
+          newTheme = _objectWithoutProperties(_this$toPath, _excluded$8);
         this.parsedThemesCache[storyId] = {
           themeMedias: themeMedias,
           newTheme: newTheme
@@ -1538,7 +1538,7 @@ var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
   }]);
 }(DefinitionsManager);
 
-var _excluded$6 = ["fonts"];
+var _excluded$7 = ["fonts"];
 var FontsParser = /*#__PURE__*/function () {
   function FontsParser(_ref) {
     var fieldsManager = _ref.fieldsManager,
@@ -1587,7 +1587,7 @@ var FontsParser = /*#__PURE__*/function () {
         var _this$parse = this.parse(theme),
           _this$parse$fonts = _this$parse.fonts,
           themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
-          newTheme = _objectWithoutProperties(_this$parse, _excluded$6);
+          newTheme = _objectWithoutProperties(_this$parse, _excluded$7);
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
           fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
@@ -1663,7 +1663,7 @@ var FontsParser = /*#__PURE__*/function () {
   }]);
 }();
 
-var _excluded$5 = ["shareIncentive", "callToAction"];
+var _excluded$6 = ["shareIncentive", "callToAction"];
 /* eslint-disable class-methods-use-this */
 var ShareCall = /*#__PURE__*/function () {
   function ShareCall() {
@@ -1690,7 +1690,7 @@ var ShareCall = /*#__PURE__*/function () {
         shareIncentive = _ref2$shareIncentive === void 0 ? null : _ref2$shareIncentive,
         _ref2$callToAction = _ref2.callToAction,
         callToAction = _ref2$callToAction === void 0 ? null : _ref2$callToAction,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$6);
       var _ref3 = screen || {},
         _ref3$header = _ref3.header,
         header = _ref3$header === void 0 ? null : _ref3$header,
@@ -1719,7 +1719,7 @@ var ShareCall = /*#__PURE__*/function () {
 }();
 ShareCall.prototype.priority = 0;
 
-var _excluded$4 = ["answers"],
+var _excluded$5 = ["answers"],
   _excluded2$2 = ["customAnswerLabel"];
 /* eslint-disable class-methods-use-this */
 var CustomAnswerLabel = /*#__PURE__*/function () {
@@ -1750,7 +1750,7 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
       var _ref2 = screen || {},
         _ref2$answers = _ref2.answers,
         answers = _ref2$answers === void 0 ? null : _ref2$answers,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$5);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         answers: answers.map(function () {
           var answer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1770,7 +1770,7 @@ var CustomAnswerLabel = /*#__PURE__*/function () {
 }();
 CustomAnswerLabel.prototype.priority = 1;
 
-var _excluded$3 = ["items"],
+var _excluded$4 = ["items"],
   _excluded2$1 = ["label", "textStyle"];
 
 /* eslint-disable class-methods-use-this */
@@ -1804,7 +1804,7 @@ var KeypadItemLabel = /*#__PURE__*/function () {
       var _ref2 = screen || {},
         _ref2$items = _ref2.items,
         items = _ref2$items === void 0 ? null : _ref2$items,
-        restScreen = _objectWithoutProperties(_ref2, _excluded$3);
+        restScreen = _objectWithoutProperties(_ref2, _excluded$4);
       return _objectSpread(_objectSpread({}, restScreen), {}, {
         items: items.map(function () {
           var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -1828,12 +1828,56 @@ var KeypadItemLabel = /*#__PURE__*/function () {
 }();
 KeypadItemLabel.prototype.priority = 1;
 
+var _excluded$3 = ["keypadSettings"];
+/* eslint-disable class-methods-use-this */
+var KeypadSettings = /*#__PURE__*/function () {
+  function KeypadSettings() {
+    _classCallCheck(this, KeypadSettings);
+  }
+  return _createClass(KeypadSettings, [{
+    key: "test",
+    value: function test(screen) {
+      var _ref = screen || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? null : _ref$type,
+        _ref$keypadSettings = _ref.keypadSettings,
+        keypadSettings = _ref$keypadSettings === void 0 ? null : _ref$keypadSettings;
+      if (type !== 'keypad' || keypadSettings === null) {
+        return false;
+      }
+      var _ref2 = keypadSettings || {},
+        _ref2$layout = _ref2.layout,
+        keypadSettingsLayout = _ref2$layout === void 0 ? null : _ref2$layout;
+      if (keypadSettingsLayout === null) {
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "parse",
+    value: function parse(screen) {
+      var _ref3 = screen || {},
+        _ref3$keypadSettings = _ref3.keypadSettings,
+        keypadSettings = _ref3$keypadSettings === void 0 ? null : _ref3$keypadSettings,
+        restScreen = _objectWithoutProperties(_ref3, _excluded$3);
+      var _ref4 = keypadSettings || {},
+        _ref4$layout = _ref4.layout,
+        keypadSettingsLayout = _ref4$layout === void 0 ? null : _ref4$layout;
+      return _objectSpread(_objectSpread({}, restScreen), {}, {
+        keypadLayout: keypadSettingsLayout
+      });
+    }
+  }]);
+}();
+KeypadSettings.prototype.priority = 1;
+
 // export { default as ButtonPadding } from './ButtonPadding';
 
 var migrations = /*#__PURE__*/Object.freeze({
     __proto__: null,
     CustomAnswerLabel: CustomAnswerLabel,
     KeypadItemLabel: KeypadItemLabel,
+    KeypadSettings: KeypadSettings,
     ShareCall: ShareCall
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.813",
+    "version": "0.3.820",
     "private": false,
     "description": "",
     "keywords": [
@@ -130,6 +130,7 @@
         "@babel/runtime": "^7.13.10",
         "@folklore/fetch": "^0.1.17",
         "@folklore/forms": "~0.0.23",
+        "@folklore/hooks": "^0.0.83",
         "@folklore/routes": "^0.2.36",
         "@folklore/services": "^0.1.24",
         "@folklore/size": "^0.1.20",
@@ -167,5 +168,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "24f52ddea5f0ee918f594af86c3c8fd2e1b6f289"
+    "gitHead": "c4ef0ae4055720a367551328e824ad3b111e4c9f"
 }