feat(support labels for scrolltop): labels for scrolltop

trycourier · Oct 27, 2023 · 7b6441e · 7b6441e
1 parent abea4c2
commit 7b6441e
Show file tree

Hide file tree

Showing 16 changed files with 44 additions and 34 deletions.
diff --git a/packages/client-api/package.json b/packages/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/client-api",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "main": "dist/index.js",
   "private": true,

diff --git a/packages/client-graphql/package.json b/packages/client-graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/client-graphql",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/components",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "private": true,
   "description": "Beautiful, easy React toast notifications",
   "author": "Courier <support@courier.com>",
@@ -18,11 +18,11 @@
   "license": "MIT",
   "dependencies": {
     "@trycourier/courier": "^1.3.0",
-    "@trycourier/react-brand-designer": "^4.3.2",
-    "@trycourier/react-inbox": "^4.3.2",
-    "@trycourier/react-preferences": "^4.3.2",
-    "@trycourier/react-provider": "^4.3.2",
-    "@trycourier/react-toast": "^4.3.2",
+    "@trycourier/react-brand-designer": "^4.4.0",
+    "@trycourier/react-inbox": "^4.4.0",
+    "@trycourier/react-preferences": "^4.4.0",
+    "@trycourier/react-provider": "^4.4.0",
+    "@trycourier/react-toast": "^4.4.0",
     "babel-loader": "^8.0.6",
     "babel-preset-preact": "^2.0.0",
     "camel-case": "^4.1.2",

diff --git a/packages/react-brand-designer/package.json b/packages/react-brand-designer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-brand-designer",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "Embeddable brand designer for multi-channel notifications",
   "homepage": "https://github.com/trycourier/courier-react/tree/main/packages/react-elements#readme",
   "license": "ISC",
@@ -29,7 +29,7 @@
     "url": "https://github.com/trycourier/courier-react/issues"
   },
   "dependencies": {
-    "@trycourier/react-elements": "^4.3.2",
+    "@trycourier/react-elements": "^4.4.0",
     "rimraf": "^3.0.2"
   },
   "devDependencies": {

diff --git a/packages/react-elements/package.json b/packages/react-elements/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-elements",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "Shareable components for each Courier package",
   "author": "Drew Youngwerth <drew@youngwerth.com>",
   "homepage": "https://github.com/trycourier/courier-react/tree/main/packages/react-elements#readme",

diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-hooks",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -20,7 +20,7 @@
     "concat-md": "^0.3.5"
   },
   "dependencies": {
-    "@trycourier/client-graphql": "^4.3.2",
+    "@trycourier/client-graphql": "^4.4.0",
     "deep-extend": "^0.6.0",
     "rimraf": "^3.0.2"
   },

diff --git a/packages/react-inbox-next/package.json b/packages/react-inbox-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-inbox-next",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "private": true,
   "main": "dist/index.js",

diff --git a/packages/react-inbox/README.md b/packages/react-inbox/README.md
@@ -364,6 +364,7 @@ interface InboxProps {
     markAllAsRead?: string;
     markAsRead?: string;
     markAsUnread?: string;
+    scrollTop?: string | (count: string) => string;
   }
 
   // Placement of the Bell relative to the Inbox

