slack-blocks-to-jsx 0.3.3 → 0.3.4

package/dist/index.d.mts

@@ -1097,7 +1097,7 @@ type Hooks = {
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    emoji?: (emoji_text: string) => ReactNode;
+    emoji?: (emoji_text: string) => string;
     date?: (data: {
         timestamp: string;
         format: string;

package/dist/index.d.ts

@@ -1097,7 +1097,7 @@ type Hooks = {
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    emoji?: (emoji_text: string) => ReactNode;
+    emoji?: (emoji_text: string) => string;
     date?: (data: {
         timestamp: string;
         format: string;

package/dist/index.js

@@ -2758,7 +2758,7 @@ var TextObject = (props) => {
   const { type, text, emoji, verbatim = false } = props.data;
   const { className = "" } = props;
   const { channels, users, hooks } = useGlobalData();
-  let emoji_parsed = type == "mrkdwn" ? parseEmojis(text) : emoji === false ? text : parseEmojis(text);
+  let emoji_parsed = type == "mrkdwn" ? hooks.emoji ? hooks.emoji(text) : parseEmojis(text) : emoji === false ? text : hooks.emoji ? hooks.emoji(text) : parseEmojis(text);
   emoji_parsed = emoji_parsed.replace(/&gt;/g, "> ").replace(/&lt;/g, "<");
   if (type === "plain_text")
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className, children: markdown_parser(emoji_parsed, { markdown: false, users, channels, hooks }) });

package/dist/index.mjs

@@ -2725,7 +2725,7 @@ var TextObject = (props) => {
   const { type, text, emoji, verbatim = false } = props.data;
   const { className = "" } = props;
   const { channels, users, hooks } = useGlobalData();
-  let emoji_parsed = type == "mrkdwn" ? parseEmojis(text) : emoji === false ? text : parseEmojis(text);
+  let emoji_parsed = type == "mrkdwn" ? hooks.emoji ? hooks.emoji(text) : parseEmojis(text) : emoji === false ? text : hooks.emoji ? hooks.emoji(text) : parseEmojis(text);
   emoji_parsed = emoji_parsed.replace(/&gt;/g, "> ").replace(/&lt;/g, "<");
   if (type === "plain_text")
     return /* @__PURE__ */ jsx17("div", { className, children: markdown_parser(emoji_parsed, { markdown: false, users, channels, hooks }) });

package/package.json

@@ -11,7 +11,7 @@
   ],
   "repository": "https://github.com/themashcodee/slack-blocks-to-jsx.git",
   "license": "MIT",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/readme.md

@@ -66,6 +66,14 @@ This is the main component that renders the entire Slack message. It supports va
 - `unstyled?`: If true, disables all included styles. Default to false.
 - `withoutWrapper?`: If true, renders only the Slack blocks without any wrapper. Default to false.
 - `hooks?`: custom handlers for user, channel, broadcast, usergroup, emoji etc.
+  - user?: (input: { id: string; name: string }) = ReactNode
+  - channel?: (input: { id: string; name: string }) = ReactNode
+  - usergroup?: (input: { id: string; name: string }) = ReactNode
+  - atChannel?: () = ReactNode
+  - atEveryone?: () = ReactNode
+  - atHere?: () = ReactNode
+  - emoji?: (text:string) => string
+  - date?: (NOT SUPPORTED)
 - `data?`: optionally pass an array or users, channels and user groups to automatically be replaced with the user, channel and user group mentions.
 - `showBlockKitDebug?`: Show a link to open the message in the Slack Block Kit Builder, for debugging purposes. Defaults to false.
 
@@ -81,7 +89,7 @@ Each Slack block type has a corresponding component:
 - `File` (❌ not supported yet)
 - `Header` (✅ supported)
 - `Input` (🟨 partially supported)
-- `RichText` (✅ supported)
+- `RichText` (✅ supported, except [date parser](https://github.com/themashcodee/slack-blocks-to-jsx/issues/15))
 - `Video` (✅ supported)
 
 If you want a support of a particular block or element which is not supported yet so please raise a github issue or mail me at codeemash@gmail.com. I will try to push it asap.