@tightknitai/block-kitchen 0.10.19 → 0.10.20

package/dist/{palette-DNUiqoQK.d.cts → palette-4BJw_nd7.d.cts}

@@ -168,7 +168,7 @@ declare function buildVariantById(sections: readonly PaletteSection[]): Readonly
 /**
  * The Slack Block Kit block types supported by the builder in v1.
  */
-type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container';
+type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container' | 'data_table';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -180,15 +180,19 @@ interface MarkdownBlock {
     text: string;
     block_id?: string;
 }
+/**
+ * A plain-text cell in a {@link TableBlock} or {@link DataTableBlock} row.
+ */
+interface TableRawTextCell {
+    type: 'raw_text';
+    text: string;
+}
 /**
  * One cell in a {@link TableBlock} row. Slack accepts either a raw text
  * cell or a rich-text cell; the visual editor only emits raw text in v1
  * but preserves rich-text cells on edit.
  */
-type TableCell = {
-    type: 'raw_text';
-    text: string;
-} | {
+type TableCell = TableRawTextCell | {
     type: 'rich_text';
     elements: unknown[];
 };
@@ -210,6 +214,49 @@ interface TableBlock {
     column_settings?: TableColumnSetting[];
     block_id?: string;
 }
+/**
+ * A numeric cell in a {@link DataTableBlock} row. A column whose cells are
+ * all `raw_number` sorts numerically. `text`, when set, is shown in place
+ * of `value` (e.g. `"$1.2M"`).
+ */
+interface DataTableRawNumberCell {
+    type: 'raw_number';
+    value: number;
+    text?: string;
+}
+/**
+ * A button cell in a {@link DataTableBlock} row. Clicking it sends a
+ * `block_actions` payload; set the button's `value` to tell rows apart.
+ * `fallback` shows instead on clients that don't support action cells.
+ */
+interface DataTableActionCell {
+    type: 'action_cell';
+    element: Button;
+    fallback?: TableRawTextCell | DataTableRawNumberCell;
+}
+/**
+ * One cell in a {@link DataTableBlock} row. `rich_text` is not allowed in
+ * the header (first) row.
+ */
+type DataTableCell = TableCell | DataTableRawNumberCell | DataTableActionCell;
+/**
+ * Slack `data_table` block payload. A paginated, sortable table: the first
+ * row is the header, followed by 1-200 data rows of 1-20 cells each, all
+ * the same length. Valid on message and App Home surfaces.
+ * `slack-web-api-client` doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/data-table-block
+ */
+interface DataTableBlock {
+    type: 'data_table';
+    /** Required. Rendered as the table's HTML caption. */
+    caption: string;
+    rows: DataTableCell[][];
+    /** Rows per page, 1-100. Slack defaults to 5. */
+    page_size?: number;
+    /** 0-based index of the column that identifies each row. Slack defaults to 0. */
+    row_header_column_index?: number;
+    block_id?: string;
+}
 /**
  * Severity level for an {@link AlertBlock}. Controls the icon and color
  * accent rendered by Slack. Defaults to `default` when omitted.
@@ -557,7 +604,7 @@ type SupportedHeaderBlock = HeaderBlock & {
  * Subset of {@link AnyMessageBlock} from `slack-web-api-client`,
  * plus a header `level` extension.
  */
-type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock | DataTableBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
@@ -1360,4 +1407,4 @@ interface BlockKitchenComposeOnlyProps {
  */
 type BlockKitchenProps = BlockKitchenBaseProps & (BlockKitchenSendProps | BlockKitchenComposeOnlyProps);
 
-export { type PrimaryActionConfig as $, type AlertBlock as A, type BlockKitchenProps as B, type ChannelOption as C, type DataVisualizationBlock as D, type EditableVia as E, type FeedbackButtonSubobject as F, type IconButtonIcon as G, type HeaderLevel as H, type IconButtonElement as I, type InputBlock as J, type LoadResult as K, type LoadMessageInput as L, type LoadedMessage as M, type LoadingConfig as N, type MarkdownBlock as O, type PreviewSurface as P, type MentionUser as Q, type MentionsConfig as R, type SupportedBlock as S, type Template as T, type PaletteMode as U, type PaletteSection as V, type PaletteVariant as W, type PieChart as X, type PieChartSegment as Y, type PlanBlock as Z, type PreviewHooks as _, type SendAsUserStatus as a, type PrimaryActionContext as a0, type RecentMessage as a1, type SendResult as a2, type SupportedBlockType as a3, type SupportedHeaderBlock as a4, type TableBlock as a5, type TableCell as a6, type TableColumnSetting as a7, type TaskCardBlock as a8, type TaskCardStatus as a9, type UpdatePayload as aa, type UpdateResult as ab, type UrlSourceElement as ac, type ValidationSummary as ad, type VideoBlock as ae, defaultPalette as af, extraAlertVariant as ag, legacyInputVariants as ah, buildVariantById as ai, type SendPayload as b, type SendExtrasContext as c, type PreviewTheme as d, type AlertLevel as e, type BlockKitchenBaseProps as f, type BlockKitchenComposeOnlyProps as g, type BlockKitchenSendProps as h, type BrandPreset as i, type BrandTheme as j, type BrandTokens as k, type BuilderBlock as l, type CardBlock as m, type CarouselBlock as n, type CartesianChart as o, type Chart as p, type ChartAxisConfig as q, type ChartDataPoint as r, type ChartSeries as s, type ChartType as t, type ContainerBlock as u, type ContainerChildBlock as v, type ContextActionsBlock as w, type ContextActionsElement as x, type CustomEmoji as y, type FeedbackButtonsElement as z };
+export { type PieChart as $, type AlertBlock as A, type BlockKitchenProps as B, type ChannelOption as C, type DataTableActionCell as D, type DataTableCell as E, type DataTableRawNumberCell as F, type DataVisualizationBlock as G, type EditableVia as H, type FeedbackButtonSubobject as I, type FeedbackButtonsElement as J, type HeaderLevel as K, type IconButtonElement as L, type IconButtonIcon as M, type InputBlock as N, type LoadMessageInput as O, type PreviewSurface as P, type LoadResult as Q, type LoadedMessage as R, type SupportedBlock as S, type Template as T, type LoadingConfig as U, type MarkdownBlock as V, type MentionUser as W, type MentionsConfig as X, type PaletteMode as Y, type PaletteSection as Z, type PaletteVariant as _, type SendAsUserStatus as a, type PieChartSegment as a0, type PlanBlock as a1, type PreviewHooks as a2, type PrimaryActionConfig as a3, type PrimaryActionContext as a4, type RecentMessage as a5, type SendResult as a6, type SupportedBlockType as a7, type SupportedHeaderBlock as a8, type TableBlock as a9, type TableCell as aa, type TableColumnSetting as ab, type TableRawTextCell as ac, type TaskCardBlock as ad, type TaskCardStatus as ae, type UpdatePayload as af, type UpdateResult as ag, type UrlSourceElement as ah, type ValidationSummary as ai, type VideoBlock as aj, defaultPalette as ak, extraAlertVariant as al, legacyInputVariants as am, buildVariantById as an, type SendPayload as b, type SendExtrasContext as c, type PreviewTheme as d, type AlertLevel as e, type BlockKitchenBaseProps as f, type BlockKitchenComposeOnlyProps as g, type BlockKitchenSendProps as h, type BrandPreset as i, type BrandTheme as j, type BrandTokens as k, type BuilderBlock as l, type CardBlock as m, type CarouselBlock as n, type CartesianChart as o, type Chart as p, type ChartAxisConfig as q, type ChartDataPoint as r, type ChartSeries as s, type ChartType as t, type ContainerBlock as u, type ContainerChildBlock as v, type ContextActionsBlock as w, type ContextActionsElement as x, type CustomEmoji as y, type DataTableBlock as z };

package/dist/{palette-DNUiqoQK.d.ts → palette-4BJw_nd7.d.ts}

@@ -168,7 +168,7 @@ declare function buildVariantById(sections: readonly PaletteSection[]): Readonly
 /**
  * The Slack Block Kit block types supported by the builder in v1.
  */
-type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container';
+type SupportedBlockType = 'section' | 'header' | 'divider' | 'context' | 'actions' | 'image' | 'markdown' | 'rich_text' | 'table' | 'alert' | 'card' | 'carousel' | 'context_actions' | 'input' | 'video' | 'plan' | 'task_card' | 'data_visualization' | 'container' | 'data_table';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -180,15 +180,19 @@ interface MarkdownBlock {
     text: string;
     block_id?: string;
 }
+/**
+ * A plain-text cell in a {@link TableBlock} or {@link DataTableBlock} row.
+ */
+interface TableRawTextCell {
+    type: 'raw_text';
+    text: string;
+}
 /**
  * One cell in a {@link TableBlock} row. Slack accepts either a raw text
  * cell or a rich-text cell; the visual editor only emits raw text in v1
  * but preserves rich-text cells on edit.
  */
-type TableCell = {
-    type: 'raw_text';
-    text: string;
-} | {
+type TableCell = TableRawTextCell | {
     type: 'rich_text';
     elements: unknown[];
 };
@@ -210,6 +214,49 @@ interface TableBlock {
     column_settings?: TableColumnSetting[];
     block_id?: string;
 }
+/**
+ * A numeric cell in a {@link DataTableBlock} row. A column whose cells are
+ * all `raw_number` sorts numerically. `text`, when set, is shown in place
+ * of `value` (e.g. `"$1.2M"`).
+ */
+interface DataTableRawNumberCell {
+    type: 'raw_number';
+    value: number;
+    text?: string;
+}
+/**
+ * A button cell in a {@link DataTableBlock} row. Clicking it sends a
+ * `block_actions` payload; set the button's `value` to tell rows apart.
+ * `fallback` shows instead on clients that don't support action cells.
+ */
+interface DataTableActionCell {
+    type: 'action_cell';
+    element: Button;
+    fallback?: TableRawTextCell | DataTableRawNumberCell;
+}
+/**
+ * One cell in a {@link DataTableBlock} row. `rich_text` is not allowed in
+ * the header (first) row.
+ */
+type DataTableCell = TableCell | DataTableRawNumberCell | DataTableActionCell;
+/**
+ * Slack `data_table` block payload. A paginated, sortable table: the first
+ * row is the header, followed by 1-200 data rows of 1-20 cells each, all
+ * the same length. Valid on message and App Home surfaces.
+ * `slack-web-api-client` doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/data-table-block
+ */
+interface DataTableBlock {
+    type: 'data_table';
+    /** Required. Rendered as the table's HTML caption. */
+    caption: string;
+    rows: DataTableCell[][];
+    /** Rows per page, 1-100. Slack defaults to 5. */
+    page_size?: number;
+    /** 0-based index of the column that identifies each row. Slack defaults to 0. */
+    row_header_column_index?: number;
+    block_id?: string;
+}
 /**
  * Severity level for an {@link AlertBlock}. Controls the icon and color
  * accent rendered by Slack. Defaults to `default` when omitted.
@@ -557,7 +604,7 @@ type SupportedHeaderBlock = HeaderBlock & {
  * Subset of {@link AnyMessageBlock} from `slack-web-api-client`,
  * plus a header `level` extension.
  */
-type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock | DataTableBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
@@ -1360,4 +1407,4 @@ interface BlockKitchenComposeOnlyProps {
  */
 type BlockKitchenProps = BlockKitchenBaseProps & (BlockKitchenSendProps | BlockKitchenComposeOnlyProps);
 
-export { type PrimaryActionConfig as $, type AlertBlock as A, type BlockKitchenProps as B, type ChannelOption as C, type DataVisualizationBlock as D, type EditableVia as E, type FeedbackButtonSubobject as F, type IconButtonIcon as G, type HeaderLevel as H, type IconButtonElement as I, type InputBlock as J, type LoadResult as K, type LoadMessageInput as L, type LoadedMessage as M, type LoadingConfig as N, type MarkdownBlock as O, type PreviewSurface as P, type MentionUser as Q, type MentionsConfig as R, type SupportedBlock as S, type Template as T, type PaletteMode as U, type PaletteSection as V, type PaletteVariant as W, type PieChart as X, type PieChartSegment as Y, type PlanBlock as Z, type PreviewHooks as _, type SendAsUserStatus as a, type PrimaryActionContext as a0, type RecentMessage as a1, type SendResult as a2, type SupportedBlockType as a3, type SupportedHeaderBlock as a4, type TableBlock as a5, type TableCell as a6, type TableColumnSetting as a7, type TaskCardBlock as a8, type TaskCardStatus as a9, type UpdatePayload as aa, type UpdateResult as ab, type UrlSourceElement as ac, type ValidationSummary as ad, type VideoBlock as ae, defaultPalette as af, extraAlertVariant as ag, legacyInputVariants as ah, buildVariantById as ai, type SendPayload as b, type SendExtrasContext as c, type PreviewTheme as d, type AlertLevel as e, type BlockKitchenBaseProps as f, type BlockKitchenComposeOnlyProps as g, type BlockKitchenSendProps as h, type BrandPreset as i, type BrandTheme as j, type BrandTokens as k, type BuilderBlock as l, type CardBlock as m, type CarouselBlock as n, type CartesianChart as o, type Chart as p, type ChartAxisConfig as q, type ChartDataPoint as r, type ChartSeries as s, type ChartType as t, type ContainerBlock as u, type ContainerChildBlock as v, type ContextActionsBlock as w, type ContextActionsElement as x, type CustomEmoji as y, type FeedbackButtonsElement as z };
+export { type PieChart as $, type AlertBlock as A, type BlockKitchenProps as B, type ChannelOption as C, type DataTableActionCell as D, type DataTableCell as E, type DataTableRawNumberCell as F, type DataVisualizationBlock as G, type EditableVia as H, type FeedbackButtonSubobject as I, type FeedbackButtonsElement as J, type HeaderLevel as K, type IconButtonElement as L, type IconButtonIcon as M, type InputBlock as N, type LoadMessageInput as O, type PreviewSurface as P, type LoadResult as Q, type LoadedMessage as R, type SupportedBlock as S, type Template as T, type LoadingConfig as U, type MarkdownBlock as V, type MentionUser as W, type MentionsConfig as X, type PaletteMode as Y, type PaletteSection as Z, type PaletteVariant as _, type SendAsUserStatus as a, type PieChartSegment as a0, type PlanBlock as a1, type PreviewHooks as a2, type PrimaryActionConfig as a3, type PrimaryActionContext as a4, type RecentMessage as a5, type SendResult as a6, type SupportedBlockType as a7, type SupportedHeaderBlock as a8, type TableBlock as a9, type TableCell as aa, type TableColumnSetting as ab, type TableRawTextCell as ac, type TaskCardBlock as ad, type TaskCardStatus as ae, type UpdatePayload as af, type UpdateResult as ag, type UrlSourceElement as ah, type ValidationSummary as ai, type VideoBlock as aj, defaultPalette as ak, extraAlertVariant as al, legacyInputVariants as am, buildVariantById as an, type SendPayload as b, type SendExtrasContext as c, type PreviewTheme as d, type AlertLevel as e, type BlockKitchenBaseProps as f, type BlockKitchenComposeOnlyProps as g, type BlockKitchenSendProps as h, type BrandPreset as i, type BrandTheme as j, type BrandTokens as k, type BuilderBlock as l, type CardBlock as m, type CarouselBlock as n, type CartesianChart as o, type Chart as p, type ChartAxisConfig as q, type ChartDataPoint as r, type ChartSeries as s, type ChartType as t, type ContainerBlock as u, type ContainerChildBlock as v, type ContextActionsBlock as w, type ContextActionsElement as x, type CustomEmoji as y, type DataTableBlock as z };

package/dist/palette.cjs

@@ -944,6 +944,58 @@ var defaultPalette = [
             ]
           ]
         })
+      },
+      {
+        // Slack's documented example.
+        id: "data_table_basic",
+        label: "Data table",
+        factory: () => ({
+          type: "data_table",
+          caption: "A Fabulous Table",
+          rows: [
+            [
+              { type: "raw_text", text: "Name" },
+              { type: "raw_text", text: "Department" },
+              { type: "raw_text", text: "Badge" }
+            ],
+            [
+              { type: "raw_text", text: "Data Refinement Department" },
+              { type: "raw_text", text: "MDR" },
+              {
+                type: "rich_text",
+                elements: [
+                  { type: "rich_text_section", elements: [{ type: "text", text: "Blue", style: { bold: true } }] }
+                ]
+              }
+            ],
+            [
+              { type: "raw_text", text: "Art Sourcing Department" },
+              { type: "raw_text", text: "O&D" },
+              {
+                type: "rich_text",
+                elements: [
+                  {
+                    type: "rich_text_section",
+                    elements: [
+                      { type: "text", text: "Green " },
+                      { type: "text", text: "review", style: { italic: true } }
+                    ]
+                  }
+                ]
+              }
+            ],
+            [
+              { type: "raw_text", text: "Wellness Department" },
+              { type: "raw_text", text: "Wellness Center" },
+              {
+                type: "rich_text",
+                elements: [
+                  { type: "rich_text_section", elements: [{ type: "text", text: "Limited", style: { bold: true } }] }
+                ]
+              }
+            ]
+          ]
+        })
       }
     ]
   },