@micromag/core 0.4.25 → 0.4.27

package/es/hooks.d.ts

@@ -54,7 +54,7 @@ declare const useForm: ({ fields: providedFields, injectInFields, ...opts }?: {
     injectInFields?: boolean;
 }) => any;
 
-declare const useFormTransition: (paths?: any[], styles?: {}) => {
+declare const useFormTransition: (initialPaths?: any, initialStyles?: {}) => {
     direction: string;
     name: {
         enter: string;
@@ -297,9 +297,9 @@ declare function useSpringValue(wantedProgress: any, immediate: any, params: any
 
 declare function useSupportsWebp(defaultValue?: boolean): boolean;
 
-declare const useSwipe: ({ width, items, withSpring, swipeWidthThreshold, animateScale, disabled, lockAxis, onSwipeStart, onSwipeEnd, onSwipeCancel, onTap, }?: {
+declare const useSwipe: ({ width, items: initialItems, withSpring, swipeWidthThreshold, animateScale, disabled, lockAxis, onSwipeStart, onSwipeEnd, onSwipeCancel, onTap, }?: {
     width?: any;
-    items?: any[];
+    items?: any;
     withSpring?: boolean;
     swipeWidthThreshold?: number;
     animateScale?: boolean;

package/es/hooks.js

@@ -340,8 +340,10 @@ var useForm = function useForm() {
 };
 
 var useFormTransition = function useFormTransition() {
-  var paths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var initialPaths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var initialStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paths = initialPaths || [];
+  var styles = initialStyles || {};
   var lastPageRef = useRef(paths || []);
   var direction = useMemo(function () {
     var currentPartsCount = paths.length;
@@ -1995,7 +1997,7 @@ var useScreenSize = function useScreenSize(_ref) {
     _ref$menuOverScreen = _ref.menuOverScreen,
     menuOverScreen = _ref$menuOverScreen === void 0 ? false : _ref$menuOverScreen,
     _ref$screens = _ref.screens,
-    screens = _ref$screens === void 0 ? [] : _ref$screens,
+    initialScreens = _ref$screens === void 0 ? null : _ref$screens,
     _ref$mediaType = _ref.mediaType,
     mediaType = _ref$mediaType === void 0 ? 'screen' : _ref$mediaType,
     _ref$media = _ref.media,
@@ -2003,6 +2005,7 @@ var useScreenSize = function useScreenSize(_ref) {
     _ref$scale = _ref.scale,
     scale = _ref$scale === void 0 ? null : _ref$scale;
   var devicePixelRatio = useDevicePixelRatio();
+  var screens = initialScreens || [];
   var screenSize = useMemo(function () {
     var media = providedMedia !== null ? providedMedia : {
       type: mediaType,
@@ -2165,7 +2168,7 @@ var useSwipe = function useSwipe() {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? null : _ref$width,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    initialItems = _ref$items === void 0 ? null : _ref$items,
     _ref$withSpring = _ref.withSpring,
     withSpring = _ref$withSpring === void 0 ? true : _ref$withSpring,
     _ref$swipeWidthThresh = _ref.swipeWidthThreshold,
@@ -2184,6 +2187,7 @@ var useSwipe = function useSwipe() {
     onSwipeCancel = _ref$onSwipeCancel === void 0 ? null : _ref$onSwipeCancel,
     _ref$onTap = _ref.onTap,
     onTap = _ref$onTap === void 0 ? null : _ref$onTap;
+  var items = initialItems || [];
   var swipingIndex = useRef(null);
   var index = useRef(0);
   var lockedAxis = useRef(null);

package/lib/hooks.js

@@ -342,8 +342,10 @@ var useForm = function useForm() {
 };
 
 var useFormTransition = function useFormTransition() {
-  var paths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var initialPaths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  var initialStyles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var paths = initialPaths || [];
+  var styles = initialStyles || {};
   var lastPageRef = react.useRef(paths || []);
   var direction = react.useMemo(function () {
     var currentPartsCount = paths.length;
@@ -1997,7 +1999,7 @@ var useScreenSize = function useScreenSize(_ref) {
     _ref$menuOverScreen = _ref.menuOverScreen,
     menuOverScreen = _ref$menuOverScreen === void 0 ? false : _ref$menuOverScreen,
     _ref$screens = _ref.screens,
-    screens = _ref$screens === void 0 ? [] : _ref$screens,
+    initialScreens = _ref$screens === void 0 ? null : _ref$screens,
     _ref$mediaType = _ref.mediaType,
     mediaType = _ref$mediaType === void 0 ? 'screen' : _ref$mediaType,
     _ref$media = _ref.media,
@@ -2005,6 +2007,7 @@ var useScreenSize = function useScreenSize(_ref) {
     _ref$scale = _ref.scale,
     scale = _ref$scale === void 0 ? null : _ref$scale;
   var devicePixelRatio = useDevicePixelRatio();
+  var screens = initialScreens || [];
   var screenSize = react.useMemo(function () {
     var media = providedMedia !== null ? providedMedia : {
       type: mediaType,
@@ -2167,7 +2170,7 @@ var useSwipe = function useSwipe() {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? null : _ref$width,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
+    initialItems = _ref$items === void 0 ? null : _ref$items,
     _ref$withSpring = _ref.withSpring,
     withSpring = _ref$withSpring === void 0 ? true : _ref$withSpring,
     _ref$swipeWidthThresh = _ref.swipeWidthThreshold,
@@ -2186,6 +2189,7 @@ var useSwipe = function useSwipe() {
     onSwipeCancel = _ref$onSwipeCancel === void 0 ? null : _ref$onSwipeCancel,
     _ref$onTap = _ref.onTap,
     onTap = _ref$onTap === void 0 ? null : _ref$onTap;
+  var items = initialItems || [];
   var swipingIndex = react.useRef(null);
   var index = react.useRef(0);
   var lockedAxis = react.useRef(null);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.25",
+    "version": "0.4.27",
     "private": false,
     "description": "",
     "keywords": [
@@ -148,7 +148,7 @@
         "query-string": "^9.0.0",
         "raf": "^3.4.1",
         "react-helmet": "^6.1.0",
-        "react-intl": "^8.1.3",
+        "react-intl": "^8.1.3 || ^10.0.0",
         "screenfull": "^5.2.0",
         "slugify": "^1.6.5",
         "tinycolor2": "^1.4.2",
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "01f62fcaf9ea405d162fdc26e36479d9f307f640",
+    "gitHead": "7541e15e6fe1950d19247a338aaad3d6943ac994",
     "types": "es/index.d.ts"
 }