slack-blocks-to-jsx 0.1.5 → 0.1.7

package/dist/index.d.mts

@@ -697,6 +697,102 @@ 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: AnyRichTextSectionElement[];
+    /**
+     * 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: AnyRichTextSectionElement[];
+    /**
+     * 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: AnyRichTextSectionElement[];
+};
+type AnyRichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type AnyRichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionTeam | RichTextSectionUsergroup | RichTextSectionDate | RichTextSectionBroadcast | RichTextSectionColor;
+interface RichTextSectionElement {
+    type: "text" | "channel" | "user" | "emoji" | "link" | "team" | "usergroup" | "date" | "broadcast" | "color";
+    style?: RichTextSectionElementStyle;
+}
+interface RichTextSectionText extends RichTextSectionElement {
+    type: "text";
+    text: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionChannel extends RichTextSectionElement {
+    type: "channel";
+    channel_id: string;
+}
+interface RichTextSectionUser extends RichTextSectionElement {
+    type: "user";
+    user_id: string;
+}
+interface RichTextSectionEmoji extends RichTextSectionElement {
+    type: "emoji";
+    name: string;
+    skin_tone?: number;
+    unicode?: string;
+}
+interface RichTextSectionLink extends RichTextSectionElement {
+    type: "link";
+    url: string;
+    text: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionTeam extends RichTextSectionElement {
+    type: "team";
+    team_id: string;
+}
+interface RichTextSectionUsergroup extends RichTextSectionElement {
+    type: "usergroup";
+    usergroup_id: string;
+}
+interface RichTextSectionDate extends RichTextSectionElement {
+    type: "date";
+    timestamp: number;
+    format: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionBroadcast extends RichTextSectionElement {
+    type: "broadcast";
+    range: "channel" | "here" | "everyone";
+}
+interface RichTextSectionColor extends RichTextSectionElement {
+    type: "color";
+    value: string;
+}
+interface RichTextSectionElementStyle {
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+}
+interface RichTextSectionElementStyleWithCode extends RichTextSectionElementStyle {
+    code?: boolean;
+}
+
 type Block = ActionsBlock | ContextBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | SectionBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
@@ -974,7 +1070,53 @@ type RichTextBlock = {
      * A ***rich_text*** block is a formatted, structured representation of text. It is the output of the Slack client's WYSIWYG composer, so all messages sent by end-users will have this format. You can use this block to create your own formatted text in Block Kit Builder or include user-defined formatted text in your Block Kit payload. You might encounter ***rich_text*** blocks in message payloads coming from our APIs, as a built-in type in the next-generation Slack platform, or as output of the ***rich_text_input*** block.
      */
     type: "rich_text";
+    /**
+     * A string acting as a unique identifier for a block. If not specified, one will be generated. Maximum length for this field is 255 characters. ***block_id*** should be unique for each message and each iteration of a message. If a message is updated, use a new ***block_id***.
+     */
+    block_id?: string;
+    /**
+     * An array of rich text objects - rich_text_section, rich_text_list, rich_text_preformatted, and rich_text_quote. See your specific desired element below for more details.
+     */
+    elements: AnyRichTextBlockElement[];
+};
+
+type User = {
+    id: string;
+    name: string;
+};
+type Channel = {
+    id: string;
+    name: string;
+};
+type Hooks = {
+    user?: (data: User) => string;
+    channel?: (data: Channel) => string;
+    atChannel?: (data: {
+        name: string;
+    }) => string;
+    usergroup?: (data: Channel) => string;
+    atEveryone?: (data: {
+        name: string;
+    }) => string;
+    atHere?: (data: {
+        name: string;
+    }) => string;
+    date?: (data: {
+        timestamp: string;
+        format: string;
+        link?: string | undefined;
+        fallback: string;
+    }) => string;
+};
+type Data = {
+    users: User[];
+    channels: Channel[];
+    hooks: Hooks;
+    setUsers: (users: User[]) => void;
+    setChannels: (channels: Channel[]) => void;
+    setHooks: (hooks: Hooks) => void;
 };
