From 3d154961497c359ee0d76c405e318070e8c9c443 Mon Sep 17 00:00:00 2001 From: Titouan Mathis Date: Mon, 10 Jan 2022 10:08:14 +0100 Subject: [PATCH 1/5] Bump version number --- package-lock.json | 4 ++-- package.json | 2 +- packages/tests/package.json | 2 +- packages/ui/package.json | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index 03d44637..60c28e28 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@studiometa/ui-workspace", - "version": "0.1.0", + "version": "0.1.1", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@studiometa/ui-workspace", - "version": "0.1.0", + "version": "0.1.1", "workspaces": [ "packages/*" ], diff --git a/package.json b/package.json index cb321681..3413f56b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@studiometa/ui-workspace", - "version": "0.1.0", + "version": "0.1.1", "private": true, "workspaces": [ "packages/*" diff --git a/packages/tests/package.json b/packages/tests/package.json index 02036076..4d17cdb9 100644 --- a/packages/tests/package.json +++ b/packages/tests/package.json @@ -1,6 +1,6 @@ { "name": "@studiometa/ui-tests", - "version": "0.1.0", + "version": "0.1.1", "private": true, "type": "module", "scripts": { diff --git a/packages/ui/package.json b/packages/ui/package.json index 524defde..205ec988 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -1,6 +1,6 @@ { "name": "@studiometa/ui", - "version": "0.1.0", + "version": "0.1.1", "description": "A set of opiniated, unstyled and accessible components", "publishConfig": { "access": "public" From 38427aecd4666f34279b685a7ebeddbd6dd6c212 Mon Sep 17 00:00:00 2001 From: Titouan Mathis Date: Mon, 10 Jan 2022 11:14:50 +0100 Subject: [PATCH 2/5] Update NPM dependencies --- package-lock.json | 475 ++++++++++++++------------------------- packages/ui/package.json | 4 +- 2 files changed, 165 insertions(+), 314 deletions(-) diff --git a/package-lock.json b/package-lock.json index 60c28e28..57484cd6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1582,21 +1582,6 @@ "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz", "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==" }, - "node_modules/@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "optional": true, - "dependencies": { - "@emotion/memoize": "0.7.4" - } - }, - "node_modules/@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", - "optional": true - }, "node_modules/@eslint/eslintrc": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz", @@ -2360,6 +2345,75 @@ "node": ">=8" } }, + "node_modules/@motionone/dom": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.5.0.tgz", + "integrity": "sha512-atNW+80QwF0T4AvCFYA5EgNJchZaiUnPvsA3wzHw7DJ+yVrALcJsm9aMufCEwahXF9ZzfX+AqUr0vddZ88HvAA==", + "dependencies": { + "hey-listen": "^1.0.8", + "tslib": "^2.3.1" + } + }, + "node_modules/@motionone/dom/node_modules/tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "node_modules/@motionone/react": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/react/-/react-10.5.0.tgz", + "integrity": "sha512-SQPIy81PfZAiN38QSZkugMX8vFfiEBe8AABB6WNKHOPm9rrQ/E6lUz0w6l0SypzR9AB8zM127wuAOGrqcPLm5w==", + "dependencies": { + "@motionone/dom": "^10.5.0", + "hey-listen": "^1.0.8", + "tslib": "^2.3.1" + }, + "peerDependencies": { + "react": "^17.0.2", + "react-dom": "^17.0.2" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, + "node_modules/@motionone/react/node_modules/tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "node_modules/@motionone/svelte": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/svelte/-/svelte-10.5.0.tgz", + "integrity": "sha512-7Mrb3wv1U2ebTzZE0ud/rSebenbR5EaCTpIVdCmfvJLU8nhtKsa+Q3bpN8Pxmumf+ccvtR9bOe7wDF6J12HOOQ==", + "dependencies": { + "@motionone/dom": "^10.5.0", + "tslib": "^2.3.1" + } + }, + "node_modules/@motionone/svelte/node_modules/tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, + "node_modules/@motionone/vue": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/vue/-/vue-10.5.0.tgz", + "integrity": "sha512-Rhnsb0pzouO5LcqoW+wwR1jdKIHp4ybObZf4/6D2dh8VEmS0AOE5Q2hL3DszsAGeCDzH3iKCtexqJI/xnoUP7g==", + "dependencies": { + "@motionone/dom": "^10.5.0", + "tslib": "^2.3.1" + } + }, + "node_modules/@motionone/vue/node_modules/tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + }, "node_modules/@nicolo-ribaudo/chokidar-2": { "version": "2.1.8-no-fsevents.3", "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz", @@ -2437,9 +2491,9 @@ } }, "node_modules/@studiometa/js-toolkit": { - "version": "2.0.0-alpha.8", - "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-alpha.8.tgz", - "integrity": "sha512-0F4r6uAtcNzk1kuS0cVa8RmnM5P5xb2aNnOu5qcy5RBsw/MdN6tW2rhE9z5yIBCkW+lSnLxYBCiL3PmNQw1YYA==", + "version": "2.0.0-beta.7", + "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.7.tgz", + "integrity": "sha512-JybVLfBSSBtu+5ty9Drm2d0odFaql/DNhFe0XHyfxUUHbloJzJ1KOXJqJ9i9fNwSOJGDvVaVbYwQqjZ03p6I3g==", "dependencies": { "@babel/runtime": "^7.15.4", "deepmerge": "^4.2.2" @@ -4635,47 +4689,6 @@ "node": ">= 6" } }, - "node_modules/framer-motion": { - "version": "4.1.17", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-4.1.17.tgz", - "integrity": "sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==", - "dependencies": { - "framesync": "5.3.0", - "hey-listen": "^1.0.8", - "popmotion": "9.3.6", - "style-value-types": "4.1.4", - "tslib": "^2.1.0" - }, - "optionalDependencies": { - "@emotion/is-prop-valid": "^0.8.2" - }, - "peerDependencies": { - "react": ">=16.8 || ^17.0.0", - "react-dom": ">=16.8 || ^17.0.0" - } - }, - "node_modules/framer-motion/node_modules/framesync": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz", - "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==", - "dependencies": { - "tslib": "^2.1.0" - } - }, - "node_modules/framer-motion/node_modules/style-value-types": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz", - "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==", - "dependencies": { - "hey-listen": "^1.0.8", - "tslib": "^2.1.0" - } - }, - "node_modules/framer-motion/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/fs-readdir-recursive": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", @@ -7389,18 +7402,6 @@ "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=", "dev": true }, - "node_modules/loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "peer": true, - "dependencies": { - "js-tokens": "^3.0.0 || ^4.0.0" - }, - "bin": { - "loose-envify": "cli.js" - } - }, "node_modules/lower-case": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz", @@ -7518,31 +7519,16 @@ "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" }, "node_modules/motion": { - "version": "10.2.1", - "resolved": "https://registry.npmjs.org/motion/-/motion-10.2.1.tgz", - "integrity": "sha512-6Yzm3FeTbSdH7VjrKFLMdSvl7EQU7daFPjFjlTrumcyT/+1kGfVJxrDugRwMY1WRpg/V0Ck+3JYg25qOBS6QMA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/motion/-/motion-10.5.0.tgz", + "integrity": "sha512-bKnIoz0zj4NcCDMoXYr5C1x3b8vJRvrkmwhkDcR1rFC99qjctxcgjaUeGRXn31dvPH2nv2MoXO4pbr/bgnvcaw==", "dependencies": { - "framer-motion": "^4.1.17", - "tslib": "^2.3.0" - }, - "peerDependencies": { - "react": "^17.0.2", - "react-dom": "^17.0.2" - }, - "peerDependenciesMeta": { - "react": { - "optional": true - }, - "react-dom": { - "optional": true - } + "@motionone/dom": "^10.5.0", + "@motionone/react": "^10.5.0", + "@motionone/svelte": "^10.5.0", + "@motionone/vue": "^10.5.0" } }, - "node_modules/motion/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -7634,6 +7620,7 @@ "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", + "dev": true, "engines": { "node": ">=0.10.0" } @@ -7910,39 +7897,6 @@ "node": ">=4" } }, - "node_modules/popmotion": { - "version": "9.3.6", - "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.3.6.tgz", - "integrity": "sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==", - "dependencies": { - "framesync": "5.3.0", - "hey-listen": "^1.0.8", - "style-value-types": "4.1.4", - "tslib": "^2.1.0" - } - }, - "node_modules/popmotion/node_modules/framesync": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz", - "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==", - "dependencies": { - "tslib": "^2.1.0" - } - }, - "node_modules/popmotion/node_modules/style-value-types": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz", - "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==", - "dependencies": { - "hey-listen": "^1.0.8", - "tslib": "^2.1.0" - } - }, - "node_modules/popmotion/node_modules/tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - }, "node_modules/prelude-ls": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", @@ -8064,33 +8018,6 @@ } ] }, - "node_modules/react": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", - "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", - "peer": true, - "dependencies": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/react-dom": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", - "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "peer": true, - "dependencies": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1", - "scheduler": "^0.20.2" - }, - "peerDependencies": { - "react": "17.0.2" - } - }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -8407,16 +8334,6 @@ "node": ">=10" } }, - "node_modules/scheduler": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", - "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "peer": true, - "dependencies": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } - }, "node_modules/semver": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", @@ -9400,7 +9317,7 @@ }, "packages/tests": { "name": "@studiometa/ui-tests", - "version": "0.0.0", + "version": "0.1.1", "license": "MIT", "dependencies": { "@jest/globals": "^27.2.4", @@ -9415,12 +9332,12 @@ }, "packages/ui": { "name": "@studiometa/ui", - "version": "0.0.0", + "version": "0.1.1", "license": "MIT", "dependencies": { - "@studiometa/js-toolkit": "^2.0.0-alpha.8", + "@studiometa/js-toolkit": "^2.0.0-beta.7", "deepmerge": "^4.2.2", - "motion": "^10.2.1" + "motion": "^10.5.0" } } }, @@ -10493,21 +10410,6 @@ "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz", "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==" }, - "@emotion/is-prop-valid": { - "version": "0.8.8", - "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", - "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", - "optional": true, - "requires": { - "@emotion/memoize": "0.7.4" - } - }, - "@emotion/memoize": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", - "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", - "optional": true - }, "@eslint/eslintrc": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz", @@ -11067,6 +10969,71 @@ } } }, + "@motionone/dom": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.5.0.tgz", + "integrity": "sha512-atNW+80QwF0T4AvCFYA5EgNJchZaiUnPvsA3wzHw7DJ+yVrALcJsm9aMufCEwahXF9ZzfX+AqUr0vddZ88HvAA==", + "requires": { + "hey-listen": "^1.0.8", + "tslib": "^2.3.1" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@motionone/react": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/react/-/react-10.5.0.tgz", + "integrity": "sha512-SQPIy81PfZAiN38QSZkugMX8vFfiEBe8AABB6WNKHOPm9rrQ/E6lUz0w6l0SypzR9AB8zM127wuAOGrqcPLm5w==", + "requires": { + "@motionone/dom": "^10.5.0", + "hey-listen": "^1.0.8", + "tslib": "^2.3.1" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@motionone/svelte": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/svelte/-/svelte-10.5.0.tgz", + "integrity": "sha512-7Mrb3wv1U2ebTzZE0ud/rSebenbR5EaCTpIVdCmfvJLU8nhtKsa+Q3bpN8Pxmumf+ccvtR9bOe7wDF6J12HOOQ==", + "requires": { + "@motionone/dom": "^10.5.0", + "tslib": "^2.3.1" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@motionone/vue": { + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/@motionone/vue/-/vue-10.5.0.tgz", + "integrity": "sha512-Rhnsb0pzouO5LcqoW+wwR1jdKIHp4ybObZf4/6D2dh8VEmS0AOE5Q2hL3DszsAGeCDzH3iKCtexqJI/xnoUP7g==", + "requires": { + "@motionone/dom": "^10.5.0", + "tslib": "^2.3.1" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, "@nicolo-ribaudo/chokidar-2": { "version": "2.1.8-no-fsevents.3", "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz", @@ -11131,9 +11098,9 @@ } }, "@studiometa/js-toolkit": { - "version": "2.0.0-alpha.8", - "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-alpha.8.tgz", - "integrity": "sha512-0F4r6uAtcNzk1kuS0cVa8RmnM5P5xb2aNnOu5qcy5RBsw/MdN6tW2rhE9z5yIBCkW+lSnLxYBCiL3PmNQw1YYA==", + "version": "2.0.0-beta.7", + "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.7.tgz", + "integrity": "sha512-JybVLfBSSBtu+5ty9Drm2d0odFaql/DNhFe0XHyfxUUHbloJzJ1KOXJqJ9i9fNwSOJGDvVaVbYwQqjZ03p6I3g==", "requires": { "@babel/runtime": "^7.15.4", "deepmerge": "^4.2.2" @@ -11149,9 +11116,9 @@ "@studiometa/ui": { "version": "file:packages/ui", "requires": { - "@studiometa/js-toolkit": "^2.0.0-alpha.8", + "@studiometa/js-toolkit": "^2.0.0-beta.7", "deepmerge": "^4.2.2", - "motion": "^10.2.1" + "motion": "^10.5.0" } }, "@studiometa/ui-tests": { @@ -12789,43 +12756,6 @@ "mime-types": "^2.1.12" } }, - "framer-motion": { - "version": "4.1.17", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-4.1.17.tgz", - "integrity": "sha512-thx1wvKzblzbs0XaK2X0G1JuwIdARcoNOW7VVwjO8BUltzXPyONGAElLu6CiCScsOQRI7FIk/45YTFtJw5Yozw==", - "requires": { - "@emotion/is-prop-valid": "^0.8.2", - "framesync": "5.3.0", - "hey-listen": "^1.0.8", - "popmotion": "9.3.6", - "style-value-types": "4.1.4", - "tslib": "^2.1.0" - }, - "dependencies": { - "framesync": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz", - "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==", - "requires": { - "tslib": "^2.1.0" - } - }, - "style-value-types": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz", - "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==", - "requires": { - "hey-listen": "^1.0.8", - "tslib": "^2.1.0" - } - }, - "tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - } - } - }, "fs-readdir-recursive": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz", @@ -14795,15 +14725,6 @@ "integrity": "sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM=", "dev": true }, - "loose-envify": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", - "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", - "peer": true, - "requires": { - "js-tokens": "^3.0.0 || ^4.0.0" - } - }, "lower-case": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz", @@ -14896,19 +14817,14 @@ "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==" }, "motion": { - "version": "10.2.1", - "resolved": "https://registry.npmjs.org/motion/-/motion-10.2.1.tgz", - "integrity": "sha512-6Yzm3FeTbSdH7VjrKFLMdSvl7EQU7daFPjFjlTrumcyT/+1kGfVJxrDugRwMY1WRpg/V0Ck+3JYg25qOBS6QMA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/motion/-/motion-10.5.0.tgz", + "integrity": "sha512-bKnIoz0zj4NcCDMoXYr5C1x3b8vJRvrkmwhkDcR1rFC99qjctxcgjaUeGRXn31dvPH2nv2MoXO4pbr/bgnvcaw==", "requires": { - "framer-motion": "^4.1.17", - "tslib": "^2.3.0" - }, - "dependencies": { - "tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - } + "@motionone/dom": "^10.5.0", + "@motionone/react": "^10.5.0", + "@motionone/svelte": "^10.5.0", + "@motionone/vue": "^10.5.0" } }, "ms": { @@ -14991,7 +14907,8 @@ "object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=" + "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", + "dev": true }, "object-inspect": { "version": "1.11.0", @@ -15190,41 +15107,6 @@ "find-up": "^2.1.0" } }, - "popmotion": { - "version": "9.3.6", - "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.3.6.tgz", - "integrity": "sha512-ZTbXiu6zIggXzIliMi8LGxXBF5ST+wkpXGEjeTUDUOCdSQ356hij/xjeUdv0F8zCQNeqB1+PR5/BB+gC+QLAPw==", - "requires": { - "framesync": "5.3.0", - "hey-listen": "^1.0.8", - "style-value-types": "4.1.4", - "tslib": "^2.1.0" - }, - "dependencies": { - "framesync": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/framesync/-/framesync-5.3.0.tgz", - "integrity": "sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==", - "requires": { - "tslib": "^2.1.0" - } - }, - "style-value-types": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-4.1.4.tgz", - "integrity": "sha512-LCJL6tB+vPSUoxgUBt9juXIlNJHtBMy8jkXzUJSBzeHWdBu6lhzHqCvLVkXFGsFIlNa2ln1sQHya/gzaFmB2Lg==", - "requires": { - "hey-listen": "^1.0.8", - "tslib": "^2.1.0" - } - }, - "tslib": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", - "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" - } - } - }, "prelude-ls": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", @@ -15301,27 +15183,6 @@ "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", "dev": true }, - "react": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", - "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", - "peer": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } - }, - "react-dom": { - "version": "17.0.2", - "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz", - "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", - "peer": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1", - "scheduler": "^0.20.2" - } - }, "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -15555,16 +15416,6 @@ "xmlchars": "^2.2.0" } }, - "scheduler": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz", - "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", - "peer": true, - "requires": { - "loose-envify": "^1.1.0", - "object-assign": "^4.1.1" - } - }, "semver": { "version": "6.3.0", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", diff --git a/packages/ui/package.json b/packages/ui/package.json index 205ec988..b93c7d49 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -29,8 +29,8 @@ }, "homepage": "https://github.com/studiometa/ui#readme", "dependencies": { - "@studiometa/js-toolkit": "^2.0.0-alpha.8", + "@studiometa/js-toolkit": "^2.0.0-beta.7", "deepmerge": "^4.2.2", - "motion": "^10.2.1" + "motion": "^10.5.0" } } From 946e7aa5f7e7434a2eebb58b46e85497f40124bf Mon Sep 17 00:00:00 2001 From: Titouan Mathis Date: Mon, 10 Jan 2022 11:15:21 +0100 Subject: [PATCH 3/5] Configure components' emitted events --- packages/ui/Accordion/Accordion.js | 1 + packages/ui/Accordion/AccordionItem.js | 1 + packages/ui/Modal.js | 1 + packages/ui/Tabs.js | 1 + 4 files changed, 4 insertions(+) diff --git a/packages/ui/Accordion/Accordion.js b/packages/ui/Accordion/Accordion.js index 74bb4a0a..aa6d419d 100644 --- a/packages/ui/Accordion/Accordion.js +++ b/packages/ui/Accordion/Accordion.js @@ -42,6 +42,7 @@ export default class Accordion extends Base { */ static config = { name: 'Accordion', + emits: ['open', 'close'], options: { autoclose: Boolean, item: { diff --git a/packages/ui/Accordion/AccordionItem.js b/packages/ui/Accordion/AccordionItem.js index e97d26b6..5dd3cdfb 100644 --- a/packages/ui/Accordion/AccordionItem.js +++ b/packages/ui/Accordion/AccordionItem.js @@ -57,6 +57,7 @@ export default class AccordionItem extends Base { static config = { name: 'AccordionItem', refs: ['btn', 'content', 'container'], + emits: ['open', 'close'], options: { isOpen: Boolean, styles: { diff --git a/packages/ui/Modal.js b/packages/ui/Modal.js index 7ef07d4b..13735d8d 100644 --- a/packages/ui/Modal.js +++ b/packages/ui/Modal.js @@ -49,6 +49,7 @@ export default class Modal extends Base { static config = { name: 'Modal', refs: ['close', 'container', 'content', 'modal', 'open', 'overlay'], + emits: ['open', 'close'], options: { move: String, autofocus: { type: String, default: '[autofocus]' }, diff --git a/packages/ui/Tabs.js b/packages/ui/Tabs.js index a06e8780..102065ce 100644 --- a/packages/ui/Tabs.js +++ b/packages/ui/Tabs.js @@ -50,6 +50,7 @@ export default class Tabs extends Base { static config = { name: 'Tabs', refs: ['btn[]', 'content[]'], + emits: ['enable', 'disable'], options: { styles: { type: Object, From b4809ea2c7b5a36c887a825e272c350bc7590fd7 Mon Sep 17 00:00:00 2001 From: Titouan Mathis Date: Mon, 10 Jan 2022 11:16:02 +0100 Subject: [PATCH 4/5] Migrate usage of `get:refs` event --- packages/ui/Modal.js | 53 +++++++++++++++++++++++--------------------- 1 file changed, 28 insertions(+), 25 deletions(-) diff --git a/packages/ui/Modal.js b/packages/ui/Modal.js index 13735d8d..c03f7256 100644 --- a/packages/ui/Modal.js +++ b/packages/ui/Modal.js @@ -109,32 +109,37 @@ export default class Modal extends Base { if (this.$options.move) { const target = document.querySelector(this.$options.move) || document.body; - const refsBackup = this.$refs; - this.refModalPlaceholder = document.createComment(''); - this.refModalParentBackup = this.$refs.modal.parentElement || this.$el; - this.refModalParentBackup.insertBefore(this.refModalPlaceholder, this.$refs.modal); + this.__refsBackup = this.$refs; + this.__refModalPlaceholder = document.createComment(''); + this.__refModalParentBackup = this.$refs.modal.parentElement || this.$el; + this.__refModalParentBackup.insertBefore(this.__refModalPlaceholder, this.$refs.modal); - this.refModalUnbindGetRefFilter = this.$on( - 'get:refs', - /** - * @param {ModalRefs} refs - */ - // @ts-ignore - (refs) => { - Object.entries(refsBackup).forEach(([key, ref]) => { - if (!refs[key]) { - refs[key] = ref; - } - }); - } - ); target.appendChild(this.$refs.modal); } return this; } + /** + * Add the moved refs to `this.$refs` when using the `move` options. + * + * @this {ModalInterface} + */ + get $refs() { + const $refs = super.$refs; + + if (this.$options.move && this.__refsBackup) { + Object.entries(this.__refsBackup).forEach(([key, ref]) => { + if (!$refs[key]) { + $refs[key] = ref; + } + }); + } + + return $refs; + } + /** * Unbind all events on destroy. * @@ -144,13 +149,11 @@ export default class Modal extends Base { destroyed() { this.close(); - if (this.$options.move && this.refModalParentBackup) { - this.refModalParentBackup.insertBefore(this.$refs.modal, this.refModalPlaceholder); - this.refModalUnbindGetRefFilter(); - this.refModalPlaceholder.remove(); - delete this.refModalPlaceholder; - delete this.refModalParentBackup; - delete this.refModalUnbindGetRefFilter; + if (this.$options.move && this.__refModalParentBackup) { + this.__refModalParentBackup.insertBefore(this.$refs.modal, this.__refModalPlaceholder); + this.__refModalPlaceholder.remove(); + delete this.__refModalPlaceholder; + delete this.__refModalParentBackup; } return this; From 2173a1075cf43a7ec6e9379a003668dc65024c9d Mon Sep 17 00:00:00 2001 From: Titouan Mathis Date: Mon, 10 Jan 2022 11:49:36 +0100 Subject: [PATCH 5/5] Fix types --- package-lock.json | 31 ++++++++++++++++++++++--------- package.json | 3 ++- packages/ui/package.json | 2 +- 3 files changed, 25 insertions(+), 11 deletions(-) diff --git a/package-lock.json b/package-lock.json index 57484cd6..a29bd6b0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,7 +21,8 @@ "eslint": "^7.32.0", "eslint-plugin-jest": "^24.5.0", "prettier": "^2.4.1", - "typescript": "^4.4.3" + "typescript": "^4.4.3", + "vue": "^2.6.14" } }, "node_modules/@babel/cli": { @@ -2491,9 +2492,9 @@ } }, "node_modules/@studiometa/js-toolkit": { - "version": "2.0.0-beta.7", - "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.7.tgz", - "integrity": "sha512-JybVLfBSSBtu+5ty9Drm2d0odFaql/DNhFe0XHyfxUUHbloJzJ1KOXJqJ9i9fNwSOJGDvVaVbYwQqjZ03p6I3g==", + "version": "2.0.0-beta.8", + "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.8.tgz", + "integrity": "sha512-GnhEkjTJJgij4iK27FiV3O7TIhAylbB+wUU+lF/IK2Hl+TRY5ldt9C1VjXIJhEYmcKw6WR+/+cZq1ybQPVfezQ==", "dependencies": { "@babel/runtime": "^7.15.4", "deepmerge": "^4.2.2" @@ -9039,6 +9040,12 @@ "spdx-expression-parse": "^3.0.0" } }, + "node_modules/vue": { + "version": "2.6.14", + "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz", + "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==", + "dev": true + }, "node_modules/vue-eslint-parser": { "version": "7.11.0", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz", @@ -9335,7 +9342,7 @@ "version": "0.1.1", "license": "MIT", "dependencies": { - "@studiometa/js-toolkit": "^2.0.0-beta.7", + "@studiometa/js-toolkit": "^2.0.0-beta.8", "deepmerge": "^4.2.2", "motion": "^10.5.0" } @@ -11098,9 +11105,9 @@ } }, "@studiometa/js-toolkit": { - "version": "2.0.0-beta.7", - "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.7.tgz", - "integrity": "sha512-JybVLfBSSBtu+5ty9Drm2d0odFaql/DNhFe0XHyfxUUHbloJzJ1KOXJqJ9i9fNwSOJGDvVaVbYwQqjZ03p6I3g==", + "version": "2.0.0-beta.8", + "resolved": "https://registry.npmjs.org/@studiometa/js-toolkit/-/js-toolkit-2.0.0-beta.8.tgz", + "integrity": "sha512-GnhEkjTJJgij4iK27FiV3O7TIhAylbB+wUU+lF/IK2Hl+TRY5ldt9C1VjXIJhEYmcKw6WR+/+cZq1ybQPVfezQ==", "requires": { "@babel/runtime": "^7.15.4", "deepmerge": "^4.2.2" @@ -11116,7 +11123,7 @@ "@studiometa/ui": { "version": "file:packages/ui", "requires": { - "@studiometa/js-toolkit": "^2.0.0-beta.7", + "@studiometa/js-toolkit": "^2.0.0-beta.8", "deepmerge": "^4.2.2", "motion": "^10.5.0" } @@ -15967,6 +15974,12 @@ "spdx-expression-parse": "^3.0.0" } }, + "vue": { + "version": "2.6.14", + "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz", + "integrity": "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==", + "dev": true + }, "vue-eslint-parser": { "version": "7.11.0", "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz", diff --git a/package.json b/package.json index 3413f56b..0e632ab1 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,7 @@ "eslint": "^7.32.0", "eslint-plugin-jest": "^24.5.0", "prettier": "^2.4.1", - "typescript": "^4.4.3" + "typescript": "^4.4.3", + "vue": "^2.6.14" } } diff --git a/packages/ui/package.json b/packages/ui/package.json index b93c7d49..8c75b3c7 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -29,7 +29,7 @@ }, "homepage": "https://github.com/studiometa/ui#readme", "dependencies": { - "@studiometa/js-toolkit": "^2.0.0-beta.7", + "@studiometa/js-toolkit": "^2.0.0-beta.8", "deepmerge": "^4.2.2", "motion": "^10.5.0" }