slackblock 0.5.0-beta.0 → 1.0.0-0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+### 1.0.0
+- Modernize tooling (Node 24, pnpm, tsup, Vitest, XO, Husky + lint-staged)
+- Stabilize parser/transformer routing and align output types to serialized JSON
+- Expand Block Kit coverage (header, rich_text, video, checkboxes, time/datetime pickers)
+- Add rich_text helpers and improved select/input features
+- Add validation warnings for Slack limits
+
 ### 0.4.0
 - Allow for `<Section/>` blocks to have `null` components (useful for conditional renders)
 

package/README.md

@@ -1,13 +1,13 @@
 # SlackBlock
-React-based Slack message renderer
+JSX-based Slack message renderer
 
 [![CircleCI](https://circleci.com/gh/kolyaventuri/block/tree/master.svg?style=svg)](https://circleci.com/gh/kolyaventuri/block/tree/master)
 
 ## What
-A message builder for Slack bots, using JSX / React syntax. Generally follows the [Block Kit](https://api.slack.com/block-kit) naming and options
+A message builder for Slack bots, using JSX with a React-compatible API. Generally follows the [Block Kit](https://api.slack.com/block-kit) naming and options.
 
 ## Getting started
-Install the library with `npm i slackblock`
+Install the library with your package manager, for example `pnpm add slackblock`.
 
 - Import the renderer with `import render from 'slackblock';`
 - Import the top level `Message` block, along with any blocks you need from `import { Message, Section, Text, ... } from 'slackblock/block';`
@@ -32,7 +32,7 @@ console.log(message);
       {
         "type": "section",
         "text": {
-          "text": "plain_text",
+          "type": "plain_text",
           "text": "Hello"
         },
         "fields": [
@@ -66,7 +66,8 @@ const message = render(
 
 ## Things to note
 - The outputted message only needs to have your `token` and desired `channel_id` added, and it will be ready to send to the slack API!
-- There is current _very little to no_ input validation. Non-recognized blocks will be ignored, but Slack will be the ultimate decider if your message is valid. Validation is on the roadmap.
+- React is a peer dependency and used only as a JSX runtime (no DOM renderer required).
+- There is limited input validation (for example, date/time formats and select constraints). Warnings are emitted for common Slack limits (IDs, text lengths, block counts). Non-recognized blocks will be ignored, but Slack will be the ultimate decider if your message is valid. Validation is on the roadmap.
 - There is currently almost no documentation. This will be resolved, but in general...
   - If a Slack message wants a property in format `foo_bar`, you will add it as a `fooBar` property in your message(ex: `<Element fooBar='blah'/>`)
   - If a component such as a `<Section/>` wants fields which seem like children, they probably are for the sake of rendering. This is especially important with `select` menus, as your `<Option/>` tags will be passed as children
@@ -78,8 +79,17 @@ const message = render(
        </Select>
      ``` 
 
+## Supported blocks and elements
+Blocks: `Message` (top-level), `Section`, `Actions`, `Context`, `Divider`, `File`, `Image` (block), `Header`, `Input`, `RichText`, `Video`.
+
+Elements: `Text`, `Image` (element), `Button`, `Confirmation`, `Select`, `Option`, `OptionGroup`, `Overflow`, `RadioGroup`, `Checkboxes`, `DatePicker`, `TimePicker`, `DateTimePicker`, `TextInput`.
+
+Rich text helpers: `RichTextSection`, `RichTextList`, `RichTextQuote`, `RichTextPreformatted`, `RichTextText`, `RichTextLink`, `RichTextUser`, `RichTextChannel`, `RichTextEmoji`, `RichTextDate`, `RichTextBroadcast`, `RichTextUserGroup`.
+
+Field support highlights: `select` filters/min query length, `option` description, `focusOnLoad` for inputs, `dispatchActionConfig` for text inputs, and `accessibilityLabel` on buttons.
+
 
 ## TODO
 - Add real documentation
-- Expose types
 - Add validation
+- Add richer rich_text validation

package/dist/block.cjs

@@ -0,0 +1,341 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/block.ts
+var block_exports = {};
+__export(block_exports, {
+  Actions: () => Actions,
+  Button: () => Button,
+  Checkboxes: () => Checkboxes,
+  Confirmation: () => Confirmation,
+  Container: () => Container,
+  Context: () => Context,
+  DatePicker: () => DatePicker,
+  DateTimePicker: () => DateTimePicker,
+  Divider: () => Divider,
+  File: () => File,
+  Header: () => Header,
+  Image: () => Image,
+  ImageLayout: () => Image2,
+  Input: () => Input,
+  Message: () => Message,
+  Option: () => Option,
+  OptionGroup: () => OptionGroup,
+  Overflow: () => Overflow,
+  RadioGroup: () => RadioGroup,
+  RichText: () => RichText,
+  RichTextBroadcast: () => RichTextBroadcast,
+  RichTextChannel: () => RichTextChannel,
+  RichTextDate: () => RichTextDate,
+  RichTextEmoji: () => RichTextEmoji,
+  RichTextLink: () => RichTextLink,
+  RichTextList: () => RichTextList,
+  RichTextPreformatted: () => RichTextPreformatted,
+  RichTextQuote: () => RichTextQuote,
+  RichTextSection: () => RichTextSection,
+  RichTextText: () => RichTextText,
+  RichTextUser: () => RichTextUser,
+  RichTextUserGroup: () => RichTextUserGroup,
+  Section: () => Section,
+  Select: () => Select,
+  Text: () => Text,
+  TextInput: () => TextInput,
+  TimePicker: () => TimePicker,
+  Video: () => Video
+});
+module.exports = __toCommonJS(block_exports);
+
+// src/components/message.tsx
+var import_react = __toESM(require("react"));
+var Message = class extends import_react.default.Component {
+};
+Message.slackType = "Message";
+
+// src/components/block/button.tsx
+var import_react2 = __toESM(require("react"));
+var Button = class extends import_react2.default.Component {
+};
+Button.slackType = "Button";
+
+// src/components/block/confirmation.tsx
+var import_react3 = __toESM(require("react"));
+var Confirmation = class extends import_react3.default.Component {
+};
+Confirmation.slackType = "Confirmation";
+
+// src/components/block/image.tsx
+var import_react4 = __toESM(require("react"));
+var Image = class extends import_react4.default.Component {
+};
+Image.slackType = "Image";
+
+// src/components/block/text.tsx
+var import_react5 = __toESM(require("react"));
+var Text = class extends import_react5.default.Component {
+};
+Text.slackType = "Text";
+
+// src/components/input/date-picker.tsx
+var import_react6 = __toESM(require("react"));
+var DatePicker = class extends import_react6.default.Component {
+};
+DatePicker.slackType = "DatePicker";
+
+// src/components/input/date-time-picker.tsx
+var import_react7 = __toESM(require("react"));
+var DateTimePicker = class extends import_react7.default.Component {
+};
+DateTimePicker.slackType = "DateTimePicker";
+
+// src/components/input/checkboxes.tsx
+var import_react8 = __toESM(require("react"));
+var Checkboxes = class extends import_react8.default.Component {
+};
+Checkboxes.slackType = "Checkboxes";
+
+// src/components/input/option-group.tsx
+var import_react9 = __toESM(require("react"));
+var OptionGroup = class extends import_react9.default.Component {
+};
+OptionGroup.slackType = "OptionGroup";
+
+// src/components/input/option.tsx
+var import_react10 = __toESM(require("react"));
+var Option = class extends import_react10.default.Component {
+};
+Option.slackType = "Option";
+
+// src/components/input/overflow.tsx
+var import_react11 = __toESM(require("react"));
+var Overflow = class extends import_react11.default.Component {
+};
+Overflow.slackType = "Overflow";
+
+// src/components/input/radio-group.tsx
+var import_react12 = __toESM(require("react"));
+var RadioGroup = class extends import_react12.default.Component {
+};
+RadioGroup.slackType = "RadioGroup";
+
+// src/components/input/select.tsx
+var import_react13 = __toESM(require("react"));
+var Select = class extends import_react13.default.Component {
+};
+Select.slackType = "Select";
+
+// src/components/input/text.tsx
+var import_react14 = __toESM(require("react"));
+var TextInput = class extends import_react14.default.Component {
+};
+TextInput.slackType = "TextInput";
+
+// src/components/input/time-picker.tsx
+var import_react15 = __toESM(require("react"));
+var TimePicker = class extends import_react15.default.Component {
+};
+TimePicker.slackType = "TimePicker";
+
+// src/components/layout/actions.tsx
+var import_react16 = __toESM(require("react"));
+var Actions = class extends import_react16.default.Component {
+};
+Actions.slackType = "Actions";
+
+// src/components/layout/context.tsx
+var import_react17 = __toESM(require("react"));
+var Context = class extends import_react17.default.Component {
+};
+Context.slackType = "Context";
+
+// src/components/layout/divider.tsx
+var import_react18 = __toESM(require("react"));
+var Divider = class extends import_react18.default.Component {
+};
+Divider.slackType = "Divider";
+
+// src/components/layout/file.tsx
+var import_react19 = __toESM(require("react"));
+var File = class extends import_react19.default.Component {
+};
+File.slackType = "File";
+
+// src/components/layout/header.tsx
+var import_react20 = __toESM(require("react"));
+var Header = class extends import_react20.default.Component {
+};
+Header.slackType = "Header";
+
+// src/components/layout/image.tsx
+var import_react21 = __toESM(require("react"));
+var Image2 = class extends import_react21.default.Component {
+};
+Image2.slackType = "ImageLayout";
+
+// src/components/layout/input.tsx
+var import_react22 = __toESM(require("react"));
+var Input = class extends import_react22.default.Component {
+};
+Input.slackType = "Input";
+
+// src/components/layout/rich-text.tsx
+var import_react23 = __toESM(require("react"));
+var RichText = class extends import_react23.default.Component {
+};
+RichText.slackType = "RichText";
+
+// src/components/layout/section.tsx
+var import_react24 = __toESM(require("react"));
+var Section = class extends import_react24.default.Component {
+};
+Section.slackType = "Section";
+
+// src/components/layout/container.tsx
+var import_react25 = __toESM(require("react"));
+var Container = class extends import_react25.default.Component {
+};
+Container.slackType = "Container";
+
+// src/components/layout/video.tsx
+var import_react26 = __toESM(require("react"));
+var Video = class extends import_react26.default.Component {
+};
+Video.slackType = "Video";
+
+// src/components/rich-text/section.tsx
+var import_react27 = __toESM(require("react"));
+var RichTextSection = class extends import_react27.default.Component {
+};
+RichTextSection.slackType = "RichTextSection";
+
+// src/components/rich-text/list.tsx
+var import_react28 = __toESM(require("react"));
+var RichTextList = class extends import_react28.default.Component {
+};
+RichTextList.slackType = "RichTextList";
+
+// src/components/rich-text/quote.tsx
+var import_react29 = __toESM(require("react"));
+var RichTextQuote = class extends import_react29.default.Component {
+};
+RichTextQuote.slackType = "RichTextQuote";
+
+// src/components/rich-text/preformatted.tsx
+var import_react30 = __toESM(require("react"));
+var RichTextPreformatted = class extends import_react30.default.Component {
+};
+RichTextPreformatted.slackType = "RichTextPreformatted";
+
+// src/components/rich-text/text.tsx
+var import_react31 = __toESM(require("react"));
+var RichTextText = class extends import_react31.default.Component {
+};
+RichTextText.slackType = "RichTextText";
+
+// src/components/rich-text/link.tsx
+var import_react32 = __toESM(require("react"));
+var RichTextLink = class extends import_react32.default.Component {
+};
+RichTextLink.slackType = "RichTextLink";
+
+// src/components/rich-text/user.tsx
+var import_react33 = __toESM(require("react"));
+var RichTextUser = class extends import_react33.default.Component {
+};
+RichTextUser.slackType = "RichTextUser";
+
+// src/components/rich-text/channel.tsx
+var import_react34 = __toESM(require("react"));
+var RichTextChannel = class extends import_react34.default.Component {
+};
+RichTextChannel.slackType = "RichTextChannel";
+
+// src/components/rich-text/emoji.tsx
+var import_react35 = __toESM(require("react"));
+var RichTextEmoji = class extends import_react35.default.Component {
+};
+RichTextEmoji.slackType = "RichTextEmoji";
+
+// src/components/rich-text/date.tsx
+var import_react36 = __toESM(require("react"));
+var RichTextDate = class extends import_react36.default.Component {
+};
+RichTextDate.slackType = "RichTextDate";
+
+// src/components/rich-text/broadcast.tsx
+var import_react37 = __toESM(require("react"));
+var RichTextBroadcast = class extends import_react37.default.Component {
+};
+RichTextBroadcast.slackType = "RichTextBroadcast";
+
+// src/components/rich-text/user-group.tsx
+var import_react38 = __toESM(require("react"));
+var RichTextUserGroup = class extends import_react38.default.Component {
+};
+RichTextUserGroup.slackType = "RichTextUserGroup";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Actions,
+  Button,
+  Checkboxes,
+  Confirmation,
+  Container,
+  Context,
+  DatePicker,
+  DateTimePicker,
+  Divider,
+  File,
+  Header,
+  Image,
+  ImageLayout,
+  Input,
+  Message,
+  Option,
+  OptionGroup,
+  Overflow,
+  RadioGroup,
+  RichText,
+  RichTextBroadcast,
+  RichTextChannel,
+  RichTextDate,
+  RichTextEmoji,
+  RichTextLink,
+  RichTextList,
+  RichTextPreformatted,
+  RichTextQuote,
+  RichTextSection,
+  RichTextText,
+  RichTextUser,
+  RichTextUserGroup,
+  Section,
+  Select,
+  Text,
+  TextInput,
+  TimePicker,
+  Video
+});
+//# sourceMappingURL=block.cjs.map

package/dist/block.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/block.ts","../src/components/message.tsx","../src/components/block/button.tsx","../src/components/block/confirmation.tsx","../src/components/block/image.tsx","../src/components/block/text.tsx","../src/components/input/date-picker.tsx","../src/components/input/date-time-picker.tsx","../src/components/input/checkboxes.tsx","../src/components/input/option-group.tsx","../src/components/input/option.tsx","../src/components/input/overflow.tsx","../src/components/input/radio-group.tsx","../src/components/input/select.tsx","../src/components/input/text.tsx","../src/components/input/time-picker.tsx","../src/components/layout/actions.tsx","../src/components/layout/context.tsx","../src/components/layout/divider.tsx","../src/components/layout/file.tsx","../src/components/layout/header.tsx","../src/components/layout/image.tsx","../src/components/layout/input.tsx","../src/components/layout/rich-text.tsx","../src/components/layout/section.tsx","../src/components/layout/container.tsx","../src/components/layout/video.tsx","../src/components/rich-text/section.tsx","../src/components/rich-text/list.tsx","../src/components/rich-text/quote.tsx","../src/components/rich-text/preformatted.tsx","../src/components/rich-text/text.tsx","../src/components/rich-text/link.tsx","../src/components/rich-text/user.tsx","../src/components/rich-text/channel.tsx","../src/components/rich-text/emoji.tsx","../src/components/rich-text/date.tsx","../src/components/rich-text/broadcast.tsx","../src/components/rich-text/user-group.tsx"],"sourcesContent":["export * from './components';\n","import React from 'react';\n\nimport {type Element} from '../constants/types';\n\ntype Properties = {\n  children: string | Element | Element[];\n  text?: string;\n  asUser?: boolean;\n  iconEmoji?: string;\n  iconUrl?: string;\n  markdown?: boolean;\n  parse?: 'full' | 'none';\n  replyBroadcast?: boolean;\n  replyTo?: string;\n  unfurlLinks?: boolean;\n  unfurlMedia?: boolean;\n  username?: string;\n  color?: string;\n};\n\nexport default class Message extends React.Component<Properties> {\n  static slackType = 'Message';\n}\n","import React from 'react';\n\nimport type Confirmation from './confirmation';\n\ntype TopProperties = {\n  children: string;\n  actionId: string;\n  url?: string;\n  value?: string;\n  style?: 'primary' | 'danger';\n  accessibilityLabel?: string;\n};\n\nexport type ButtonProps = TopProperties & {\n  confirm?: React.ReactElement<Confirmation>;\n};\n\ntype Properties = ButtonProps;\n\nexport default class Button extends React.Component<Properties> {\n  static slackType = 'Button';\n}\n","import React from 'react';\n\nimport type Text from './text';\n\ntype TopProperties = {\n  title: string;\n  confirm: string;\n  deny: string;\n};\n\n/* This is a dumb workaround to merging props */\nexport type ConfirmationProps = TopProperties & {\n  children: React.ReactElement<Text>;\n};\n\ntype Properties = ConfirmationProps;\n\nexport default class Confirmation extends React.Component<Properties> {\n  static slackType = 'Confirmation';\n}\n","import React from 'react';\n\nexport type Props = {\n  url: string;\n  alt: string;\n};\n\nexport default class Image extends React.Component<Props> {\n  static slackType = 'Image';\n}\n","import React from 'react';\n\nexport type Props = {\n  children: string;\n  plainText?: boolean;\n  emoji?: boolean;\n  verbatim?: boolean;\n};\n\nexport default class Text extends React.Component<Props> {\n  static slackType = 'Text';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\n\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialDate?: string;\n  confirm?: React.ReactElement<Confirmation>;\n  focusOnLoad?: boolean;\n};\n\nexport default class DatePicker extends React.Component<Props> {\n  static slackType = 'DatePicker';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\n\nexport type Props = {\n  actionId: string;\n  initialDateTime?: number;\n  confirm?: React.ReactElement<Confirmation>;\n  focusOnLoad?: boolean;\n};\n\nexport default class DateTimePicker extends React.Component<Props> {\n  static slackType = 'DateTimePicker';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport type Option from './option';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<React.ReactElement<Option>>;\n  initialOptions?: Array<React.ReactElement<Option>>;\n  confirm?: React.ReactElement<Confirmation>;\n  focusOnLoad?: boolean;\n};\n\nexport default class Checkboxes extends React.Component<Props> {\n  static slackType = 'Checkboxes';\n}\n","import React from 'react';\n\nimport type Option from './option';\n\nexport type Props = {\n  label: string;\n  children: React.ReactElement<Option> | Array<React.ReactElement<Option>>;\n};\n\nexport default class OptionGroup extends React.Component<Props> {\n  static slackType = 'OptionGroup';\n}\n","import React from 'react';\n\nexport type Props = {\n  children: string;\n  value: string;\n  url?: string;\n  description?: string;\n};\n\nexport default class Option extends React.Component<Props> {\n  static slackType = 'Option';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport type Option from './option';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<React.ReactElement<Option>>;\n  confirm?: React.ReactElement<Confirmation>;\n};\n\nexport default class Overflow extends React.Component<Props> {\n  static slackType = 'Overflow';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport type Option from './option';\n\nexport type Props = {\n  actionId: string;\n  children: SingleOrArray<React.ReactElement<Option>>;\n  initialOption?: React.ReactElement<Option>;\n  confirm?: React.ReactElement<Confirmation>;\n  focusOnLoad?: boolean;\n};\n\nexport default class RadioGroup extends React.Component<Props> {\n  static slackType = 'RadioGroup';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport type Option from './option';\nimport type OptionGroup from './option-group';\n\nexport const selectTypes = {\n  STATIC: 'static',\n  EXTERNAL: 'external',\n  USER: 'user',\n  CONVERSATION: 'conversation',\n  CHANNEL: 'channel',\n} as const;\n\ntype SelectType = typeof selectTypes[keyof typeof selectTypes];\n\ntype ConversationFilter = {\n  include?: Array<'im' | 'mpim' | 'private' | 'public'>;\n  excludeExternalSharedChannels?: boolean;\n  excludeBotUsers?: boolean;\n};\n\nexport type Props = {\n  placeholder: string;\n  actionId: string;\n  type?: SelectType;\n  multi?: boolean;\n  children?: SingleOrArray<React.ReactElement<Option>> | SingleOrArray<React.ReactElement<OptionGroup>>;\n  initialOptions?: Array<React.ReactElement<Option>>;\n  confirm?: React.ReactElement<Confirmation>;\n  maxSelectedItems?: number;\n  minQueryLength?: number;\n  focusOnLoad?: boolean;\n  initialUsers?: string[];\n  initialConversations?: string[];\n  initialChannels?: string[];\n  defaultToCurrentConversation?: boolean;\n  responseUrlEnabled?: boolean;\n  filter?: ConversationFilter;\n};\n\nexport default class Select extends React.Component<Props> {\n  static slackType = 'Select';\n}\n","import React from 'react';\n\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initial?: string;\n  multiline?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  focusOnLoad?: boolean;\n  dispatchActionConfig?: {\n    triggerActionsOn: Array<'on_enter_pressed' | 'on_character_entered'>;\n  };\n};\n\nexport default class TextInput extends React.Component<Props> {\n  static slackType = 'TextInput';\n}\n","import React from 'react';\n\nimport type Confirmation from '../block/confirmation';\n\nexport type Props = {\n  actionId: string;\n  placeholder?: string;\n  initialTime?: string;\n  confirm?: React.ReactElement<Confirmation>;\n  focusOnLoad?: boolean;\n};\n\nexport default class TimePicker extends React.Component<Props> {\n  static slackType = 'TimePicker';\n}\n","import React from 'react';\n\nimport {type InteractiveBlockElement} from '../../constants/types';\n\nexport type Props = {\n  children: InteractiveBlockElement | InteractiveBlockElement[];\n  blockId?: string;\n};\n\nexport default class Actions extends React.Component<Props> {\n  static slackType = 'Actions';\n}\n","import React from 'react';\n\nimport type Text from '../block/text';\nimport type Image from '../block/image';\n\nexport type ImageOrText = React.ReactElement<Text> | React.ReactElement<Image>;\n\nexport type Props = {\n  children: ImageOrText | ImageOrText[];\n  blockId?: string;\n};\n\nexport default class Context extends React.Component<Props> {\n  static slackType = 'Context';\n}\n","import React from 'react';\n\nexport type Props = {\n  blockId?: string;\n};\n\nexport default class Divider extends React.Component<Props> {\n  static slackType = 'Divider';\n}\n","import React from 'react';\n\nexport type Props = {\n  externalId: string;\n  blockId?: string;\n};\n\nexport default class File extends React.Component<Props> {\n  static slackType = 'File';\n}\n","import React from 'react';\n\nexport type Props = {\n  text: string;\n  blockId?: string;\n  emoji?: boolean;\n};\n\nexport default class Header extends React.Component<Props> {\n  static slackType = 'Header';\n}\n","import React from 'react';\n\nexport type Props = {\n  url: string;\n  alt: string;\n  title?: string;\n  blockId?: string;\n};\n\nexport default class Image extends React.Component<Props> {\n  static slackType = 'ImageLayout';\n}\n","import React from 'react';\n\nimport {type InputBlockElement} from '../../constants/types';\n\nexport type Props = {\n  label: string;\n  element: InputBlockElement;\n  hint?: string;\n  optional?: boolean;\n  blockId?: string;\n};\n\nexport default class Input extends React.Component<Props> {\n  static slackType = 'Input';\n}\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type RichTextElement = Record<string, any>;\n\nexport type Props = {\n  elements?: RichTextElement[];\n  children?: SingleOrArray<React.ReactElement | string>;\n  blockId?: string;\n};\n\nexport default class RichText extends React.Component<Props> {\n  static slackType = 'RichText';\n}\n","import React from 'react';\n\nimport type Text from '../block/text';\nimport {type BlockElement} from '../../constants/types';\n\ntype TextElement = React.ReactElement<Text>;\n\nexport type Props = {\n  text: React.ReactElement<Text>;\n  blockId?: string;\n  children?: TextElement | TextElement[];\n  accessory?: BlockElement;\n};\n\nexport default class Section extends React.Component<Props> {\n  static slackType = 'Section';\n}\n\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\nimport {type Child} from '../../constants/types';\n\nexport type Props = {\n  children: SingleOrArray<Child>;\n};\n\nexport default class Container extends React.Component<Props> {\n  static slackType = 'Container';\n}\n","import React from 'react';\n\nexport type Props = {\n  title: string;\n  videoUrl: string;\n  thumbnailUrl: string;\n  altText: string;\n  titleUrl?: string;\n  description?: string;\n  authorName?: string;\n  providerName?: string;\n  providerIconUrl?: string;\n  blockId?: string;\n};\n\nexport default class Video extends React.Component<Props> {\n  static slackType = 'Video';\n}\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<React.ReactElement | string>;\n};\n\nexport default class RichTextSection extends React.Component<Props> {\n  static slackType = 'RichTextSection';\n}\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nimport {type RichTextListStyle} from './types';\n\nexport type Props = {\n  style: RichTextListStyle;\n  children: SingleOrArray<React.ReactElement | string>;\n  indent?: number;\n  border?: number;\n};\n\nexport default class RichTextList extends React.Component<Props> {\n  static slackType = 'RichTextList';\n}\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<React.ReactElement | string>;\n};\n\nexport default class RichTextQuote extends React.Component<Props> {\n  static slackType = 'RichTextQuote';\n}\n","import React from 'react';\n\nimport {type SingleOrArray} from '../../utils/type-helpers';\n\nexport type Props = {\n  children: SingleOrArray<React.ReactElement | string>;\n};\n\nexport default class RichTextPreformatted extends React.Component<Props> {\n  static slackType = 'RichTextPreformatted';\n}\n","import React from 'react';\n\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  children: string;\n  style?: RichTextStyle;\n};\n\nexport default class RichTextText extends React.Component<Props> {\n  static slackType = 'RichTextText';\n}\n","import React from 'react';\n\nimport {type RichTextStyle} from './types';\n\nexport type Props = {\n  url: string;\n  children?: string;\n  style?: RichTextStyle;\n};\n\nexport default class RichTextLink extends React.Component<Props> {\n  static slackType = 'RichTextLink';\n}\n","import React from 'react';\n\nexport type Props = {\n  userId: string;\n};\n\nexport default class RichTextUser extends React.Component<Props> {\n  static slackType = 'RichTextUser';\n}\n","import React from 'react';\n\nexport type Props = {\n  channelId: string;\n};\n\nexport default class RichTextChannel extends React.Component<Props> {\n  static slackType = 'RichTextChannel';\n}\n","import React from 'react';\n\nexport type Props = {\n  name: string;\n};\n\nexport default class RichTextEmoji extends React.Component<Props> {\n  static slackType = 'RichTextEmoji';\n}\n","import React from 'react';\n\nexport type Props = {\n  timestamp: number;\n  format: string;\n  fallback: string;\n  link?: string;\n};\n\nexport default class RichTextDate extends React.Component<Props> {\n  static slackType = 'RichTextDate';\n}\n","import React from 'react';\n\nimport {type RichTextBroadcastRange} from './types';\n\nexport type Props = {\n  range: RichTextBroadcastRange;\n};\n\nexport default class RichTextBroadcast extends React.Component<Props> {\n  static slackType = 'RichTextBroadcast';\n}\n","import React from 'react';\n\nexport type Props = {\n  usergroupId: string;\n};\n\nexport default class RichTextUserGroup extends React.Component<Props> {\n  static slackType = 'RichTextUserGroup';\n}\n"],"mappings":"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","names":["Image","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","Image","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React"]}