slack-blocks-to-jsx 0.2.2 → 0.3.1

package/dist/index.d.mts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, 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 | RichTextBlockElement;
 type ButtonElement = {
@@ -964,6 +965,10 @@ type VideoBlock = {
      * The URL to be embedded. Must match any existing {@link https://api.slack.com/reference/messaging/link-unfurling#configuring_domains unfurl domains} within the app and point to a HTTPS URL.
      */
     video_url: string;
+    /**
+     * This is a custom property added by slack-block-to-jsx library to more control over iframe
+     */
+    iframeProps?: ComponentPropsWithoutRef<"iframe">;
 };
 type RichTextBlock = {
     /**
@@ -1081,13 +1086,17 @@ type Channel = {
     id: string;
     name: string;
 };
+type UserGroup = {
+    id: string;
+    name: string;
+};
 type Hooks = {
     user?: (data: User) => ReactNode;
     channel?: (data: Channel) => ReactNode;
+    usergroup?: (data: UserGroup) => ReactNode;
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    usergroup?: (id: string) => ReactNode;
     emoji?: (emoji_text: string) => ReactNode;
     date?: (data: {
         timestamp: string;
@@ -1099,10 +1108,11 @@ type Hooks = {
 type Data = {
     users: User[];
     channels: Channel[];
-    user_groups: Channel[];
+    user_groups: UserGroup[];
     hooks: Hooks;
     setUsers: (users: User[]) => void;
     setChannels: (channels: Channel[]) => void;
+    setUserGroups: (channels: UserGroup[]) => void;
     setHooks: (hooks: Hooks) => void;
 };
 type GlobalStore = Data;
@@ -1134,6 +1144,6 @@ type Props = {
      */
     withoutWrapper?: boolean;
 };
-declare const Message: (props: Props) => JSX.Element;
+declare const Message: (props: Props) => react_jsx_runtime.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, 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,4 +1,5 @@
-import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, 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 | RichTextBlockElement;
 type ButtonElement = {
@@ -964,6 +965,10 @@ type VideoBlock = {
      * The URL to be embedded. Must match any existing {@link https://api.slack.com/reference/messaging/link-unfurling#configuring_domains unfurl domains} within the app and point to a HTTPS URL.
      */
     video_url: string;
+    /**
+     * This is a custom property added by slack-block-to-jsx library to more control over iframe
+     */
+    iframeProps?: ComponentPropsWithoutRef<"iframe">;
 };
 type RichTextBlock = {
     /**
@@ -1081,13 +1086,17 @@ type Channel = {
     id: string;
     name: string;
 };
+type UserGroup = {
+    id: string;
+    name: string;
+};
 type Hooks = {
     user?: (data: User) => ReactNode;
     channel?: (data: Channel) => ReactNode;
+    usergroup?: (data: UserGroup) => ReactNode;
     atChannel?: () => ReactNode;
     atEveryone?: () => ReactNode;
     atHere?: () => ReactNode;
-    usergroup?: (id: string) => ReactNode;
     emoji?: (emoji_text: string) => ReactNode;
     date?: (data: {
         timestamp: string;
@@ -1099,10 +1108,11 @@ type Hooks = {
 type Data = {
     users: User[];
     channels: Channel[];
-    user_groups: Channel[];
+    user_groups: UserGroup[];
     hooks: Hooks;
     setUsers: (users: User[]) => void;
     setChannels: (channels: Channel[]) => void;
+    setUserGroups: (channels: UserGroup[]) => void;
     setHooks: (hooks: Hooks) => void;
 };
 type GlobalStore = Data;
@@ -1134,6 +1144,6 @@ type Props = {
      */
     withoutWrapper?: boolean;
 };
-declare const Message: (props: Props) => JSX.Element;
+declare const Message: (props: Props) => react_jsx_runtime.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, 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 };