+type GlobalStore = Data;
 
 type Props = {
     /**
@@ -991,6 +1133,12 @@ type Props = {
     time?: Date;
     className?: string;
     style?: React.CSSProperties;
+    unstyled?: boolean;
+    data?: {
+        users?: GlobalStore["users"];
+        channels?: GlobalStore["channels"];
+    };
+    hooks?: GlobalStore["hooks"];
 };
 declare const Message: (props: Props) => JSX.Element;
 

package/dist/index.d.ts

@@ -697,6 +697,102 @@ 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: AnyRichTextSectionElement[];
+    /**
+     * 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: AnyRichTextSectionElement[];
+    /**
+     * 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: AnyRichTextSectionElement[];
+};
+type AnyRichTextBlockElement = RichTextList | RichTextPreformatted | RichTextQuote | RichTextSection;
+type AnyRichTextSectionElement = RichTextSectionText | RichTextSectionChannel | RichTextSectionUser | RichTextSectionEmoji | RichTextSectionLink | RichTextSectionTeam | RichTextSectionUsergroup | RichTextSectionDate | RichTextSectionBroadcast | RichTextSectionColor;
+interface RichTextSectionElement {
+    type: "text" | "channel" | "user" | "emoji" | "link" | "team" | "usergroup" | "date" | "broadcast" | "color";
+    style?: RichTextSectionElementStyle;
+}
+interface RichTextSectionText extends RichTextSectionElement {
+    type: "text";
+    text: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionChannel extends RichTextSectionElement {
+    type: "channel";
+    channel_id: string;
+}
+interface RichTextSectionUser extends RichTextSectionElement {
+    type: "user";
+    user_id: string;
+}
+interface RichTextSectionEmoji extends RichTextSectionElement {
+    type: "emoji";
+    name: string;
+    skin_tone?: number;
+    unicode?: string;
+}
+interface RichTextSectionLink extends RichTextSectionElement {
+    type: "link";
+    url: string;
+    text: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionTeam extends RichTextSectionElement {
+    type: "team";
+    team_id: string;
+}
+interface RichTextSectionUsergroup extends RichTextSectionElement {
+    type: "usergroup";
+    usergroup_id: string;
+}
+interface RichTextSectionDate extends RichTextSectionElement {
+    type: "date";
+    timestamp: number;
+    format: string;
+    style?: RichTextSectionElementStyleWithCode;
+}
+interface RichTextSectionBroadcast extends RichTextSectionElement {
+    type: "broadcast";
+    range: "channel" | "here" | "everyone";
+}
+interface RichTextSectionColor extends RichTextSectionElement {
+    type: "color";
+    value: string;
+}
+interface RichTextSectionElementStyle {
+    bold?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+}
+interface RichTextSectionElementStyleWithCode extends RichTextSectionElementStyle {
+    code?: boolean;
+}
+
 type Block = ActionsBlock | ContextBlock | DividerBlock | FileBlock | HeaderBlock | ImageBlock | InputBlock | SectionBlock | VideoBlock | RichTextBlock;
 type ActionsBlock = {
     /**
@@ -974,7 +1070,53 @@ type RichTextBlock = {
      * A ***rich_text*** block is a formatted, structured representation of text. It is the output of the Slack client's WYSIWYG composer, so all messages sent by end-users will have this format. You can use this block to create your own formatted text in Block Kit Builder or include user-defined formatted text in your Block Kit payload. You might encounter ***rich_text*** blocks in message payloads coming from our APIs, as a built-in type in the next-generation Slack platform, or as output of the ***rich_text_input*** block.
      */
     type: "rich_text";
+    /**
+     * A string acting as a unique identifier for a block. If not specified, one will be generated. Maximum length for this field is 255 characters. ***block_id*** should be unique for each message and each iteration of a message. If a message is updated, use a new ***block_id***.
+     */
+    block_id?: string;
+    /**
+     * An array of rich text objects - rich_text_section, rich_text_list, rich_text_preformatted, and rich_text_quote. See your specific desired element below for more details.
+     */
+    elements: AnyRichTextBlockElement[];
+};
+
+type User = {
+    id: string;
+    name: string;
+};
+type Channel = {
+    id: string;
+    name: string;
+};
+type Hooks = {
+    user?: (data: User) => string;
+    channel?: (data: Channel) => string;
+    atChannel?: (data: {
+        name: string;
+    }) => string;
+    usergroup?: (data: Channel) => string;
+    atEveryone?: (data: {
+        name: string;
+    }) => string;
+    atHere?: (data: {
+        name: string;
+    }) => string;
+    date?: (data: {
+        timestamp: string;
+        format: string;
+        link?: string | undefined;
+        fallback: string;
+    }) => string;
+};
+type Data = {
+    users: User[];
+    channels: Channel[];
+    hooks: Hooks;
+    setUsers: (users: User[]) => void;
+    setChannels: (channels: Channel[]) => void;
+    setHooks: (hooks: Hooks) => void;
 };
+type GlobalStore = Data;
 
 type Props = {
     /**
@@ -991,6 +1133,12 @@ type Props = {
     time?: Date;
     className?: string;
     style?: React.CSSProperties;
+    unstyled?: boolean;
+    data?: {
+        users?: GlobalStore["users"];
+        channels?: GlobalStore["channels"];
+    };
+    hooks?: GlobalStore["hooks"];
 };
 declare const Message: (props: Props) => JSX.Element;