slack-blocks-to-jsx 0.1.8 → 0.2.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-type Element = ButtonElement | CheckboxesElement | DatePickerElement | DateTimePickerElement | EmailInputElement | ImageElement | MultiStaticSelectElement | MultiExternalSelectElement | MultiUsersSelectElement | MultiConversationsSelectElement | MultiChannelsSelectElement | NumberInputElement | OverflowMenuElement | PlainTextInputElement | RadioButtonsElement | StaticSelectElement | ExternalSelectElement | UsersSelectElement | ConversationsSelectElement | ChannelsSelectElement | TimePickerElement | UrlTextInputElement;
+type Element = ButtonElement | CheckboxesElement | DatePickerElement | DateTimePickerElement | EmailInputElement | ImageElement | MultiStaticSelectElement | MultiExternalSelectElement | MultiUsersSelectElement | MultiConversationsSelectElement | MultiChannelsSelectElement | NumberInputElement | OverflowMenuElement | PlainTextInputElement | RadioButtonsElement | StaticSelectElement | ExternalSelectElement | UsersSelectElement | ConversationsSelectElement | ChannelsSelectElement | TimePickerElement | UrlTextInputElement | RichTextBlockElement;
 type ButtonElement = {
     type: "button";
     /**
@@ -699,87 +699,6 @@ type FilterObject = {
     exclude_bot_users?: boolean;
 };
 
-type RichTextList = {
-    type: "rich_text_list";
-    style: "bullet" | "ordered";
-    /**
-     * The number of spaces to indent this block. It must be a number between 0 and 8.
-     */
-    indent?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    offset?: number;
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-    elements: RichTextSection[];
-};
-type RichTextPreformatted = {
-    type: "rich_text_preformatted";
-    elements: RichTextSectionElement[];
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-};
-type RichTextQuote = {
-    type: "rich_text_quote";
-    elements: RichTextSectionElement[];
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-};
-type RichTextSection = {
-    type: "rich_text_section";
-    elements: RichTextSectionElement[];
-};
-type RichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
-type RichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionUsergroup | RichTextSectionBroadcast;
-type RichTextSectionText = {
-    type: "text";
-    text: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionChannel = {
-    type: "channel";
-    channel_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionUser = {
-    type: "user";
-    user_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionEmoji = {
-    type: "emoji";
-    name: string;
-    skin_tone?: number;
-    unicode?: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionLink = {
-    type: "link";
-    url: string;
-    text: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionUsergroup = {
-    type: "usergroup";
-    usergroup_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionBroadcast = {
-    type: "broadcast";
-    range: "channel" | "here" | "everyone";
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionElementStyleWithCode = {
-    code?: boolean;
-    bold?: boolean;
-    italic?: boolean;
-    strike?: boolean;
-};
-
 type Block = ActionsBlock | ContextBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | SectionBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
@@ -1067,6 +986,93 @@ type RichTextBlock = {
     elements: RichTextBlockElement[];
 };
 
+type RichTextBlockSubElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type RichTextList = {
+    type: "rich_text_list";
+    style: "bullet" | "ordered";
+    /**
+     * The number of spaces to indent this block. It must be a number between 0 and 8.
+     */
+    indent?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    offset?: number;
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+    elements: RichTextSection[];
+};
+type RichTextPreformatted = {
+    type: "rich_text_preformatted";
+    elements: RichTextSectionElement[];
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+};
+type RichTextQuote = {
+    type: "rich_text_quote";
+    elements: RichTextSectionElement[];
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+};
+type RichTextSection = {
+    type: "rich_text_section";
+    elements: RichTextSectionElement[];
+};
+type RichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type RichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionUsergroup | RichTextSectionBroadcast;
+type RichTextSectionText = {
+    type: "text";
+    text: string;
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionChannel = {
+    type: "channel";
+    channel_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionUser = {
+    type: "user";
+    user_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionEmoji = {
+    type: "emoji";
+    name: string;
+};
+type RichTextSectionLink = {
+    type: "link";
+    url: string;
+    text: string;
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionUsergroup = {
+    type: "usergroup";
+    usergroup_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionBroadcast = {
+    type: "broadcast";
+    range: "channel" | "here" | "everyone";
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionElementStyle = {
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+    highlight?: boolean;
+    client_highlight?: boolean;
+    unlink?: boolean;
+};
+type RichTextSectionElementStyleCode = {
+    code?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+};
+
 type User = {
     id: string;
     name: string;
@@ -1081,7 +1087,8 @@ type Hooks = {
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    usergroup?: (data: Channel) => ReactNode;
+    usergroup?: (id: string) => ReactNode;
+    emoji?: (emoji_text: string) => ReactNode;
     date?: (data: {
         timestamp: string;
         format: string;
@@ -1092,6 +1099,7 @@ type Hooks = {
 type Data = {
     users: User[];
     channels: Channel[];
+    user_groups: Channel[];
     hooks: Hooks;
     setUsers: (users: User[]) => void;
     setChannels: (channels: Channel[]) => void;
@@ -1118,9 +1126,14 @@ type Props = {
     data?: {
         users?: GlobalStore["users"];
         channels?: GlobalStore["channels"];
+        user_groups?: GlobalStore["user_groups"];
     };
     hooks?: GlobalStore["hooks"];
+    /**
+     * If true, the header and the container which wraps the message will be removed and only the slack blocks will be returned.
+     */
+    withoutWrapper?: boolean;
 };
 declare const Message: (props: Props) => JSX.Element;
 
-export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OptionObjectWithoutUrl, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, RichTextBlock, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };
+export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OptionObjectWithoutUrl, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, RichTextBlock, RichTextBlockElement, RichTextBlockSubElement, RichTextList, RichTextPreformatted, RichTextQuote, RichTextSection, RichTextSectionBroadcast, RichTextSectionChannel, RichTextSectionElement, RichTextSectionElementStyle, RichTextSectionElementStyleCode, RichTextSectionEmoji, RichTextSectionLink, RichTextSectionText, RichTextSectionUser, RichTextSectionUsergroup, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-type Element = ButtonElement | CheckboxesElement | DatePickerElement | DateTimePickerElement | EmailInputElement | ImageElement | MultiStaticSelectElement | MultiExternalSelectElement | MultiUsersSelectElement | MultiConversationsSelectElement | MultiChannelsSelectElement | NumberInputElement | OverflowMenuElement | PlainTextInputElement | RadioButtonsElement | StaticSelectElement | ExternalSelectElement | UsersSelectElement | ConversationsSelectElement | ChannelsSelectElement | TimePickerElement | UrlTextInputElement;
+type Element = ButtonElement | CheckboxesElement | DatePickerElement | DateTimePickerElement | EmailInputElement | ImageElement | MultiStaticSelectElement | MultiExternalSelectElement | MultiUsersSelectElement | MultiConversationsSelectElement | MultiChannelsSelectElement | NumberInputElement | OverflowMenuElement | PlainTextInputElement | RadioButtonsElement | StaticSelectElement | ExternalSelectElement | UsersSelectElement | ConversationsSelectElement | ChannelsSelectElement | TimePickerElement | UrlTextInputElement | RichTextBlockElement;
 type ButtonElement = {
     type: "button";
     /**
@@ -699,87 +699,6 @@ type FilterObject = {
     exclude_bot_users?: boolean;
 };
 
-type RichTextList = {
-    type: "rich_text_list";
-    style: "bullet" | "ordered";
-    /**
-     * The number of spaces to indent this block. It must be a number between 0 and 8.
-     */
-    indent?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
-    offset?: number;
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-    elements: RichTextSection[];
-};
-type RichTextPreformatted = {
-    type: "rich_text_preformatted";
-    elements: RichTextSectionElement[];
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-};
-type RichTextQuote = {
-    type: "rich_text_quote";
-    elements: RichTextSectionElement[];
-    /**
-     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
-     */
-    border?: 0 | 1;
-};
-type RichTextSection = {
-    type: "rich_text_section";
-    elements: RichTextSectionElement[];
-};
-type RichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
-type RichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionUsergroup | RichTextSectionBroadcast;
-type RichTextSectionText = {
-    type: "text";
-    text: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionChannel = {
-    type: "channel";
-    channel_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionUser = {
-    type: "user";
-    user_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionEmoji = {
-    type: "emoji";
-    name: string;
-    skin_tone?: number;
-    unicode?: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionLink = {
-    type: "link";
-    url: string;
-    text: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionUsergroup = {
-    type: "usergroup";
-    usergroup_id: string;
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionBroadcast = {
-    type: "broadcast";
-    range: "channel" | "here" | "everyone";
-    style?: RichTextSectionElementStyleWithCode;
-};
-type RichTextSectionElementStyleWithCode = {
-    code?: boolean;
-    bold?: boolean;
-    italic?: boolean;
-    strike?: boolean;
-};
-
 type Block = ActionsBlock | ContextBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | SectionBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
@@ -1067,6 +986,93 @@ type RichTextBlock = {
     elements: RichTextBlockElement[];
 };
 
+type RichTextBlockSubElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type RichTextList = {
+    type: "rich_text_list";
+    style: "bullet" | "ordered";
+    /**
+     * The number of spaces to indent this block. It must be a number between 0 and 8.
+     */
+    indent?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    offset?: number;
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+    elements: RichTextSection[];
+};
+type RichTextPreformatted = {
+    type: "rich_text_preformatted";
+    elements: RichTextSectionElement[];
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+};
+type RichTextQuote = {
+    type: "rich_text_quote";
+    elements: RichTextSectionElement[];
+    /**
+     * 0 or 1 (default 0) - if 1, a border is drawn on the left side of the block.
+     */
+    border?: 0 | 1;
+};
+type RichTextSection = {
+    type: "rich_text_section";
+    elements: RichTextSectionElement[];
+};
+type RichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type RichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionUsergroup | RichTextSectionBroadcast;
+type RichTextSectionText = {
+    type: "text";
+    text: string;
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionChannel = {
+    type: "channel";
+    channel_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionUser = {
+    type: "user";
+    user_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionEmoji = {
+    type: "emoji";
+    name: string;
+};
+type RichTextSectionLink = {
+    type: "link";
+    url: string;
+    text: string;
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionUsergroup = {
+    type: "usergroup";
+    usergroup_id: string;
+    style?: RichTextSectionElementStyle;
+};
+type RichTextSectionBroadcast = {
+    type: "broadcast";
+    range: "channel" | "here" | "everyone";
+    style?: RichTextSectionElementStyleCode;
+};
+type RichTextSectionElementStyle = {
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+    highlight?: boolean;
+    client_highlight?: boolean;
+    unlink?: boolean;
+};
+type RichTextSectionElementStyleCode = {
+    code?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+};
+
 type User = {
     id: string;
     name: string;
@@ -1081,7 +1087,8 @@ type Hooks = {
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    usergroup?: (data: Channel) => ReactNode;
+    usergroup?: (id: string) => ReactNode;
+    emoji?: (emoji_text: string) => ReactNode;
     date?: (data: {
         timestamp: string;
         format: string;
@@ -1092,6 +1099,7 @@ type Hooks = {
 type Data = {
     users: User[];
     channels: Channel[];
+    user_groups: Channel[];
     hooks: Hooks;
     setUsers: (users: User[]) => void;
     setChannels: (channels: Channel[]) => void;
@@ -1118,9 +1126,14 @@ type Props = {
     data?: {
         users?: GlobalStore["users"];
         channels?: GlobalStore["channels"];
+        user_groups?: GlobalStore["user_groups"];
     };
     hooks?: GlobalStore["hooks"];
+    /**
+     * If true, the header and the container which wraps the message will be removed and only the slack blocks will be returned.
+     */
+    withoutWrapper?: boolean;
 };
 declare const Message: (props: Props) => JSX.Element;
 
-export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OptionObjectWithoutUrl, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, RichTextBlock, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };
+export { ActionsBlock, Block, ButtonElement, ChannelsSelectElement, CheckboxesElement, ConfirmDialogObject, ContextBlock, ConversationsSelectElement, DatePickerElement, DateTimePickerElement, DispatchActionConfigObject, DividerBlock, Element, EmailInputElement, ExternalSelectElement, FileBlock, FilterObject, HeaderBlock, ImageBlock, ImageElement, InputBlock, Message, MultiChannelsSelectElement, MultiConversationsSelectElement, MultiExternalSelectElement, MultiStaticSelectElement, MultiUsersSelectElement, NumberInputElement, OptionGroupObject, OptionObject, OptionObjectWithoutUrl, OverflowMenuElement, PlainTextInputElement, RadioButtonsElement, RichTextBlock, RichTextBlockElement, RichTextBlockSubElement, RichTextList, RichTextPreformatted, RichTextQuote, RichTextSection, RichTextSectionBroadcast, RichTextSectionChannel, RichTextSectionElement, RichTextSectionElementStyle, RichTextSectionElementStyleCode, RichTextSectionEmoji, RichTextSectionLink, RichTextSectionText, RichTextSectionUser, RichTextSectionUsergroup, SectionBlock, StaticSelectElement, Style, TextObject, TextObjectTextType, TimePickerElement, UrlTextInputElement, UsersSelectElement, VideoBlock };