diff --git a/packages/react-inbox/package.json b/packages/react-inbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-inbox",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -20,10 +20,10 @@
   "dependencies": {
     "@fontsource/poppins": "^4.5.9",
     "@tippyjs/react": "^4.2.3",
-    "@trycourier/client-graphql": "^4.3.2",
-    "@trycourier/react-elements": "^4.3.2",
-    "@trycourier/react-hooks": "^4.3.2",
-    "@trycourier/react-preferences": "^4.3.2",
+    "@trycourier/client-graphql": "^4.4.0",
+    "@trycourier/react-elements": "^4.4.0",
+    "@trycourier/react-hooks": "^4.4.0",
+    "@trycourier/react-preferences": "^4.4.0",
     "classnames": "^2.2.6",
     "date-fns": "^2.19.0",
     "deep-extend": "^0.6.0",

diff --git a/packages/react-inbox/src/components/Messages2.0/index.tsx b/packages/react-inbox/src/components/Messages2.0/index.tsx
@@ -304,6 +304,14 @@ const Messages: React.ForwardRefExoticComponent<
     };
 
     const scrollTopMessage = useMemo(() => {
+      if (typeof labels?.scrollTop === "string") {
+        return labels?.scrollTop;
+      }
+
+      if (typeof labels?.scrollTop === "function") {
+        return labels?.scrollTop(pinned.length);
+      }
+
       if (pinned.length) {
         const label =
           brand?.inapp?.slots?.length === 1
@@ -314,7 +322,7 @@ const Messages: React.ForwardRefExoticComponent<
       }
 
       return "Scroll Top";
-    }, [pinned.length, brand]);
+    }, [pinned.length, brand, labels?.scrollTop]);
 
     return (
       <ResponsiveContainer ref={ref} isMobile={isMobile}>

diff --git a/packages/react-inbox/src/types.ts b/packages/react-inbox/src/types.ts
@@ -62,6 +62,7 @@ export interface InboxProps {
     markAllAsRead?: string;
     markAsRead?: string;
     markAsUnread?: string;
+    scrollTop?: string | ((count: string) => string);
   };
   onEvent?: OnEvent;
   openLinksInNewTab?: boolean;

diff --git a/packages/react-preferences/package.json b/packages/react-preferences/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-preferences",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
   "scripts": {
@@ -23,7 +23,7 @@
   ],
   "license": "ISC",
   "dependencies": {
-    "@trycourier/react-hooks": "^4.3.2",
+    "@trycourier/react-hooks": "^4.4.0",
     "react-toggle": "^4.1.2",
     "styled-components": "^5.3.6"
   }

diff --git a/packages/react-provider/package.json b/packages/react-provider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-provider",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -16,7 +16,7 @@
   },
   "license": "ISC",
   "dependencies": {
-    "@trycourier/client-graphql": "^4.3.2",
+    "@trycourier/client-graphql": "^4.4.0",
     "buffer": "^6.0.3",
     "jwt-decode": "^3.1.2",
     "react-use": "^17.2.1",

diff --git a/packages/react-toast/package.json b/packages/react-toast/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/react-toast",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "Beautiful, easy React toast notifications",
   "main": "dist/index.js",
   "types": "typings/index.d.ts",
@@ -24,7 +24,7 @@
     "concat-md": "^0.3.5"
   },
   "dependencies": {
-    "@trycourier/react-hooks": "^4.3.2",
+    "@trycourier/react-hooks": "^4.4.0",
     "deep-extend": "^0.6.0",
     "markdown-to-jsx": "7.1.7",
     "react-toastify": "^9.1.3",

diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/storybook",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "private": true,
   "description": "Beautiful, easy React toast notifications",
   "author": "Courier <support@courier.com>",
@@ -23,12 +23,12 @@
     "@storybook/addon-links": "^6.5.9",
     "@storybook/addon-viewport": "^6.5.9",
     "@storybook/react": "^6.5.9",
-    "@trycourier/components": "^4.3.2",
-    "@trycourier/react-brand-designer": "^4.3.2",
-    "@trycourier/react-inbox": "^4.3.2",
-    "@trycourier/react-preferences": "^4.3.2",
-    "@trycourier/react-provider": "^4.3.2",
-    "@trycourier/react-toast": "^4.3.2",
+    "@trycourier/components": "^4.4.0",
+    "@trycourier/react-brand-designer": "^4.4.0",
+    "@trycourier/react-inbox": "^4.4.0",
+    "@trycourier/react-preferences": "^4.4.0",
+    "@trycourier/react-provider": "^4.4.0",
+    "@trycourier/react-toast": "^4.4.0",
     "react-frame-component": "^5.2.3",
     "react-markdown": "^8.0.1",
     "rehype-raw": "^6.1.1",

diff --git a/packages/types/package.json b/packages/types/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@trycourier/types",
   "private": true,
-  "version": "4.3.2",
+  "version": "4.4.0",
   "main": "index.d.ts",
   "types": "index.d.ts",
   "scripts": {}