From 6ac949bf883f575f4979a2176756341742757da9 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sun, 6 Nov 2022 01:53:31 -0800 Subject: [PATCH] Replace @emotion/styled with styled-components --- package-lock.json | 723 ++++++++++-------- package.json | 36 +- src/renderer/components/button/index.tsx | 2 +- src/renderer/components/date-picker/index.tsx | 2 +- .../components/dropdown-menu/index.tsx | 12 +- src/renderer/components/input/index.tsx | 2 +- src/renderer/components/paper/index.tsx | 2 +- src/renderer/components/popover/index.tsx | 2 +- src/renderer/components/scroll-area/index.tsx | 2 +- .../components/segmented-control/index.tsx | 2 +- src/renderer/components/select/index.tsx | 2 +- src/renderer/components/switch/index.tsx | 2 +- src/renderer/components/text/index.tsx | 30 +- src/renderer/components/tooltip/index.tsx | 2 +- .../virtual-grid/grid-card/default-card.tsx | 10 +- .../grid-card/grid-card-controls.tsx | 2 +- .../virtual-grid/grid-card/poster-card.tsx | 8 +- .../virtual-grid/virtual-grid-wrapper.tsx | 2 +- .../albums/routes/album-list-route.tsx | 18 +- .../features/auth/routes/login-route.tsx | 2 +- .../player/components/center-controls.tsx | 6 +- .../player/components/left-controls.tsx | 20 +- .../player/components/player-button.tsx | 3 +- .../features/player/components/playerbar.tsx | 2 +- .../player/components/right-controls.tsx | 2 +- .../features/player/components/slider.tsx | 2 +- .../servers/components/server-section.tsx | 2 +- .../shared/components/animated-page.tsx | 2 +- .../sidebar/components/sidebar-item.tsx | 3 +- .../features/sidebar/components/sidebar.tsx | 2 +- .../titlebar/components/activity-menu.tsx | 2 +- .../features/titlebar/components/app-menu.tsx | 16 +- .../features/titlebar/components/titlebar.tsx | 2 +- .../components/window-controls.tsx | 2 +- src/renderer/layouts/auth-layout.tsx | 2 +- src/renderer/layouts/default-layout.tsx | 2 +- src/renderer/styles/fonts.ts | 2 +- src/renderer/styles/mixins.ts | 2 +- 38 files changed, 519 insertions(+), 418 deletions(-) diff --git a/package-lock.json b/package-lock.json index c2fc00198..4f574a64b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,24 +8,21 @@ "hasInstallScript": true, "license": "GPL-3.0", "dependencies": { - "@dnd-kit/core": "^6.0.5", - "@dnd-kit/modifiers": "^6.0.0", "@emotion/react": "^11.10.4", - "@emotion/styled": "^11.10.4", "@jellyfin/client-axios": "^10.7.8", - "@mantine/core": "^5.6.0", - "@mantine/dates": "^5.6.0", - "@mantine/form": "^5.6.0", - "@mantine/hooks": "^5.6.0", - "@mantine/modals": "^5.6.0", - "@mantine/notifications": "^5.6.0", - "@mantine/spotlight": "^5.6.0", - "@tanstack/react-query": "^4.12.0", - "@tanstack/react-query-devtools": "^4.13.7", - "ag-grid-community": "^28.0.2", - "ag-grid-react": "^28.0.0", + "@mantine/core": "^5.7.1", + "@mantine/dates": "^5.7.1", + "@mantine/form": "^5.7.1", + "@mantine/hooks": "^5.7.1", + "@mantine/modals": "^5.7.1", + "@mantine/notifications": "^5.7.1", + "@mantine/spotlight": "^5.7.1", + "@tanstack/react-query": "^4.14.3", + "@tanstack/react-query-devtools": "^4.14.3", + "ag-grid-community": "^28.2.1", + "ag-grid-react": "^28.2.1", "axios": "^0.26.1", - "dayjs": "^1.11.5", + "dayjs": "^1.11.6", "electron-debug": "^3.2.0", "electron-log": "^4.4.6", "electron-store": "^8.1.0", @@ -49,11 +46,11 @@ "react-router": "^6.3.0", "react-router-dom": "^6.3.0", "react-slider": "^2.0.0", - "react-spaces": "^0.3.4", "react-virtualized-auto-sizer": "^1.0.6", "react-window": "^1.8.7", "react-window-infinite-loader": "^1.0.8", "socket.io-client": "^4.5.3", + "styled-components": "^5.3.6", "zod": "^3.19.1", "zustand": "^4.0.0-rc.1" }, @@ -64,16 +61,17 @@ "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.0.0", "@types/jest": "^27.4.1", - "@types/lodash": "^4.14.182", + "@types/lodash": "^4.14.188", "@types/md5": "^2.3.2", "@types/node": "^17.0.23", - "@types/react": "^17.0.43", - "@types/react-dom": "^17.0.14", + "@types/react": "^18.0.25", + "@types/react-dom": "^18.0.8", "@types/react-slider": "^1.3.1", "@types/react-test-renderer": "^17.0.1", "@types/react-virtualized-auto-sizer": "^1.0.1", "@types/react-window": "^1.8.5", "@types/react-window-infinite-loader": "^1.0.6", + "@types/styled-components": "^5.1.26", "@types/terser-webpack-plugin": "^5.0.4", "@types/webpack-bundle-analyzer": "^4.4.1", "@types/webpack-env": "^1.16.3", @@ -234,6 +232,17 @@ "node": ">=0.10.0" } }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "dependencies": { + "@babel/types": "^7.18.6" + }, + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helper-compilation-targets": { "version": "7.17.7", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz", @@ -792,54 +801,6 @@ "node": ">=10.0.0" } }, - "node_modules/@dnd-kit/accessibility": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.0.1.tgz", - "integrity": "sha512-HXRrwS9YUYQO9lFRc/49uO/VICbM+O+ZRpFDe9Pd1rwVv2PCNkRiTZRdxrDgng/UkvdC3Re9r2vwPpXXrWeFzg==", - "dependencies": { - "tslib": "^2.0.0" - }, - "peerDependencies": { - "react": ">=16.8.0" - } - }, - "node_modules/@dnd-kit/core": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.0.5.tgz", - "integrity": "sha512-3nL+Zy5cT+1XwsWdlXIvGIFvbuocMyB4NBxTN74DeBaBqeWdH9JsnKwQv7buZQgAHmAH+eIENfS1ginkvW6bCw==", - "dependencies": { - "@dnd-kit/accessibility": "^3.0.0", - "@dnd-kit/utilities": "^3.2.0", - "tslib": "^2.0.0" - }, - "peerDependencies": { - "react": ">=16.8.0", - "react-dom": ">=16.8.0" - } - }, - "node_modules/@dnd-kit/modifiers": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-6.0.0.tgz", - "integrity": "sha512-V3+JSo6/BTcgPRHiNUTSKgqVv/doKXg+T4Z0QvKiiXp+uIyJTUtPkQOBRQApUWi3ApBhnoWljyt/3xxY4fTd0Q==", - "dependencies": { - "@dnd-kit/utilities": "^3.2.0", - "tslib": "^2.0.0" - }, - "peerDependencies": { - "@dnd-kit/core": "^6.0.0" - } - }, - "node_modules/@dnd-kit/utilities": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.0.tgz", - "integrity": "sha512-h65/pn2IPCCIWwdlR2BMLqRkDxpTEONA+HQW3n765HBijLYGyrnTCLa2YQt8VVjjSQD6EfFlTE6aS2Q/b6nb2g==", - "dependencies": { - "tslib": "^2.0.0" - }, - "peerDependencies": { - "react": ">=16.8.0" - } - }, "node_modules/@electron/get": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@electron/get/-/get-1.14.1.tgz", @@ -1034,31 +995,15 @@ "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz", "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w==" }, - "node_modules/@emotion/styled": { - "version": "11.10.4", - "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.4.tgz", - "integrity": "sha512-pRl4R8Ez3UXvOPfc2bzIoV8u9P97UedgHS4FPX594ntwEuAMA114wlaHvOK24HB48uqfXiGlYIZYCxVJ1R1ttQ==", - "dependencies": { - "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.0", - "@emotion/is-prop-valid": "^1.2.0", - "@emotion/serialize": "^1.1.0", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0", - "@emotion/react": "^11.0.0-rc.0", - "react": ">=16.8.0" - }, - "peerDependenciesMeta": { - "@babel/core": { - "optional": true - }, - "@types/react": { - "optional": true - } - } + "node_modules/@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.0", @@ -1703,40 +1648,40 @@ } }, "node_modules/@mantine/core": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/core/-/core-5.6.0.tgz", - "integrity": "sha512-sctx5GcfACKJ5Tj0pp2+GbBxQGxIT4NSxHiYSuSJF1TxxWF9r8o/fOk6ixpw1zke7gDfR3LRAHz67EnjIg8ESg==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/core/-/core-5.7.1.tgz", + "integrity": "sha512-fGfEqz5TsJ28Ts1g+qkDgdWg7h+wolmBD8xRJVvIy8/W5cEjiCXVyIK5iEX76y15G2ALzneCc6J4V9yvioaXSA==", "dependencies": { "@floating-ui/react-dom-interactions": "^0.10.1", - "@mantine/styles": "5.6.0", - "@mantine/utils": "5.6.0", + "@mantine/styles": "5.7.1", + "@mantine/utils": "5.7.1", "@radix-ui/react-scroll-area": "1.0.0", "react-textarea-autosize": "8.3.4" }, "peerDependencies": { - "@mantine/hooks": "5.6.0", + "@mantine/hooks": "5.7.1", "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "node_modules/@mantine/dates": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/dates/-/dates-5.6.0.tgz", - "integrity": "sha512-0+mobBdoTd9kS/5WNkxHU/UxTr6GsOMDFCwplt7NovxDKfbdYBu4+wR3knIREN0llcmaxDc/eINOjGaRm+kYFw==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/dates/-/dates-5.7.1.tgz", + "integrity": "sha512-5MHrRFqaF5qGaL0YEOEzaWMXnqYOy2eG6K2Dj5cU5n6ooMI0JEqDrfuP+YcXsd28OysgH97kmvZmIZpumAUdVg==", "dependencies": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" }, "peerDependencies": { - "@mantine/core": "5.6.0", - "@mantine/hooks": "5.6.0", + "@mantine/core": "5.7.1", + "@mantine/hooks": "5.7.1", "dayjs": ">=1.0.0", "react": ">=16.8.0" } }, "node_modules/@mantine/form": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/form/-/form-5.6.0.tgz", - "integrity": "sha512-vo67vL00m7KKs/XMYlp/IxrgNXQQiFk2AgBYjGWlI2utfI4n2tZPKSD+eHzMTydPU/IHdYGXlqqI2wF9FUqPAQ==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/form/-/form-5.7.1.tgz", + "integrity": "sha512-8k+4x0m474a0d+wUiRAcZpJmQ0Z1KPjsn+ZhTXJh4Y+H35tzB3dMY7Q1EkJztIybrzOmU+ZpCFZtzSpScV6nOA==", "dependencies": { "fast-deep-equal": "^3.1.3", "klona": "^2.0.5" @@ -1746,60 +1691,60 @@ } }, "node_modules/@mantine/hooks": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-5.6.0.tgz", - "integrity": "sha512-If1+yJKpMzzZuiSn6orX+ZaM2KLKeupE4GnI76tAVWRwDhsd/pqTXY5GbrJXSd59BgggXmTm5pifcJVOGyhHvA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-5.7.1.tgz", + "integrity": "sha512-I50Xa9ddiptAv2jtxmcVwuIj9s2lFMbSCXKwFwDKzxJQwWt45Hv4el4znmGuN/FluE2D/pJhje0FAP5NhMpgNw==", "peerDependencies": { "react": ">=16.8.0" } }, "node_modules/@mantine/modals": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/modals/-/modals-5.6.0.tgz", - "integrity": "sha512-WYDzyvKscbW+8S2wIPtHihArsdZVa7SGjSWpv9R552dJPJLAQJHNTcBokgL23JRjbqbi/PDfg3zomgGXkcUWrA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/modals/-/modals-5.7.1.tgz", + "integrity": "sha512-5hBdLiSE9dCscxLXCy9ovqfOrdzfaBZsoKdtKvCOjwZu9hCwrzlL6xi6R7xkHc3YYEmzH8BATRAfVS50GyNsYw==", "dependencies": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" }, "peerDependencies": { - "@mantine/core": "5.6.0", - "@mantine/hooks": "5.6.0", + "@mantine/core": "5.7.1", + "@mantine/hooks": "5.7.1", "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "node_modules/@mantine/notifications": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-5.6.0.tgz", - "integrity": "sha512-nTvtHPYDCa3b6I3/09F3KjGtNI+yfEglDKs5pe9NcjExMYQx5felEYJaEUqD/Xc+V/K/tNOmblet5hWGOHO+ag==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-5.7.1.tgz", + "integrity": "sha512-6q9/WSRkp130iRP9Z1H8On2l/TlLLvqwHXv+atK8qIoE8ciZ0TrCwg7Bvm+B3Xsx9RiCajjV7n7RSyjYy0Vyjw==", "dependencies": { - "@mantine/utils": "5.6.0", + "@mantine/utils": "5.7.1", "react-transition-group": "4.4.2" }, "peerDependencies": { - "@mantine/core": "5.6.0", - "@mantine/hooks": "5.6.0", + "@mantine/core": "5.7.1", + "@mantine/hooks": "5.7.1", "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "node_modules/@mantine/spotlight": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/spotlight/-/spotlight-5.6.0.tgz", - "integrity": "sha512-uvHP1qLwyiJnPMy2//M725cG1kpXh5Nm0WaV8Q4CEDONzSkVAHRagpbOpmm5DIJKxwZEJPzO5l/jTkHMCzEqGA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/spotlight/-/spotlight-5.7.1.tgz", + "integrity": "sha512-5FYoHfn3u/Pc0bH4Kz3cCTRkn1ZyM/1XGBnO+9KnNC9/VJSF/4cEyoCt7L4teqm3de06wbDb7182ZPL/lUm50A==", "dependencies": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" }, "peerDependencies": { - "@mantine/core": "5.6.0", - "@mantine/hooks": "5.6.0", + "@mantine/core": "5.7.1", + "@mantine/hooks": "5.7.1", "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "node_modules/@mantine/styles": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/styles/-/styles-5.6.0.tgz", - "integrity": "sha512-dVhk9EFSk2XGgemT595iyIbLo4HBDmzkJtpN1OqxPdg+dHGBbx8BogA+JsheXgklhUpPGnrLLFzOYY9aRjWyaA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/styles/-/styles-5.7.1.tgz", + "integrity": "sha512-WVnbl7Zz6b0WWBqYBDV3P61icQ8RSBMR/cHu0YLOyYNpjnuNP4zF+mMgRK3jYsXi/h7++z3ReK7NagBI/iwTSg==", "dependencies": { "clsx": "1.1.1", "csstype": "3.0.9" @@ -1816,9 +1761,9 @@ "integrity": "sha512-rpw6JPxK6Rfg1zLOYCSwle2GFOOsnjmDYDaBwEcwoOg4qlsIVCN789VkBZDJAGi4T07gI4YSutR43t9Zz4Lzuw==" }, "node_modules/@mantine/utils": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/utils/-/utils-5.6.0.tgz", - "integrity": "sha512-HFe/B/Z6R9j7n0pcumaAl0yYeM+EbRPlZht0t5CP79nZcgz0ANUsnp3f3SGJA/Bc2spO0hd1Cr0daBb1liBMRg==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/utils/-/utils-5.7.1.tgz", + "integrity": "sha512-YHn6BDI2kkmLY6Zdv8MnFaolKbD+sJyCBG1GY0yO6aHiz8/vTxiaTJv7mhro7Pc1XzclDzVJvd9kAd6lzumAyg==", "peerDependencies": { "react": ">=16.8.0" } @@ -2236,20 +2181,20 @@ } }, "node_modules/@tanstack/query-core": { - "version": "4.13.4", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.13.4.tgz", - "integrity": "sha512-DMIy6tgGehYoRUFyoR186+pQspOicyZNSGvBWxPc2CinHjWOQ7DPnGr9zmn/kE9xK4Zd3GXd25Nj3X20+TF6Lw==", + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.14.3.tgz", + "integrity": "sha512-1OrxZk5jSKAjTIDgH/OHa6GfVpgGDVbCVf3KHQjXLFdutK4PSSXQIyX7I1HvBR3mYKyvFPo6yXKNG7QrkwUj9g==", "funding": { "type": "github", "url": "https://github.com/sponsors/tannerlinsley" } }, "node_modules/@tanstack/react-query": { - "version": "4.13.5", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.13.5.tgz", - "integrity": "sha512-p2HcWGuqfvG7Pz04un4phWZeXzlITD7Ue0gMXjD56g8y3rP1r5qEYC/BckffrZLf4dZtQeVPCWOa8RYAqx036g==", + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.14.3.tgz", + "integrity": "sha512-PP7DEFsOMl/JaGQr1B4IeGN3lqHrC5EpG+AgG03OlVIOQMtXNhb0N66Nt1pdrladvzYsKD20L3O3550rBzgLtg==", "dependencies": { - "@tanstack/query-core": "4.13.4", + "@tanstack/query-core": "4.14.3", "use-sync-external-store": "^1.2.0" }, "funding": { @@ -2271,9 +2216,9 @@ } }, "node_modules/@tanstack/react-query-devtools": { - "version": "4.13.7", - "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.13.7.tgz", - "integrity": "sha512-F3wIpnkEphrMGZLibYded5AzNtP1TbgSPu7D4Px7qhBTv71pPHJg/kU9N29jPG6S5drX3FrmkMPhsZs0qyGIpg==", + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.14.3.tgz", + "integrity": "sha512-yE3GOu7/+0LkeRoklKYrGaw1GRnJZUd5PHvVLbnPj5bDmaw56ric70qT7HKRP6P1ukuTeV2Fb09CuMEI5MN2Jw==", "dependencies": { "@tanstack/match-sorter-utils": "^8.1.1", "superjson": "^1.10.0", @@ -2284,7 +2229,7 @@ "url": "https://github.com/sponsors/tannerlinsley" }, "peerDependencies": { - "@tanstack/react-query": "4.13.5", + "@tanstack/react-query": "4.14.3", "react": "^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } @@ -2669,6 +2614,16 @@ "@types/node": "*" } }, + "node_modules/@types/hoist-non-react-statics": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz", + "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==", + "dev": true, + "dependencies": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, "node_modules/@types/html-minifier-terser": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", @@ -2752,9 +2707,9 @@ } }, "node_modules/@types/lodash": { - "version": "4.14.182", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz", - "integrity": "sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==", + "version": "4.14.188", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.188.tgz", + "integrity": "sha512-zmEmF5OIM3rb7SbLCFYoQhO4dGt2FRM9AMkxvA3LaADOF1n8in/zGJlWji9fmafLoNyz+FoL6FE0SLtGIArD7w==", "dev": true }, "node_modules/@types/md5": { @@ -2840,9 +2795,9 @@ "dev": true }, "node_modules/@types/react": { - "version": "17.0.43", - "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.43.tgz", - "integrity": "sha512-8Q+LNpdxf057brvPu1lMtC5Vn7J119xrP1aq4qiaefNioQUYANF/CYeK4NsKorSZyUGJ66g0IM+4bbjwx45o2A==", + "version": "18.0.25", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.25.tgz", + "integrity": "sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g==", "devOptional": true, "dependencies": { "@types/prop-types": "*", @@ -2851,9 +2806,9 @@ } }, "node_modules/@types/react-dom": { - "version": "17.0.14", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.14.tgz", - "integrity": "sha512-H03xwEP1oXmSfl3iobtmQ/2dHF5aBHr8aUMwyGZya6OW45G+xtdzmq6HkncefiBt5JU8DVyaWl/nWZbjZCnzAQ==", + "version": "18.0.8", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.8.tgz", + "integrity": "sha512-C3GYO0HLaOkk9dDAz3Dl4sbe4AKUGTCfFIZsz3n/82dPNN8Du533HzKatDxeUYWu24wJgMP1xICqkWk1YOLOIw==", "dev": true, "dependencies": { "@types/react": "*" @@ -2965,6 +2920,17 @@ "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==", "dev": true }, + "node_modules/@types/styled-components": { + "version": "5.1.26", + "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.26.tgz", + "integrity": "sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==", + "dev": true, + "dependencies": { + "@types/hoist-non-react-statics": "*", + "@types/react": "*", + "csstype": "^3.0.2" + } + }, "node_modules/@types/symlink-or-copy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@types/symlink-or-copy/-/symlink-or-copy-1.2.0.tgz", @@ -3662,19 +3628,19 @@ } }, "node_modules/ag-grid-community": { - "version": "28.0.2", - "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-28.0.2.tgz", - "integrity": "sha512-yMcDf6QhoKsuUBNklVOS2pAPzG697aNwffaCYr6HKCqEDBqhW7fTtX2iQPD4SZ7/fk/sNX8RSFAI+nTrrjDKFw==" + "version": "28.2.1", + "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-28.2.1.tgz", + "integrity": "sha512-DMZh/xD/FqYP17qJ1M92PolTYe+hrKuEaf+A4h13O6qn2x/xZQrTRGW5DgnQLR/uLMe1XXZQPKR3UKgAlKo69A==" }, "node_modules/ag-grid-react": { - "version": "28.0.0", - "resolved": "https://registry.npmjs.org/ag-grid-react/-/ag-grid-react-28.0.0.tgz", - "integrity": "sha512-voKc4Q44YAVRZXUQeOPXfO049ak67t5AOy8RTjf1sIv9eZ9O6liVZzNjkWY3pel1cGgTMTqNPWSpQYxBhOe0UA==", + "version": "28.2.1", + "resolved": "https://registry.npmjs.org/ag-grid-react/-/ag-grid-react-28.2.1.tgz", + "integrity": "sha512-3vbw+B77uWwAyiOJxQA5U+PQFRCCccUx7L5PIwrnA4Y7c1yAu8sB65hAZdBc9kuW26iltwv7asq0UzP7UAQUpg==", "dependencies": { "prop-types": "^15.8.1" }, "peerDependencies": { - "ag-grid-community": "~28.0.0", + "ag-grid-community": "~28.2.1", "react": "^16.3.0 || ^17.0.0 || ^18.0.0", "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0" } @@ -4442,6 +4408,26 @@ "npm": ">=6" } }, + "node_modules/babel-plugin-styled-components": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", + "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.16.0", + "@babel/helper-module-imports": "^7.16.0", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11", + "picomatch": "^2.3.0" + }, + "peerDependencies": { + "styled-components": ">= 2" + } + }, + "node_modules/babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + }, "node_modules/babel-preset-current-node-syntax": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz", @@ -5253,6 +5239,14 @@ "node": ">=8" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -6266,6 +6260,14 @@ "source-map-resolve": "^0.6.0" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, "node_modules/css-declaration-sorter": { "version": "6.2.2", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz", @@ -6278,11 +6280,6 @@ "postcss": "^8.0.9" } }, - "node_modules/css-element-queries": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/css-element-queries/-/css-element-queries-1.2.3.tgz", - "integrity": "sha512-QK9uovYmKTsV2GXWQiMOByVNrLn2qz6m3P7vWpOR4IdD6I3iXoDw5qtgJEN3Xq7gIbdHVKvzHjdAtcl+4Arc4Q==" - }, "node_modules/css-functions-list": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.1.0.tgz", @@ -6434,6 +6431,16 @@ "url": "https://github.com/sponsors/fb55" } }, + "node_modules/css-to-react-native": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", + "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/css-tree": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz", @@ -6658,9 +6665,9 @@ } }, "node_modules/dayjs": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz", - "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA==" + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.6.tgz", + "integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ==" }, "node_modules/de-indent": { "version": "1.0.2", @@ -15706,7 +15713,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, "engines": { "node": ">=8.6" }, @@ -16863,8 +16869,7 @@ "node_modules/postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" }, "node_modules/prelude-ls": { "version": "1.2.1", @@ -17321,8 +17326,7 @@ "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", - "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", - "dev": true + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, "node_modules/react-player": { "version": "2.10.0", @@ -17406,19 +17410,6 @@ "react": "^16 || ^17" } }, - "node_modules/react-spaces": { - "version": "0.3.4", - "resolved": "https://registry.npmjs.org/react-spaces/-/react-spaces-0.3.4.tgz", - "integrity": "sha512-7FjZ7hVF+hnTmIWMkPmXA+sQErn/Ori9o7URoSd7qT4xsJfe7A6h8PHENCGBTU89qTUt6hsnejKBr0iwkPpm+A==", - "dependencies": { - "css-element-queries": "^1.2.1", - "prop-types": "^15.7.2" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17 || ^18", - "react-dom": "^16.8.0 || ^17 || ^18" - } - }, "node_modules/react-test-renderer": { "version": "18.0.0", "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.0.0.tgz", @@ -18634,6 +18625,11 @@ "node": ">=8" } }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -19563,6 +19559,55 @@ "tslib": "^2.1.0" } }, + "node_modules/styled-components": { + "version": "5.3.6", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.6.tgz", + "integrity": "sha512-hGTZquGAaTqhGWldX7hhfzjnIYBZ0IXQXkCYdvF1Sq3DsUaLx6+NTHC5Jj1ooM2F68sBiVz3lvhfwQs/S3l6qg==", + "hasInstallScript": true, + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^1.1.0", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0", + "react-is": ">= 16.8.0" + } + }, + "node_modules/styled-components/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "engines": { + "node": ">=4" + } + }, + "node_modules/styled-components/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/stylehacks": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.0.tgz", @@ -23618,6 +23663,14 @@ } } }, + "@babel/helper-annotate-as-pure": { + "version": "7.18.6", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz", + "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==", + "requires": { + "@babel/types": "^7.18.6" + } + }, "@babel/helper-compilation-targets": { "version": "7.17.7", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz", @@ -24021,41 +24074,6 @@ "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", "dev": true }, - "@dnd-kit/accessibility": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.0.1.tgz", - "integrity": "sha512-HXRrwS9YUYQO9lFRc/49uO/VICbM+O+ZRpFDe9Pd1rwVv2PCNkRiTZRdxrDgng/UkvdC3Re9r2vwPpXXrWeFzg==", - "requires": { - "tslib": "^2.0.0" - } - }, - "@dnd-kit/core": { - "version": "6.0.5", - "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.0.5.tgz", - "integrity": "sha512-3nL+Zy5cT+1XwsWdlXIvGIFvbuocMyB4NBxTN74DeBaBqeWdH9JsnKwQv7buZQgAHmAH+eIENfS1ginkvW6bCw==", - "requires": { - "@dnd-kit/accessibility": "^3.0.0", - "@dnd-kit/utilities": "^3.2.0", - "tslib": "^2.0.0" - } - }, - "@dnd-kit/modifiers": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-6.0.0.tgz", - "integrity": "sha512-V3+JSo6/BTcgPRHiNUTSKgqVv/doKXg+T4Z0QvKiiXp+uIyJTUtPkQOBRQApUWi3ApBhnoWljyt/3xxY4fTd0Q==", - "requires": { - "@dnd-kit/utilities": "^3.2.0", - "tslib": "^2.0.0" - } - }, - "@dnd-kit/utilities": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.0.tgz", - "integrity": "sha512-h65/pn2IPCCIWwdlR2BMLqRkDxpTEONA+HQW3n765HBijLYGyrnTCLa2YQt8VVjjSQD6EfFlTE6aS2Q/b6nb2g==", - "requires": { - "tslib": "^2.0.0" - } - }, "@electron/get": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@electron/get/-/get-1.14.1.tgz", @@ -24221,18 +24239,15 @@ "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz", "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w==" }, - "@emotion/styled": { - "version": "11.10.4", - "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.4.tgz", - "integrity": "sha512-pRl4R8Ez3UXvOPfc2bzIoV8u9P97UedgHS4FPX594ntwEuAMA114wlaHvOK24HB48uqfXiGlYIZYCxVJ1R1ttQ==", - "requires": { - "@babel/runtime": "^7.18.3", - "@emotion/babel-plugin": "^11.10.0", - "@emotion/is-prop-valid": "^1.2.0", - "@emotion/serialize": "^1.1.0", - "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@emotion/utils": "^1.2.0" - } + "@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" }, "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.0.0", @@ -24757,69 +24772,69 @@ } }, "@mantine/core": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/core/-/core-5.6.0.tgz", - "integrity": "sha512-sctx5GcfACKJ5Tj0pp2+GbBxQGxIT4NSxHiYSuSJF1TxxWF9r8o/fOk6ixpw1zke7gDfR3LRAHz67EnjIg8ESg==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/core/-/core-5.7.1.tgz", + "integrity": "sha512-fGfEqz5TsJ28Ts1g+qkDgdWg7h+wolmBD8xRJVvIy8/W5cEjiCXVyIK5iEX76y15G2ALzneCc6J4V9yvioaXSA==", "requires": { "@floating-ui/react-dom-interactions": "^0.10.1", - "@mantine/styles": "5.6.0", - "@mantine/utils": "5.6.0", + "@mantine/styles": "5.7.1", + "@mantine/utils": "5.7.1", "@radix-ui/react-scroll-area": "1.0.0", "react-textarea-autosize": "8.3.4" } }, "@mantine/dates": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/dates/-/dates-5.6.0.tgz", - "integrity": "sha512-0+mobBdoTd9kS/5WNkxHU/UxTr6GsOMDFCwplt7NovxDKfbdYBu4+wR3knIREN0llcmaxDc/eINOjGaRm+kYFw==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/dates/-/dates-5.7.1.tgz", + "integrity": "sha512-5MHrRFqaF5qGaL0YEOEzaWMXnqYOy2eG6K2Dj5cU5n6ooMI0JEqDrfuP+YcXsd28OysgH97kmvZmIZpumAUdVg==", "requires": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" } }, "@mantine/form": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/form/-/form-5.6.0.tgz", - "integrity": "sha512-vo67vL00m7KKs/XMYlp/IxrgNXQQiFk2AgBYjGWlI2utfI4n2tZPKSD+eHzMTydPU/IHdYGXlqqI2wF9FUqPAQ==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/form/-/form-5.7.1.tgz", + "integrity": "sha512-8k+4x0m474a0d+wUiRAcZpJmQ0Z1KPjsn+ZhTXJh4Y+H35tzB3dMY7Q1EkJztIybrzOmU+ZpCFZtzSpScV6nOA==", "requires": { "fast-deep-equal": "^3.1.3", "klona": "^2.0.5" } }, "@mantine/hooks": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-5.6.0.tgz", - "integrity": "sha512-If1+yJKpMzzZuiSn6orX+ZaM2KLKeupE4GnI76tAVWRwDhsd/pqTXY5GbrJXSd59BgggXmTm5pifcJVOGyhHvA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-5.7.1.tgz", + "integrity": "sha512-I50Xa9ddiptAv2jtxmcVwuIj9s2lFMbSCXKwFwDKzxJQwWt45Hv4el4znmGuN/FluE2D/pJhje0FAP5NhMpgNw==", "requires": {} }, "@mantine/modals": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/modals/-/modals-5.6.0.tgz", - "integrity": "sha512-WYDzyvKscbW+8S2wIPtHihArsdZVa7SGjSWpv9R552dJPJLAQJHNTcBokgL23JRjbqbi/PDfg3zomgGXkcUWrA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/modals/-/modals-5.7.1.tgz", + "integrity": "sha512-5hBdLiSE9dCscxLXCy9ovqfOrdzfaBZsoKdtKvCOjwZu9hCwrzlL6xi6R7xkHc3YYEmzH8BATRAfVS50GyNsYw==", "requires": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" } }, "@mantine/notifications": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-5.6.0.tgz", - "integrity": "sha512-nTvtHPYDCa3b6I3/09F3KjGtNI+yfEglDKs5pe9NcjExMYQx5felEYJaEUqD/Xc+V/K/tNOmblet5hWGOHO+ag==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-5.7.1.tgz", + "integrity": "sha512-6q9/WSRkp130iRP9Z1H8On2l/TlLLvqwHXv+atK8qIoE8ciZ0TrCwg7Bvm+B3Xsx9RiCajjV7n7RSyjYy0Vyjw==", "requires": { - "@mantine/utils": "5.6.0", + "@mantine/utils": "5.7.1", "react-transition-group": "4.4.2" } }, "@mantine/spotlight": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/spotlight/-/spotlight-5.6.0.tgz", - "integrity": "sha512-uvHP1qLwyiJnPMy2//M725cG1kpXh5Nm0WaV8Q4CEDONzSkVAHRagpbOpmm5DIJKxwZEJPzO5l/jTkHMCzEqGA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/spotlight/-/spotlight-5.7.1.tgz", + "integrity": "sha512-5FYoHfn3u/Pc0bH4Kz3cCTRkn1ZyM/1XGBnO+9KnNC9/VJSF/4cEyoCt7L4teqm3de06wbDb7182ZPL/lUm50A==", "requires": { - "@mantine/utils": "5.6.0" + "@mantine/utils": "5.7.1" } }, "@mantine/styles": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/styles/-/styles-5.6.0.tgz", - "integrity": "sha512-dVhk9EFSk2XGgemT595iyIbLo4HBDmzkJtpN1OqxPdg+dHGBbx8BogA+JsheXgklhUpPGnrLLFzOYY9aRjWyaA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/styles/-/styles-5.7.1.tgz", + "integrity": "sha512-WVnbl7Zz6b0WWBqYBDV3P61icQ8RSBMR/cHu0YLOyYNpjnuNP4zF+mMgRK3jYsXi/h7++z3ReK7NagBI/iwTSg==", "requires": { "clsx": "1.1.1", "csstype": "3.0.9" @@ -24833,9 +24848,9 @@ } }, "@mantine/utils": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/@mantine/utils/-/utils-5.6.0.tgz", - "integrity": "sha512-HFe/B/Z6R9j7n0pcumaAl0yYeM+EbRPlZht0t5CP79nZcgz0ANUsnp3f3SGJA/Bc2spO0hd1Cr0daBb1liBMRg==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/@mantine/utils/-/utils-5.7.1.tgz", + "integrity": "sha512-YHn6BDI2kkmLY6Zdv8MnFaolKbD+sJyCBG1GY0yO6aHiz8/vTxiaTJv7mhro7Pc1XzclDzVJvd9kAd6lzumAyg==", "requires": {} }, "@mdn/browser-compat-data": { @@ -25154,16 +25169,16 @@ } }, "@tanstack/query-core": { - "version": "4.13.4", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.13.4.tgz", - "integrity": "sha512-DMIy6tgGehYoRUFyoR186+pQspOicyZNSGvBWxPc2CinHjWOQ7DPnGr9zmn/kE9xK4Zd3GXd25Nj3X20+TF6Lw==" + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.14.3.tgz", + "integrity": "sha512-1OrxZk5jSKAjTIDgH/OHa6GfVpgGDVbCVf3KHQjXLFdutK4PSSXQIyX7I1HvBR3mYKyvFPo6yXKNG7QrkwUj9g==" }, "@tanstack/react-query": { - "version": "4.13.5", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.13.5.tgz", - "integrity": "sha512-p2HcWGuqfvG7Pz04un4phWZeXzlITD7Ue0gMXjD56g8y3rP1r5qEYC/BckffrZLf4dZtQeVPCWOa8RYAqx036g==", + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.14.3.tgz", + "integrity": "sha512-PP7DEFsOMl/JaGQr1B4IeGN3lqHrC5EpG+AgG03OlVIOQMtXNhb0N66Nt1pdrladvzYsKD20L3O3550rBzgLtg==", "requires": { - "@tanstack/query-core": "4.13.4", + "@tanstack/query-core": "4.14.3", "use-sync-external-store": "^1.2.0" }, "dependencies": { @@ -25176,9 +25191,9 @@ } }, "@tanstack/react-query-devtools": { - "version": "4.13.7", - "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.13.7.tgz", - "integrity": "sha512-F3wIpnkEphrMGZLibYded5AzNtP1TbgSPu7D4Px7qhBTv71pPHJg/kU9N29jPG6S5drX3FrmkMPhsZs0qyGIpg==", + "version": "4.14.3", + "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.14.3.tgz", + "integrity": "sha512-yE3GOu7/+0LkeRoklKYrGaw1GRnJZUd5PHvVLbnPj5bDmaw56ric70qT7HKRP6P1ukuTeV2Fb09CuMEI5MN2Jw==", "requires": { "@tanstack/match-sorter-utils": "^8.1.1", "superjson": "^1.10.0", @@ -25519,6 +25534,16 @@ "@types/node": "*" } }, + "@types/hoist-non-react-statics": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz", + "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==", + "dev": true, + "requires": { + "@types/react": "*", + "hoist-non-react-statics": "^3.3.0" + } + }, "@types/html-minifier-terser": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", @@ -25602,9 +25627,9 @@ } }, "@types/lodash": { - "version": "4.14.182", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz", - "integrity": "sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==", + "version": "4.14.188", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.188.tgz", + "integrity": "sha512-zmEmF5OIM3rb7SbLCFYoQhO4dGt2FRM9AMkxvA3LaADOF1n8in/zGJlWji9fmafLoNyz+FoL6FE0SLtGIArD7w==", "dev": true }, "@types/md5": { @@ -25690,9 +25715,9 @@ "dev": true }, "@types/react": { - "version": "17.0.43", - "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.43.tgz", - "integrity": "sha512-8Q+LNpdxf057brvPu1lMtC5Vn7J119xrP1aq4qiaefNioQUYANF/CYeK4NsKorSZyUGJ66g0IM+4bbjwx45o2A==", + "version": "18.0.25", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.25.tgz", + "integrity": "sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g==", "devOptional": true, "requires": { "@types/prop-types": "*", @@ -25701,9 +25726,9 @@ } }, "@types/react-dom": { - "version": "17.0.14", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.14.tgz", - "integrity": "sha512-H03xwEP1oXmSfl3iobtmQ/2dHF5aBHr8aUMwyGZya6OW45G+xtdzmq6HkncefiBt5JU8DVyaWl/nWZbjZCnzAQ==", + "version": "18.0.8", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.8.tgz", + "integrity": "sha512-C3GYO0HLaOkk9dDAz3Dl4sbe4AKUGTCfFIZsz3n/82dPNN8Du533HzKatDxeUYWu24wJgMP1xICqkWk1YOLOIw==", "dev": true, "requires": { "@types/react": "*" @@ -25815,6 +25840,17 @@ "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==", "dev": true }, + "@types/styled-components": { + "version": "5.1.26", + "resolved": "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.26.tgz", + "integrity": "sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==", + "dev": true, + "requires": { + "@types/hoist-non-react-statics": "*", + "@types/react": "*", + "csstype": "^3.0.2" + } + }, "@types/symlink-or-copy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@types/symlink-or-copy/-/symlink-or-copy-1.2.0.tgz", @@ -26341,14 +26377,14 @@ "dev": true }, "ag-grid-community": { - "version": "28.0.2", - "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-28.0.2.tgz", - "integrity": "sha512-yMcDf6QhoKsuUBNklVOS2pAPzG697aNwffaCYr6HKCqEDBqhW7fTtX2iQPD4SZ7/fk/sNX8RSFAI+nTrrjDKFw==" + "version": "28.2.1", + "resolved": "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-28.2.1.tgz", + "integrity": "sha512-DMZh/xD/FqYP17qJ1M92PolTYe+hrKuEaf+A4h13O6qn2x/xZQrTRGW5DgnQLR/uLMe1XXZQPKR3UKgAlKo69A==" }, "ag-grid-react": { - "version": "28.0.0", - "resolved": "https://registry.npmjs.org/ag-grid-react/-/ag-grid-react-28.0.0.tgz", - "integrity": "sha512-voKc4Q44YAVRZXUQeOPXfO049ak67t5AOy8RTjf1sIv9eZ9O6liVZzNjkWY3pel1cGgTMTqNPWSpQYxBhOe0UA==", + "version": "28.2.1", + "resolved": "https://registry.npmjs.org/ag-grid-react/-/ag-grid-react-28.2.1.tgz", + "integrity": "sha512-3vbw+B77uWwAyiOJxQA5U+PQFRCCccUx7L5PIwrnA4Y7c1yAu8sB65hAZdBc9kuW26iltwv7asq0UzP7UAQUpg==", "requires": { "prop-types": "^15.8.1" } @@ -26923,6 +26959,23 @@ "resolve": "^1.19.0" } }, + "babel-plugin-styled-components": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", + "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", + "requires": { + "@babel/helper-annotate-as-pure": "^7.16.0", + "@babel/helper-module-imports": "^7.16.0", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11", + "picomatch": "^2.3.0" + } + }, + "babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==" + }, "babel-preset-current-node-syntax": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz", @@ -27561,6 +27614,11 @@ } } }, + "camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==" + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -28333,6 +28391,11 @@ } } }, + "css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==" + }, "css-declaration-sorter": { "version": "6.2.2", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.2.2.tgz", @@ -28340,11 +28403,6 @@ "dev": true, "requires": {} }, - "css-element-queries": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/css-element-queries/-/css-element-queries-1.2.3.tgz", - "integrity": "sha512-QK9uovYmKTsV2GXWQiMOByVNrLn2qz6m3P7vWpOR4IdD6I3iXoDw5qtgJEN3Xq7gIbdHVKvzHjdAtcl+4Arc4Q==" - }, "css-functions-list": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.1.0.tgz", @@ -28441,6 +28499,16 @@ "nth-check": "^2.0.1" } }, + "css-to-react-native": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", + "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", + "requires": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "css-tree": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz", @@ -28602,9 +28670,9 @@ "dev": true }, "dayjs": { - "version": "1.11.5", - "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz", - "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA==" + "version": "1.11.6", + "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.6.tgz", + "integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ==" }, "de-indent": { "version": "1.0.2", @@ -35445,8 +35513,7 @@ "picomatch": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" }, "pidtree": { "version": "0.5.0", @@ -36256,8 +36323,7 @@ "postcss-value-parser": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" }, "prelude-ls": { "version": "1.2.1", @@ -36612,8 +36678,7 @@ "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", - "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", - "dev": true + "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, "react-player": { "version": "2.10.0", @@ -36675,15 +36740,6 @@ "prop-types": "^15.8.1" } }, - "react-spaces": { - "version": "0.3.4", - "resolved": "https://registry.npmjs.org/react-spaces/-/react-spaces-0.3.4.tgz", - "integrity": "sha512-7FjZ7hVF+hnTmIWMkPmXA+sQErn/Ori9o7URoSd7qT4xsJfe7A6h8PHENCGBTU89qTUt6hsnejKBr0iwkPpm+A==", - "requires": { - "css-element-queries": "^1.2.1", - "prop-types": "^15.7.2" - } - }, "react-test-renderer": { "version": "18.0.0", "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.0.0.tgz", @@ -37621,6 +37677,11 @@ "kind-of": "^6.0.2" } }, + "shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -38372,6 +38433,38 @@ "tslib": "^2.1.0" } }, + "styled-components": { + "version": "5.3.6", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.6.tgz", + "integrity": "sha512-hGTZquGAaTqhGWldX7hhfzjnIYBZ0IXQXkCYdvF1Sq3DsUaLx6+NTHC5Jj1ooM2F68sBiVz3lvhfwQs/S3l6qg==", + "requires": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^1.1.0", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "dependencies": { + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" + }, + "supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "requires": { + "has-flag": "^3.0.0" + } + } + } + }, "stylehacks": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.0.tgz", diff --git a/package.json b/package.json index 10d7caa90..f9f9dcaf8 100644 --- a/package.json +++ b/package.json @@ -165,16 +165,17 @@ "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.0.0", "@types/jest": "^27.4.1", - "@types/lodash": "^4.14.182", + "@types/lodash": "^4.14.188", "@types/md5": "^2.3.2", "@types/node": "^17.0.23", - "@types/react": "^17.0.43", - "@types/react-dom": "^17.0.14", + "@types/react": "^18.0.25", + "@types/react-dom": "^18.0.8", "@types/react-slider": "^1.3.1", "@types/react-test-renderer": "^17.0.1", "@types/react-virtualized-auto-sizer": "^1.0.1", "@types/react-window": "^1.8.5", "@types/react-window-infinite-loader": "^1.0.6", + "@types/styled-components": "^5.1.26", "@types/terser-webpack-plugin": "^5.0.4", "@types/webpack-bundle-analyzer": "^4.4.1", "@types/webpack-env": "^1.16.3", @@ -247,24 +248,21 @@ "webpack-merge": "^5.8.0" }, "dependencies": { - "@dnd-kit/core": "^6.0.5", - "@dnd-kit/modifiers": "^6.0.0", "@emotion/react": "^11.10.4", - "@emotion/styled": "^11.10.4", "@jellyfin/client-axios": "^10.7.8", - "@mantine/core": "^5.6.0", - "@mantine/dates": "^5.6.0", - "@mantine/form": "^5.6.0", - "@mantine/hooks": "^5.6.0", - "@mantine/modals": "^5.6.0", - "@mantine/notifications": "^5.6.0", - "@mantine/spotlight": "^5.6.0", - "@tanstack/react-query": "^4.12.0", - "@tanstack/react-query-devtools": "^4.13.7", - "ag-grid-community": "^28.0.2", - "ag-grid-react": "^28.0.0", + "@mantine/core": "^5.7.1", + "@mantine/dates": "^5.7.1", + "@mantine/form": "^5.7.1", + "@mantine/hooks": "^5.7.1", + "@mantine/modals": "^5.7.1", + "@mantine/notifications": "^5.7.1", + "@mantine/spotlight": "^5.7.1", + "@tanstack/react-query": "^4.14.3", + "@tanstack/react-query-devtools": "^4.14.3", + "ag-grid-community": "^28.2.1", + "ag-grid-react": "^28.2.1", "axios": "^0.26.1", - "dayjs": "^1.11.5", + "dayjs": "^1.11.6", "electron-debug": "^3.2.0", "electron-log": "^4.4.6", "electron-store": "^8.1.0", @@ -288,11 +286,11 @@ "react-router": "^6.3.0", "react-router-dom": "^6.3.0", "react-slider": "^2.0.0", - "react-spaces": "^0.3.4", "react-virtualized-auto-sizer": "^1.0.6", "react-window": "^1.8.7", "react-window-infinite-loader": "^1.0.8", "socket.io-client": "^4.5.3", + "styled-components": "^5.3.6", "zod": "^3.19.1", "zustand": "^4.0.0-rc.1" }, diff --git a/src/renderer/components/button/index.tsx b/src/renderer/components/button/index.tsx index 8c5da3b7c..ea3afbd4e 100644 --- a/src/renderer/components/button/index.tsx +++ b/src/renderer/components/button/index.tsx @@ -1,11 +1,11 @@ import React, { forwardRef, Ref } from 'react'; -import styled from '@emotion/styled'; import { Button as MantineButton, ButtonProps as MantineButtonProps, createPolymorphicComponent, TooltipProps, } from '@mantine/core'; +import styled from 'styled-components'; import { Tooltip } from '@/renderer/components/tooltip'; interface ButtonProps extends MantineButtonProps { diff --git a/src/renderer/components/date-picker/index.tsx b/src/renderer/components/date-picker/index.tsx index 16f29e253..c3975a847 100644 --- a/src/renderer/components/date-picker/index.tsx +++ b/src/renderer/components/date-picker/index.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { DatePicker as MantineDatePicker, DatePickerProps as MantineDatePickerProps, } from '@mantine/dates'; +import styled from 'styled-components'; interface DatePickerProps extends MantineDatePickerProps { maxWidth?: number | string; diff --git a/src/renderer/components/dropdown-menu/index.tsx b/src/renderer/components/dropdown-menu/index.tsx index 3aec51498..87f84983c 100644 --- a/src/renderer/components/dropdown-menu/index.tsx +++ b/src/renderer/components/dropdown-menu/index.tsx @@ -1,4 +1,3 @@ -import styled from '@emotion/styled'; import { Menu as MantineMenu, MenuProps as MantineMenuProps, @@ -9,12 +8,13 @@ import { createPolymorphicComponent, } from '@mantine/core'; import { RiArrowLeftLine } from 'react-icons/ri'; +import styled from 'styled-components'; type MenuProps = MantineMenuProps; type MenuLabelProps = MantineMenuLabelProps; interface MenuItemProps extends MantineMenuItemProps { + $isActive?: boolean; children: React.ReactNode; - isActive?: boolean; } type MenuDividerProps = MantineMenuDividerProps; type MenuDropdownProps = MantineMenuDropdownProps; @@ -40,7 +40,7 @@ const StyledMenuItem = styled(MantineMenu.Item)` } & .mantine-Menu-itemLabel { - color: ${({ isActive }) => isActive && 'var(--primary-color)'}; + color: ${({ $isActive }) => $isActive && 'var(--primary-color)'}; font-weight: 500; font-size: 1em; } @@ -70,12 +70,12 @@ const MenuLabel = ({ children, ...props }: MenuLabelProps) => { return {children}; }; -const pMenuItem = ({ isActive, children, ...props }: MenuItemProps) => { +const pMenuItem = ({ $isActive, children, ...props }: MenuItemProps) => { return ( + $isActive && } {...props} > diff --git a/src/renderer/components/input/index.tsx b/src/renderer/components/input/index.tsx index dd873927b..84e0b1041 100644 --- a/src/renderer/components/input/index.tsx +++ b/src/renderer/components/input/index.tsx @@ -1,5 +1,4 @@ import React, { forwardRef } from 'react'; -import styled from '@emotion/styled'; import { TextInput as MantineTextInput, TextInputProps as MantineTextInputProps, @@ -10,6 +9,7 @@ import { FileInput as MantineFileInput, FileInputProps as MantineFileInputProps, } from '@mantine/core'; +import styled from 'styled-components'; interface TextInputProps extends MantineTextInputProps { children?: React.ReactNode; diff --git a/src/renderer/components/paper/index.tsx b/src/renderer/components/paper/index.tsx index 8ca778163..f1b6769f3 100644 --- a/src/renderer/components/paper/index.tsx +++ b/src/renderer/components/paper/index.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { Paper as MantinePaper, PaperProps as MantinePaperProps, } from '@mantine/core'; +import styled from 'styled-components'; export interface PaperProps extends MantinePaperProps { children: React.ReactNode; diff --git a/src/renderer/components/popover/index.tsx b/src/renderer/components/popover/index.tsx index 3efbea1b3..df7cc7f37 100644 --- a/src/renderer/components/popover/index.tsx +++ b/src/renderer/components/popover/index.tsx @@ -1,9 +1,9 @@ -import styled from '@emotion/styled'; import { Popover as MantinePopover, PopoverProps as MantinePopoverProps, PopoverDropdownProps as MantinePopoverDropdownProps, } from '@mantine/core'; +import styled from 'styled-components'; type PopoverProps = MantinePopoverProps; type PopoverDropdownProps = MantinePopoverDropdownProps; diff --git a/src/renderer/components/scroll-area/index.tsx b/src/renderer/components/scroll-area/index.tsx index 4aede36a6..dea26412c 100644 --- a/src/renderer/components/scroll-area/index.tsx +++ b/src/renderer/components/scroll-area/index.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { ScrollArea as MantineScrollArea, ScrollAreaProps as MantineScrollAreaProps, } from '@mantine/core'; +import styled from 'styled-components'; interface ScrollAreaProps extends MantineScrollAreaProps { children: React.ReactNode; diff --git a/src/renderer/components/segmented-control/index.tsx b/src/renderer/components/segmented-control/index.tsx index 39b77b43f..aaf4b1205 100644 --- a/src/renderer/components/segmented-control/index.tsx +++ b/src/renderer/components/segmented-control/index.tsx @@ -1,9 +1,9 @@ import { forwardRef } from 'react'; -import styled from '@emotion/styled'; import { SegmentedControl as MantineSegmentedControl, SegmentedControlProps as MantineSegmentedControlProps, } from '@mantine/core'; +import styled from 'styled-components'; type SegmentedControlProps = MantineSegmentedControlProps; diff --git a/src/renderer/components/select/index.tsx b/src/renderer/components/select/index.tsx index 9ffee189f..dcf628eb9 100644 --- a/src/renderer/components/select/index.tsx +++ b/src/renderer/components/select/index.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { Select as MantineSelect, SelectProps as MantineSelectProps, } from '@mantine/core'; +import styled from 'styled-components'; interface SelectProps extends MantineSelectProps { maxWidth?: number | string; diff --git a/src/renderer/components/switch/index.tsx b/src/renderer/components/switch/index.tsx index 6ff7bb452..4665689ea 100644 --- a/src/renderer/components/switch/index.tsx +++ b/src/renderer/components/switch/index.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { Switch as MantineSwitch, SwitchProps as MantineSwitchProps, } from '@mantine/core'; +import styled from 'styled-components'; type SwitchProps = MantineSwitchProps; diff --git a/src/renderer/components/text/index.tsx b/src/renderer/components/text/index.tsx index 3d35511b4..600b79760 100644 --- a/src/renderer/components/text/index.tsx +++ b/src/renderer/components/text/index.tsx @@ -1,34 +1,34 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react'; -import styled from '@emotion/styled'; import { createPolymorphicComponent, Text as MantineText, TextProps as MantineTextProps, } from '@mantine/core'; +import styled from 'styled-components'; import { Font, textEllipsis } from '@/renderer/styles'; type MantineTextDivProps = MantineTextProps & ComponentPropsWithoutRef<'div'>; interface TextProps extends MantineTextDivProps { + $link?: boolean; + $noSelect?: boolean; + $secondary?: boolean; children: ReactNode; font?: Font; - link?: boolean; - noSelect?: boolean; overflow?: 'hidden' | 'visible'; - secondary?: boolean; to?: string; weight?: number; } -const BaseText = styled(MantineText)` +const BaseText = styled(MantineText)` color: ${(props) => - props.secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; + props.$secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; font-family: ${(props) => props.font}; - user-select: ${(props) => (props.noSelect ? 'none' : 'auto')}; + user-select: ${(props) => (props.$noSelect ? 'none' : 'auto')}; ${(props) => props.overflow === 'hidden' && textEllipsis} &:hover { - text-decoration: ${(props) => (props.link ? 'underline' : 'none')}; + text-decoration: ${(props) => (props.$link ? 'underline' : 'none')}; } `; @@ -36,18 +36,18 @@ const StyledText = styled(BaseText)``; export const _Text = ({ children, - secondary, + $secondary, overflow, font, - noSelect, + $noSelect, ...rest }: TextProps) => { return ( {children} @@ -58,11 +58,11 @@ export const _Text = ({ export const Text = createPolymorphicComponent<'div', TextProps>(_Text); _Text.defaultProps = { + $link: false, + $noSelect: false, + $secondary: false, font: undefined, - link: false, - noSelect: false, overflow: 'visible', - secondary: false, to: '', weight: 500, }; diff --git a/src/renderer/components/tooltip/index.tsx b/src/renderer/components/tooltip/index.tsx index 647206afc..ce3088cdc 100644 --- a/src/renderer/components/tooltip/index.tsx +++ b/src/renderer/components/tooltip/index.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled'; import { Tooltip as MantineTooltip, TooltipProps } from '@mantine/core'; +import styled from 'styled-components'; const StyledTooltip = styled(MantineTooltip)` & .mantine-Tooltip-tooltip { diff --git a/src/renderer/components/virtual-grid/grid-card/default-card.tsx b/src/renderer/components/virtual-grid/grid-card/default-card.tsx index 109e1d7fd..3f4d716c7 100644 --- a/src/renderer/components/virtual-grid/grid-card/default-card.tsx +++ b/src/renderer/components/virtual-grid/grid-card/default-card.tsx @@ -117,14 +117,14 @@ const DetailSection = styled.div` flex-direction: column; `; -const Row = styled.div<{ secondary?: boolean }>` +const Row = styled.div<{ $secondary?: boolean }>` width: 100%; max-width: 100%; height: 25px; padding: 0 0.2rem; overflow: hidden; - color: ${({ secondary }) => - secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; + color: ${({ $secondary }) => + $secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; white-space: nowrap; text-overflow: ellipsis; `; @@ -216,7 +216,7 @@ export const DefaultCard = ({ return ( 0} + $secondary={index > 0} > {data[row.property].map( (item: any, itemIndex: number) => ( @@ -345,7 +345,7 @@ export const DefaultCard = ({ return ( 0} + $secondary={index > 0} > {data[row.property].map((item: any, itemIndex: number) => ( diff --git a/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx b/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx index c725eb51c..f31e3a1f0 100644 --- a/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx +++ b/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx @@ -1,5 +1,4 @@ import React, { MouseEvent } from 'react'; -import styled from '@emotion/styled'; import { Group, UnstyledButtonProps } from '@mantine/core'; import { motion } from 'framer-motion'; import { @@ -8,6 +7,7 @@ import { RiHeartFill, RiHeartLine, } from 'react-icons/ri'; +import styled from 'styled-components'; import { Button } from '@/renderer/components/button'; import { DropdownMenu } from '@/renderer/components/dropdown-menu'; import { Play } from '@/renderer/types'; diff --git a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx index 35fb18667..f7251c065 100644 --- a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx +++ b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx @@ -112,14 +112,14 @@ const DetailSection = styled.div` flex-direction: column; `; -const Row = styled.div<{ secondary?: boolean }>` +const Row = styled.div<{ $secondary?: boolean }>` width: 100%; max-width: 100%; height: 25px; padding: 0 0.2rem; overflow: hidden; - color: ${({ secondary }) => - secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; + color: ${({ $secondary }) => + $secondary ? 'var(--main-fg-secondary)' : 'var(--main-fg)'}; white-space: nowrap; text-overflow: ellipsis; `; @@ -235,7 +235,7 @@ export const PosterCard = ({ return ( 0} + $secondary={index > 0} > {data[row.property].map((item: any, itemIndex: number) => ( diff --git a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx index 6727f739a..5973a5342 100644 --- a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx +++ b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx @@ -1,6 +1,6 @@ import { Ref, useMemo } from 'react'; -import styled from '@emotion/styled'; import { FixedSizeList, FixedSizeListProps } from 'react-window'; +import styled from 'styled-components'; import { GridCard } from '@/renderer/components/virtual-grid/grid-card'; import { usePlayQueueHandler } from '@/renderer/features/player/hooks/use-playqueue-handler'; import { diff --git a/src/renderer/features/albums/routes/album-list-route.tsx b/src/renderer/features/albums/routes/album-list-route.tsx index 4bc69cbdf..b2954d9d9 100644 --- a/src/renderer/features/albums/routes/album-list-route.tsx +++ b/src/renderer/features/albums/routes/album-list-route.tsx @@ -173,7 +173,7 @@ export const AlbumListRoute = () => { - + Albums @@ -189,7 +189,7 @@ export const AlbumListRoute = () => { {FILTERS.map((filter) => ( setFilters({ sortBy: filter.value })} > {filter.name} @@ -197,7 +197,7 @@ export const AlbumListRoute = () => { ))} toggleAdvFilter()} > Advanced Filters @@ -217,7 +217,7 @@ export const AlbumListRoute = () => { {ORDER.map((sort) => ( setFilters({ orderBy: sort.value })} > {sort.name} @@ -237,8 +237,8 @@ export const AlbumListRoute = () => { {serverFolders?.map((folder) => ( { if (filters.serverFolderId.includes(folder.id)) { setFilters({ @@ -279,7 +279,7 @@ export const AlbumListRoute = () => { { Card { setPage('albums', { ...page, @@ -366,7 +366,7 @@ export const AlbumListRoute = () => { }} > - Advanced Filters + Advanced Filters { - + {formattedTime} @@ -155,7 +155,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => { /> - + {duration} diff --git a/src/renderer/features/player/components/left-controls.tsx b/src/renderer/features/player/components/left-controls.tsx index 0f388f691..c3422d8b1 100644 --- a/src/renderer/features/player/components/left-controls.tsx +++ b/src/renderer/features/player/components/left-controls.tsx @@ -1,8 +1,8 @@ -import styled from '@emotion/styled'; import { Center, Group } from '@mantine/core'; import { motion, AnimatePresence, LayoutGroup } from 'framer-motion'; import { RiArrowUpSLine, RiDiscLine } from 'react-icons/ri'; import { generatePath, Link } from 'react-router-dom'; +import styled from 'styled-components'; import { Button, Text } from '@/renderer/components'; import { AppRoute } from '@/renderer/router/routes'; import { useAppStore, usePlayerStore } from '@/renderer/store'; @@ -56,17 +56,17 @@ const PlayerbarImage = styled.img` background-size: cover; `; -const LineItem = styled.div<{ secondary?: boolean }>` +const LineItem = styled.div<{ $secondary?: boolean }>` display: inline-block; width: 95%; max-width: 30vw; overflow: hidden; - color: ${(props) => props.secondary && 'var(--main-fg-secondary)'}; + color: ${(props) => props.$secondary && 'var(--main-fg-secondary)'}; white-space: nowrap; text-overflow: ellipsis; a { - color: ${(props) => props.secondary && 'var(--text-secondary)'}; + color: ${(props) => props.$secondary && 'var(--text-secondary)'}; } `; @@ -129,7 +129,7 @@ export const LeftControls = () => { { {title || '—'} - + {artists?.map((artist, index) => ( <> {index > 0 && ( - + , )}{' '} { ))} - + { }); }; + const handleSettingsModal = () => { + openModal({ + centered: true, + children: , + size: 'xl', + title: 'Settings', + }); + }; + const handleSetCurrentServer = (serverId: string) => { const server = servers?.data.find((s) => s.id === serverId); if (!server) return; @@ -80,8 +90,8 @@ export const AppMenu = () => { return ( handleSetCurrentServer(s.id)} > @@ -95,7 +105,9 @@ export const AppMenu = () => { })} Search - Settings + + Settings + {permissions.createServer && ( diff --git a/src/renderer/features/titlebar/components/titlebar.tsx b/src/renderer/features/titlebar/components/titlebar.tsx index 4e9e70677..3c9b6d038 100644 --- a/src/renderer/features/titlebar/components/titlebar.tsx +++ b/src/renderer/features/titlebar/components/titlebar.tsx @@ -1,6 +1,6 @@ import { ReactNode } from 'react'; -import styled from '@emotion/styled'; import { Group } from '@mantine/core'; +import styled from 'styled-components'; import { Text } from '@/renderer/components'; import { ActivityMenu } from '@/renderer/features/titlebar/components/activity-menu'; import { AppMenu } from '@/renderer/features/titlebar/components/app-menu'; diff --git a/src/renderer/features/window-controls/components/window-controls.tsx b/src/renderer/features/window-controls/components/window-controls.tsx index ccb727779..13792f864 100644 --- a/src/renderer/features/window-controls/components/window-controls.tsx +++ b/src/renderer/features/window-controls/components/window-controls.tsx @@ -1,11 +1,11 @@ import { useState } from 'react'; -import styled from '@emotion/styled'; import isElectron from 'is-electron'; import { RiCheckboxBlankLine, RiCloseLine, RiSubtractLine, } from 'react-icons/ri'; +import styled from 'styled-components'; interface WindowControlsProps { style?: 'macos' | 'windows' | 'linux'; diff --git a/src/renderer/layouts/auth-layout.tsx b/src/renderer/layouts/auth-layout.tsx index 5ab4cb88b..46b34aff3 100644 --- a/src/renderer/layouts/auth-layout.tsx +++ b/src/renderer/layouts/auth-layout.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled'; import { Outlet } from 'react-router-dom'; +import styled from 'styled-components'; import { Titlebar } from '@/renderer/features/titlebar/components/titlebar'; const WindowsTitlebarContainer = styled.div` diff --git a/src/renderer/layouts/default-layout.tsx b/src/renderer/layouts/default-layout.tsx index 72100d845..8b4a57099 100644 --- a/src/renderer/layouts/default-layout.tsx +++ b/src/renderer/layouts/default-layout.tsx @@ -1,7 +1,7 @@ import { useCallback, useEffect, useRef, useState } from 'react'; -import styled from '@emotion/styled'; import { motion } from 'framer-motion'; import { Outlet } from 'react-router'; +import styled from 'styled-components'; import { SideQueue } from '@/renderer/features/side-queue/components/side-queue'; import { Titlebar } from '@/renderer/features/titlebar/components/titlebar'; import { useAppStore } from '@/renderer/store'; diff --git a/src/renderer/styles/fonts.ts b/src/renderer/styles/fonts.ts index bfe91a5a0..2130261ad 100644 --- a/src/renderer/styles/fonts.ts +++ b/src/renderer/styles/fonts.ts @@ -1,4 +1,4 @@ -import { css } from '@emotion/react'; +import { css } from 'styled-components'; export enum Font { EPILOGUE = 'Epilogue', diff --git a/src/renderer/styles/mixins.ts b/src/renderer/styles/mixins.ts index 5f4f9bdbc..099f3a407 100644 --- a/src/renderer/styles/mixins.ts +++ b/src/renderer/styles/mixins.ts @@ -1,4 +1,4 @@ -import { css } from '@emotion/react'; +import { css } from 'styled-components'; export const textEllipsis = css` overflow: hidden;