Merge branch 'hotfix/2.2.1'

Author: titouanmathis

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-workspace",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "private": true,
   "workspaces": [
     "packages/*"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-demo",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "private": true,
   "type": "commonjs",
   "scripts": {

packages/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-docs",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "type": "module",
   "private": true,
   "scripts": {

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"

packages/js-toolkit/package.json

@@ -145,22 +145,21 @@ function render(element, from, to, progress) {
 
 /**
  * @typedef {import('./transform.js').TransformProps} TransformProps
- * @typedef {import('../math/ease.js').EasingFunction} EasingFn
  * @typedef {[number, number, number, number]} BezierCurve
  * @typedef {{
  *   duration?: number;
- *   easing?: EasingFn|BezierCurve;
+ *   easing?: import('../math/createEases.js').EasingFunction|BezierCurve;
  *   onProgress?: (progress: number, easedProgress: number) => void;
  *   onFinish?: (progress: number, easedProgress: number) => void;
  *  }} Options
  * @typedef {TransformProps & {
  *   opacity?: number;
  *   transformOrigin?: string;
- *   easing?: EasingFn|BezierCurve;
+ *   easing?: import('../math/createEases.js').EasingFunction|BezierCurve;
  *   offset?: number;
  * }} Keyframe
  * @typedef {Keyframe & {
- *   easing: EasingFn;
+ *   easing: import('../math/createEases.js').EasingFunction;
  *   offset: number;
  * }} NormalizedKeyframe
  * @typedef {{

packages/js-toolkit/utils/css/animate.js

@@ -0,0 +1,31 @@
+/**
+ * @typedef {(progress: number) => number} EasingFunction
+ */
+
+/**
+ * Create an out easing function.
+ *
+ * @param   {EasingFunction} easeIn The ease in function.
+ * @returns {EasingFunction}        The out function.
+ */
+export function createEaseOut(easeIn) {
+  return (progress) => 1 - easeIn(1 - progress);
+}
+
+/**
+ * Create an in-out easing function.
+ *
+ * @param  {EasingFunction} easeIn The ease in function.
+ * @returns {EasingFunction}        The in-out function.
+ */
+export function createEaseInOut(easeIn) {
+  /* eslint-disable no-nested-ternary */
+  return (progress) =>
+    progress === 0
+      ? 0
+      : progress === 1
+      ? 1
+      : progress < 0.5
+      ? easeIn(progress * 2) / 2
+      : 1 - easeIn((1 - progress) * 2) / 2;
+}

packages/js-toolkit/utils/math/createEases.js

@@ -1,37 +1,8 @@
-/**
- * @typedef {(progress: number) => number} EasingFunction
- */
-
-/**
- * Create an out easing function.
- *
- * @param   {EasingFunction} easeIn The ease in function.
- * @returns {EasingFunction}        The out function.
- */
-export function createEaseOut(easeIn) {
-  return (progress) => 1 - easeIn(1 - progress);
-}
+import { createEaseOut, createEaseInOut } from './createEases.js';
 
 /**
- * Create an in-out easing function.
- *
- * @param  {EasingFunction} easeIn The ease in function.
- * @returns {EasingFunction}        The in-out function.
- */
-export function createEaseInOut(easeIn) {
-  /* eslint-disable no-nested-ternary */
-  return (progress) =>
-    progress === 0
-      ? 0
-      : progress === 1
-      ? 1
-      : progress < 0.5
-      ? easeIn(progress * 2) / 2
-      : 1 - easeIn((1 - progress) * 2) / 2;
-}
-
-/**
- * @type {EasingFunction}
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @returns {number}          Eased value between 0 and 1.
  */
 export function easeInQuad(progress) {
   return progress ** 2;

packages/js-toolkit/utils/math/ease.js

@@ -7,3 +7,4 @@ export { default as map } from './map.js';
 export { default as round } from './round.js';
 export * from './ease.js';
 export * as ease from './ease.js';
+export * from './createEases.js';

packages/js-toolkit/utils/math/index.js

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-tests",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "private": true,
   "type": "module",
   "scripts": {