Current Product Widget (#1482)

* Release latest to Stage (#988) * Add French translation and set the language selection (#978) * should be almost set * dropdown styling * done with translation * nits here and there * Apply suggestions from code review Co-authored-by: Michael Yankelev <[email protected]> * missing translations * add locale with dayjs * lingui extract Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: GitHub Actions <[email protected]> * Fix design nits (#987) * setup warning * colors * icon * buttons * dropdown menu 14 * images * nits * title too big and switch buttons order * Apply suggestions from code review Co-authored-by: Michael Yankelev <[email protected]> * update link closes #849 Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: GitHub Actions <[email protected]> * fix link (#1025) * create buckets for new users * remove depraecated files call * Roughly done * Debugging * [Storage] Copy cid functionality (#1437) * Copy features added, overflow issue still present * Swapped to button * lingui extract * Updated button * lingui extract * Apply suggestions from code review Co-authored-by: Thibaut Sardan <[email protected]> * Fixed size * lingui extract * minmax * lingui extract * revert unrelated changes * lingui extract * Apply suggestions from code review Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * [STORAGE] Rename file in bucket (#1471) * formik submit not firing * fix mobile * lingui extract * Update packages/storage-ui/src/Components/Modules/FileSystemItem/FileSystemTableItem.tsx Co-authored-by: Thibaut Sardan <[email protected]> * make eslint :) Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * 10min timeout for everyone (#1472) * Translated using Weblate (French) (#1478) Currently translated at 100.0% (262 of 262 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ Co-authored-by: J. Lavoie <[email protected]> * lingui extract * add ui tests for search (#1479) * bump cypress to v8.3.1 (#1480) * Sharing feature explainer (#1477) * refactor modal * steps logic * image centered * lingui extract * lingui extract * typo * refactor with hook, change icon, ad to share menu * nits * fix storage building Co-authored-by: GitHub Actions <[email protected]> * Adding multi selects on mobile view with long press (#1470) * using long press * dragg preview problems * typos * events almost ready * resets * long press options * long press updates * formats * dark mode colors * added hover with breakpoints * lingui extract * Apply suggestions from code review Co-authored-by: Thibaut Sardan <[email protected]> * curly spacing * borders * clicks proper placement * reverted linting * removed preview on mobile Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> * bump to 1.18.5 (#1493) * [Files] - New survey - Discord link and tiny fix (#1487) * a nice mix of things * lingui extract Co-authored-by: GitHub Actions <[email protected]> * Translations update from Weblate (#1496) * Translated using Weblate (French) Currently translated at 100.0% (266 of 266 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (German) Currently translated at 73.3% (195 of 266 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/ Co-authored-by: J. Lavoie <[email protected]> * update axios (#1498) * Added docs link (#1497) * Added doc link * lingui extract Co-authored-by: GitHub Actions <[email protected]> * Compiling * upgrade (#1501) * Published (#1503) Co-authored-by: Tanmoy Basak Anjan <[email protected]> * Add ui tests for file preview (#1489) * Toasts refactor (#1495) * Toast content ready * toast animations * toasts before relative positioning * component ready, start integration * normal notifications ready * downloads ready * toasts ready * toasts inn storage * Toasts refactor okk * lingui extract * minor changes * Update packages/common-components/src/index.ts Co-authored-by: Ryan Noble <[email protected]> * translates * post merge updates * translates update * progress and overrides * updates in lock file * updates ready * lingui extract * removing dark theme from storage and gaming * Update packages/common-components/src/Toasts/types.ts Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * toasts types * missed type updates * update element identifier for toast * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContent.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * download error messages * Update packages/common-components/src/Toasts/types.ts Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx Co-authored-by: Thibaut Sardan <[email protected]> * lingui extract * Update packages/files-ui/src/App.tsx Co-authored-by: Thibaut Sardan <[email protected]> * storybooks update * using usref (#1513) Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Ryan Noble <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Andrew Snaith <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Progress cancellations (#1500) * Toast content ready * toast animations * toasts before relative positioning * component ready, start integration * normal notifications ready * downloads ready * toasts ready * toasts inn storage * Toasts refactor okk * lingui extract * minor changes * Update packages/common-components/src/index.ts Co-authored-by: Ryan Noble <[email protected]> * translates * post merge updates * translates update * progress and overrides * updates in lock file * updates ready * lingui extract * removing dark theme from storage and gaming * Update packages/common-components/src/Toasts/types.ts Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * toasts types * missed type updates * uploads ready * uploads ready * lingui extract * update element identifier for toast * cancel source tokens * toasts added * Update packages/common-components/src/stories/Toasts.stories.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContent.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/common-components/src/Toasts/ToastContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * download error messages * Update packages/common-components/src/Toasts/types.ts Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Components/Modules/FileBrowsers/CSFFileBrowser.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Components/Modules/FileBrowsers/SharedFileBrowser.tsx Co-authored-by: Thibaut Sardan <[email protected]> * lingui extract * resolved errors and lints * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * added closabble states * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Ryan Noble <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Andrew Snaith <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * survey banner on safari fix (#1512) * banner fix * Update packages/files-ui/src/Components/SurveyBanner.tsx Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * fix what I broke (#1518) Co-authored-by: Tanmoy Basak Anjan <[email protected]> * Change the survey to a call for a user interview (#1517) * change fore a user interview call * lingui extract * Apply suggestions from code review Co-authored-by: Andrew Snaith <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Andrew Snaith <[email protected]> * bump cypress to v8.4 (#1521) * Translations update from Weblate (#1522) * Translated using Weblate (French) Currently translated at 100.0% (271 of 271 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (German) Currently translated at 71.9% (195 of 271 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/ Co-authored-by: J. Lavoie <[email protected]> * Adjusting login screen sizes. (#1519) * login screen sizes * check for instanceof Error Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Gaming Dashboard overhaul (#1504) * Updating the dashboard api * Reflected functionality * lingui extract * CS favicon * Update packages/gaming-ui/src/Components/Modules/ApiKeys.tsx Co-authored-by: Thibaut Sardan <[email protected]> * Update packages/gaming-ui/src/Components/Pages/LoginPage.tsx Co-authored-by: Tanmoy Basak Anjan <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> * bulk recover operation (#1526) * recovers working * removed consoles * Add new ui tests for illogical folder and file move errors (#1520) * Add tests for illogical folder move attempts * Add new check to spec file * Finalize changes to spec file * Removed string checking following PR feedback Co-authored-by: Thibaut Sardan <[email protected]> * Posthog Analytics Integration (#1514) * added posthog integration * Banner logic working correctly * handle uninitialized posthog * fix lint * extract messages * lingui extract * resolve warning Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> * Translated using Weblate (French) (#1528) Currently translated at 100.0% (272 of 272 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ Co-authored-by: J. Lavoie <[email protected]> * [Files] - Share to home or other shared folder (#1527) * share to home or other shared folder * small changes for a better UX * lingui extract * lingui extract * Update packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx Co-authored-by: Tanmoy Basak Anjan <[email protected]> * fix console warnings Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> * Folder uploads (#1515) * add basic folder upload * wire up folder uploads for modal * Rename Modal * fix types * remove types * lingui extract * fix lint * add source attribution * lingui extract * incorporate feedback * lingui extract * fix lint * Fix casing * Rename component for consistency * lingui extract * clean up types Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Ryan Noble <[email protected]> * Translated using Weblate (French) (#1532) Currently translated at 100.0% (276 of 276 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ Co-authored-by: J. Lavoie <[email protected]> * Don't track before opt-in (#1531) * dont track users before they opt-in * nits and remove log, calls are still fires * default to not track * lingui extract * with init check * Update packages/files-ui/src/Contexts/PosthogContext.tsx Co-authored-by: Michael Yankelev <[email protected]> * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> * [Files] - Show current bucket decryption key (#1534) * show current bucket decryption key * lingui extract Co-authored-by: GitHub Actions <[email protected]> * [Files] - Get admin public key from the api (#1485) * bump * use api client * merge dev * lingui extract * support several keys * wih scroll because pub/decryption key are long Co-authored-by: GitHub Actions <[email protected]> * Add lint rules for test debug commands (#1535) * prevent double opening (#1538) * Add test coverage for storage summary adjustments (#1536) * Translated using Weblate (French) (#1540) Currently translated at 100.0% (278 of 278 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ Co-authored-by: J. Lavoie <[email protected]> * Better colors for dark mode select and tagsinput components (#1550) * better colors for dark mode * lingui extract * fix typo Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: GitHub Actions <[email protected]> * Filter out current bucket (#1548) * filter out current bucket * Update packages/files-ui/src/Components/Modules/FileBrowsers/ShareModal.tsx * fix color (#1555) * Fix user lookup spamming the api, and throwing (#1553) * oh yeaah * lingui extract * lingui extract * Apply suggestions from code review * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> * Upgrade Torus dependencies (#1549) * [wip] update dependencies * Revert "[wip] update dependencies" This reverts commit 04b593b. * update torus dependencies * fix storage test Co-authored-by: Thibaut Sardan <[email protected]> * reset fields for shared folders (#1577) * reset forms and fix a couple error types (#1578) * Translations update from Weblate (#1557) * Translated using Weblate (French) Currently translated at 100.0% (281 of 281 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (German) Currently translated at 69.7% (196 of 281 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/ Co-authored-by: J. Lavoie <[email protected]> * hide when ther's no menu item (#1576) * Add "maintenance" label to weblate PRs automatically (#1581) * Upgrade api client and fix issue with shared folder renaming (#1582) * upgrade api client and fix issue * Update packages/files-ui/src/Contexts/FilesContext.tsx * lingui extract Co-authored-by: GitHub Actions <[email protected]> * run lint --fix (#1585) * Gaming dashboard - API keys as cards (#1575) * Dashboard cards done * lingui extract * extra padding * Apply suggestions from code review Co-authored-by: Thibaut Sardan <[email protected]> * lingui extract * Feedback * Removed link * Apply suggestions from code review * Made warning bigger * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> * New navigations buttons (#1574) * wip * lingui extract * center and add posthog * Update .eslintrc.json * Add team feature fake door (#1587) * wip * modal and tracking * use data-posthog instead Co-authored-by: GitHub Actions <[email protected]> * fix tertiary buttons (#1592) * Posthog identify user on login (#1590) * identify user on login * fix effect deps * show username if known (#1597) * remove fade effect (#1598) * Translations update from Weblate (#1599) * Translated using Weblate (French) Currently translated at 100.0% (285 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (German) Currently translated at 71.2% (203 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/ * Update packages/files-ui/src/locales/fr/messages.po Co-authored-by: J. Lavoie <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Mv and rm batch calls (#1596) * wire up all api calls * lingui extract * fix lint * move to helper * fix linting * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> * refresh buckets after deletion (#1604) * Toast messages update (#1602) * messages updated * lingui extract Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Translations update from Weblate (#1600) * Translated using Weblate (French) Currently translated at 100.0% (285 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (Norwegian Bokmål) Currently translated at 41.4% (118 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/nb_NO/ * Translated using Weblate (Norwegian Bokmål) Currently translated at 41.4% (118 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/nb_NO/ * Translated using Weblate (German) Currently translated at 71.2% (203 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/de/ * Translated using Weblate (Spanish) Currently translated at 56.1% (160 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/es/ Co-authored-by: J. Lavoie <[email protected]> Co-authored-by: Allan Nordhøy <[email protected]> * Translated using Weblate (Norwegian Bokmål) (#1607) Currently translated at 41.4% (118 of 285 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/nb_NO/ * Fix move single file and test (#1608) * fix move single file and test * remove only * lingui extract Co-authored-by: GitHub Actions <[email protected]> * bump cypress to v8.5 (#1609) * Migrate to API local store cache (#1591) * Updating for local store manager * lingui extract * Wired up store * lingui extract * Localstore for Files wired up * lingui extract * lingui extract * Removed done * Update packages/files-ui/src/Contexts/UserContext.tsx Co-authored-by: Tanmoy Basak Anjan <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> * webkit color added (#1612) * added resolve browser (#1613) Co-authored-by: Thibaut Sardan <[email protected]> * Detect and dismiss toasts in ui tests (#1610) * bump cypress to v8.5 * define necessary toast identifiers * redefine toasts as separate test objects * update spec file with new toast interaction, detect and dismiss * make toast close button identifiers unique * Add more checks for toasts for greater reliability Co-authored-by: Michael Yankelev <[email protected]> * Adding new client * update tests for unsupported preview * Wired up to subscription * Transfer multiple files and folders (#1606) * initial restructure * folder transfers * sharing working as expected * sharing is ready * toasts and error handling * error messages * transfer progress ready * lingui extract * Update packages/files-ui/src/Contexts/FilesContext.tsx Co-authored-by: Thibaut Sardan <[email protected]> * using reduce and handling each file share error * updated terms * lingui extract * added no files check * lingui extract * share messages * lingui extract * lint Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Translations update from Weblate (#1625) * Translated using Weblate (French) Currently translated at 100.0% (282 of 282 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ * Translated using Weblate (French) Currently translated at 100.0% (294 of 294 strings) Translation: ChainSafe Files/Chainsafe Files user interface Translate-URL: https://hosted.weblate.org/projects/chainsafe-files/chainsafe-files-user-interface/fr/ Co-authored-by: J. Lavoie <[email protected]> * generate po files * Cleaned messages * Cleaned up styling * Fixed spacing mobile * Added back rouding * fix bad merge * Fixed lint * Apply suggestions from code review Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> * Fixed lint * Update packages/files-ui/src/Components/Modules/Settings/index.tsx Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: GitHub Actions <[email protected]> Co-authored-by: Michael Yankelev <[email protected]> Co-authored-by: Shiva <[email protected]> Co-authored-by: Cindy Chau <[email protected]> Co-authored-by: Tanmoy Basak Anjan <[email protected]> Co-authored-by: Andrew Snaith <[email protected]> Co-authored-by: Thibaut Sardan <[email protected]> Co-authored-by: Priom Chowdhury <[email protected]> Co-authored-by: Weblate (bot) <[email protected]> Co-authored-by: J. Lavoie <[email protected]> Co-authored-by: Andrew Snaith <[email protected]> Co-authored-by: Weblate (bot) <[email protected]> Co-authored-by: Allan Nordhøy <[email protected]>
ChainSafe · Oct 19, 2021 · 963e514 · 963e514
1 parent 8448f58
commit 963e514
Show file tree

Hide file tree

Showing 90 changed files with 1,988 additions and 1,642 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -25,7 +25,7 @@
   "rules": {
     "comma-spacing": ["error", { "before": false, "after": true }],
     "cypress/no-pause": "error",
-    "indent": ["error", 2],
+    "@typescript-eslint/indent": ["error", 2],
     "linebreak-style": ["error", "unix"],
     "quotes": ["error", "double"],
     "semi": ["error", "never"],

diff --git a/packages/common-components/rollup.config.js b/packages/common-components/rollup.config.js
@@ -20,7 +20,7 @@ export default {
   plugins: [
     peerDepsExternal(),
     image(),
-    resolve(),
+    resolve({ browser: true }),
     commonjs(),
     typescript(),
     postcss({

diff --git a/packages/common-components/src/Button/Button.tsx b/packages/common-components/src/Button/Button.tsx
@@ -7,7 +7,6 @@ import { Typography } from "../Typography"
 const useStyles = makeStyles(
   ({ constants, typography, animation, palette, overrides }: ITheme) =>
     createStyles({
-      // JSS in CSS goes here
       root: {
         ...typography.button,
         borderRadius: `${constants.generalUnit / 4}px`,
@@ -110,6 +109,29 @@ const useStyles = makeStyles(
         },
         ...overrides?.Button?.variants?.secondary?.root
       },
+      tertiary: {
+        backgroundColor: palette.additional["gray"][3],
+        color: palette.common.black.main,
+        "& svg": {
+          fill: palette.common.white.main
+        },
+        "&:hover": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.hover
+        },
+        "&:focus": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.focus
+        },
+        "&:active": {
+          backgroundColor: palette.primary.main,
+          color: palette.common.white.main,
+          ...overrides?.Button?.variants?.tertiary?.active
+        },
+        ...overrides?.Button?.variants?.tertiary?.root
+      },
       outline: {
         color: palette.additional["gray"][8],
         backgroundColor: palette.common?.white.main,
@@ -271,7 +293,7 @@ interface IButtonProps extends Omit<ReactButton, "size"> {
   className?: string
   children?: ReactNode | ReactNode[]
   fullsize?: boolean
-  variant?: "link" | "primary" | "secondary" | "outline" | "dashed" | "danger"
+  variant?: "link" | "primary" | "secondary" |"tertiary" | "outline" | "dashed" | "danger"
   iconButton?: boolean
   size?: "large" | "medium" | "small"
   type?: "button" | "submit" | "reset"

diff --git a/packages/common-components/src/Icons/types.d.ts b/packages/common-components/src/Icons/types.d.ts
@@ -4,7 +4,7 @@ type fontSizeProp = "inherit" | "small" | "medium" | "large"
 declare module "*.svg" {
   import React = require("react")
   export const ReactComponent: React.FunctionComponent<React.SVGProps<
-    SVGSVGElement
+  SVGSVGElement
   >>
   const src: string
   export default src

diff --git a/packages/common-components/src/MenuDropdown/MenuDropdown.tsx b/packages/common-components/src/MenuDropdown/MenuDropdown.tsx
@@ -162,12 +162,12 @@ interface IMenuDropdownProps {
   indicator?: typeof SvgIcon
   animation?: "rotate" | "flip" | "none"
   anchor?:
-    | "top-left"
-    | "top-center"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-center"
-    | "bottom-right"
+  | "top-left"
+  | "top-center"
+  | "top-right"
+  | "bottom-left"
+  | "bottom-center"
+  | "bottom-right"
   menuItems: IMenuItem[]
   title?: string
   classNames?: {

diff --git a/packages/common-components/src/TextInput/TextInput.tsx b/packages/common-components/src/TextInput/TextInput.tsx
@@ -72,6 +72,7 @@ const useStyles = makeStyles(
         "&.disabled": {
           "& input": {
             color: palette.additional["gray"][6],
+            "-webkit-text-fill-color": palette.additional["gray"][6],
             backgroundColor: palette.additional["gray"][3],
             ...overrides?.TextInput?.input?.disabled
           },

diff --git a/packages/common-components/src/Toasts/ToastContent.tsx b/packages/common-components/src/Toasts/ToastContent.tsx
@@ -7,7 +7,7 @@ import { CheckCircleIcon, CloseCircleIcon, CloseCirceSvg, CrossSvg } from "../Ic
 import { ProgressBar } from "../ProgressBar"
 import { Loading } from "../Spinner"
 
-const useStyles = makeStyles(({ constants, palette, animation, overrides }: ITheme) => {
+const useStyles = makeStyles(({ constants, palette, overrides }: ITheme) => {
   return createStyles({
     root: {
       backgroundColor: palette.additional["gray"][3],
@@ -16,10 +16,6 @@ const useStyles = makeStyles(({ constants, palette, animation, overrides }: IThe
       padding: constants.generalUnit * 2,
       borderRadius: 4,
       position: "relative",
-      "&:hover $closeIcon": {
-        visibility: "visible",
-        opacity: 1
-      },
       ...overrides?.Toasts?.root
     },
     progressBox: {
@@ -66,9 +62,6 @@ const useStyles = makeStyles(({ constants, palette, animation, overrides }: IThe
       backgroundColor: palette.additional["gray"][1],
       border: "1px solid",
       borderColor: palette.additional["gray"][9],
-      opacity: 0,
-      visibility: "hidden",
-      transition: `opacity ${animation.transform}ms`,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -147,6 +140,7 @@ const ToastContent = ({ toast, onClose }: ToastContentProps) => {
       }
       {isClosable &&
         <div
+          data-testid={`button-close-toast-${toast.testId}`}
           className={classes.closeIcon}
           onClick={onClose}
         >

diff --git a/packages/common-components/src/Typography/Typography.tsx b/packages/common-components/src/Typography/Typography.tsx
@@ -78,18 +78,18 @@ interface OwnProps extends React.HTMLProps<HTMLDivElement> {
   className?: string
   children?: ReactNode | ReactNode[]
   variant?:
-    | "h1"
-    | "h2"
-    | "h3"
-    | "h4"
-    | "h5"
-    | "h6"
-    | "subtitle1"
-    | "subtitle2"
-    | "body1"
-    | "body2"
-    | "caption"
-    | "button"
+  | "h1"
+  | "h2"
+  | "h3"
+  | "h4"
+  | "h5"
+  | "h6"
+  | "subtitle1"
+  | "subtitle2"
+  | "body1"
+  | "body2"
+  | "caption"
+  | "button"
   component?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p"
 }
 

diff --git a/packages/common-components/src/index.ts b/packages/common-components/src/index.ts
@@ -20,6 +20,7 @@ export * from "./Icons"
 export * from "./Modal"
 export * from "./NumberInput"
 export * from "./MenuDropdown"
+export * from "./Paper"
 export * from "./ProgressBar"
 export * from "./RadioInput"
 export * from "./Router"

diff --git a/packages/common-components/src/stories/Button.stories.tsx b/packages/common-components/src/stories/Button.stories.tsx
@@ -15,7 +15,7 @@ export const actionsData = {
   onClick: action("onClickButton")
 }
 
-type VariantOption = "primary" | "outline" | "dashed" | "danger" | undefined;
+type VariantOption = "primary" | "secondary" | "tertiary" | "outline" | "dashed" | "danger" | undefined;
 const variantOptions: VariantOption[] = [
   "primary",
   "outline",

diff --git a/packages/common-components/src/stories/Typography.stories.tsx b/packages/common-components/src/stories/Typography.stories.tsx
@@ -15,17 +15,17 @@ export const actionsData = {
 }
 
 type VariantOption = "h1"
-  |"h2"
-  |"h3"
-  |"h4"
-  |"h5"
-  |"h6"
-  |"subtitle1"
-  |"subtitle2"
-  |"body1"
-  |"body2"
-  |"caption"
-  |"button"
+|"h2"
+|"h3"
+|"h4"
+|"h5"
+|"h6"
+|"subtitle1"
+|"subtitle2"
+|"body1"
+|"body2"
+|"caption"
+|"button"
 
 const variantOptions: VariantOption[] = [
   "h1",

diff --git a/packages/common-theme/src/Create/CreateBreakpoints.ts b/packages/common-theme/src/Create/CreateBreakpoints.ts
@@ -6,10 +6,10 @@
 export type Overwrite<T, U> = Omit<T, keyof U> & U
 
 type GenerateStringUnion<T> = Extract<
-  {
-    [Key in keyof T]: true extends T[Key] ? Key : never
-  }[keyof T],
-  string
+{
+  [Key in keyof T]: true extends T[Key] ? Key : never
+}[keyof T],
+string
 >
 
 /**
@@ -22,18 +22,18 @@ type GenerateStringUnion<T> = Extract<
  * @internal
  */
 export type OverridableStringUnion<T, U = Record<any, any>> = GenerateStringUnion<
-  Overwrite<T, U>
+Overwrite<T, U>
 >
 
 export type BreakpointDefaults = Record<
-  "xs" | "sm" | "md" | "lg" | "xl" | string,
-  true
+"xs" | "sm" | "md" | "lg" | "xl" | string,
+true
 >
 export interface BreakpointOverrides {[key: string]: unknown}
 
 export type Breakpoint = OverridableStringUnion<
-  BreakpointDefaults,
-  BreakpointOverrides
+BreakpointDefaults,
+BreakpointOverrides
 >
 export type BreakpointValues = { [key in Breakpoint]: number }
 export const keys: Breakpoint[] = []
@@ -49,10 +49,10 @@ export interface IBreakpoints {
 }
 
 export type BreakpointsOptions = Partial<
-  {
-    unit: string
-    step: number
-  } & IBreakpoints
+{
+  unit: string
+  step: number
+} & IBreakpoints
 >
 
 // Keep in mind that @media is inclusive by the CSS specification.

diff --git a/packages/common-theme/src/Defaults/ThemeConfig.ts b/packages/common-theme/src/Defaults/ThemeConfig.ts
@@ -169,7 +169,7 @@ const DefaultThemeConfig: IThemeConfig = {
     },
     button: {
       ...defaultFontStyles,
-      fontWeight: defaultFontWeights.regular,
+      fontWeight: defaultFontWeights.semibold,
       fontSize: 14,
       lineHeight: "22px"
     },

diff --git a/packages/common-theme/src/Hooks/useDoubleClick.ts b/packages/common-theme/src/Hooks/useDoubleClick.ts
@@ -9,12 +9,12 @@ export function useDoubleClick(
   const onClick = useCallback((e?: React.MouseEvent) => {
     if (e) {
       switch (e.detail) {
-      case 1:
-        actionSingleClick && actionSingleClick(e)
-        break
-      case 2:
-        actionDoubleClick && actionDoubleClick(e)
-        break
+        case 1:
+          actionSingleClick && actionSingleClick(e)
+          break
+        case 2:
+          actionDoubleClick && actionDoubleClick(e)
+          break
       }
     }
   }, [actionSingleClick, actionDoubleClick])

diff --git a/packages/common-theme/src/Overrides/Button.ts b/packages/common-theme/src/Overrides/Button.ts
@@ -24,6 +24,12 @@ export interface IButtonOverride {
       focus?: Record<string, any>
       active?: Record<string, any>
     }
+    tertiary?: {
+      root?: Record<string, any>
+      hover?: Record<string, any>
+      focus?: Record<string, any>
+      active?: Record<string, any>
+    }
     outline?: {
       root?: Record<string, any>
       hover?: Record<string, any>

diff --git a/packages/files-ui/cypress/support/page-objects/binPage.ts b/packages/files-ui/cypress/support/page-objects/binPage.ts
@@ -8,7 +8,6 @@ export const binPage = {
   // bin page specific file browser elements
   recoverSelectedButton: () => cy.get("[data-testId=button-recover-selected-file]"),
   deleteSelectedButton: () => cy.get("[data-testId=button-delete-selected-file]"),
-  permanentDeleteSuccessToast: () => cy.get("[data-testId=toast-deletion-success]", { timeout: 10000 }),
   selectAllCheckbox: () => cy.get("[data-testId=checkbox-select-all]"),
 
   // kebab menu elements

diff --git a/packages/files-ui/cypress/support/page-objects/homePage.ts b/packages/files-ui/cypress/support/page-objects/homePage.ts
@@ -1,6 +1,7 @@
 import { basePage } from "./basePage"
 import { fileBrowser } from "./fileBrowser"
 import { fileUploadModal } from "./modals/fileUploadModal"
+import { uploadCompleteToast } from "./toasts/uploadCompleteToast"
 
 export const homePage = {
   ...basePage,
@@ -12,8 +13,6 @@ export const homePage = {
   moveSelectedButton: () => cy.get("[data-testId=button-move-selected-file]"),
   deleteSelectedButton: () => cy.get("[data-testId=button-delete-selected-file]"),
   selectAllCheckbox: () => cy.get("[data-testId=checkbox-select-all]"),
-  uploadStatusToast: () => cy.get("[data-testId=toast-upload-status]", { timeout: 10000 }),
-  deleteSuccessToast: () => cy.get("[data-testId=toast-deletion-success]", { timeout: 10000 }),
   fileRenameInput: () => cy.get("[data-cy=rename-form] input"),
   fileRenameSubmitButton: () => cy.get("[data-cy=rename-submit-button]"),
   fileRenameErrorLabel: () => cy.get("[data-cy=rename-form] span.minimal.error"),
@@ -36,7 +35,8 @@ export const homePage = {
 
     // ensure upload is complete before proceeding
     fileUploadModal.body().should("not.exist")
-    this.uploadStatusToast().should("not.exist")
+    uploadCompleteToast.body().should("be.visible")
+    uploadCompleteToast.closeButton().click()
   }
 
 }

diff --git a/packages/files-ui/cypress/support/page-objects/toasts/deleteSuccessToast.ts b/packages/files-ui/cypress/support/page-objects/toasts/deleteSuccessToast.ts
@@ -0,0 +1,4 @@
+export const deleteSuccessToast = {
+  body: () => cy.get("[data-testId=toast-deletion-success]", { timeout: 10000 }),
+  closeButton: () => cy.get("[data-testid=button-close-toast-deletion-success]")
+}
diff --git a/packages/files-ui/cypress/support/page-objects/toasts/moveSuccessToast.ts b/packages/files-ui/cypress/support/page-objects/toasts/moveSuccessToast.ts
@@ -0,0 +1,4 @@
+export const moveSuccessToast = {
+  body: () => cy.get("[data-testId=toast-move-success]", { timeout: 10000 }),
+  closeButton: () => cy.get("[data-testid=button-close-toast-move-success]")
+}
diff --git a/packages/files-ui/cypress/support/page-objects/toasts/uploadCompleteToast.ts b/packages/files-ui/cypress/support/page-objects/toasts/uploadCompleteToast.ts
@@ -0,0 +1,4 @@
+export const uploadCompleteToast = {
+  body: () => cy.get("[data-testId=toast-upload-complete]", { timeout: 10000 }),
+  closeButton: () => cy.get("[data-testid=button-close-toast-upload-complete]")
+}