@tightknitai/block-kitchen 0.8.7 → 0.8.9

package/dist/{palette-WZCUVJTn.d.cts → palette-DBTHRygt.d.cts}

@@ -151,7 +151,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';
+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';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -473,6 +473,46 @@ interface DataVisualizationBlock {
     chart: Chart;
     block_id?: string;
 }
+/**
+ * A block allowed inside a {@link ContainerBlock}'s `child_blocks` array.
+ * Slack permits actions, context, divider, file, header, image, input,
+ * rich_text, section, table, and video — notably not `container` itself
+ * (no nesting) nor message-only chrome like card / carousel / markdown.
+ * This mirrors that set across the block types the builder models (`file`
+ * is omitted because the builder has no file block).
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+type ContainerChildBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | RichTextBlock | TableBlock | InputBlock | VideoBlock;
+/**
+ * Slack `container` block payload. A general-purpose wrapper that groups
+ * 1-10 child blocks into a single, optionally collapsible unit with a
+ * configurable width. Valid on the message surface only.
+ * `default_collapsed` only takes effect when `is_collapsible` is true.
+ *
+ * Note: despite what the API reference says, `title` and `subtitle` are
+ * `plain_text` text objects, not plain strings. `slack-web-api-client`
+ * doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+interface ContainerBlock {
+    type: 'container';
+    title: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    child_blocks: ContainerChildBlock[];
+    subtitle?: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    icon?: ImageElement;
+    width?: 'narrow' | 'standard' | 'wide' | 'full';
+    is_collapsible?: boolean;
+    default_collapsed?: boolean;
+    block_id?: string;
+}
 /**
  * Header heading level shown in the preview. Slack's API has no
  * `level` field on header blocks, so this is a builder-only extension
@@ -491,15 +531,22 @@ 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;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
  * It is stripped before serialization to Slack.
+ *
+ * For `container` blocks, `children` holds the wrapped child blocks and is
+ * the authoritative store for drag-and-drop identity; `block.child_blocks`
+ * is kept mirrored from it so the payload stays valid for serialization,
+ * validation, and preview without those paths needing to know about the
+ * nesting. `children` is absent for every other block type.
  */
 interface BuilderBlock {
     id: string;
     block: SupportedBlock;
+    children?: BuilderBlock[];
 }
 /**
  * Channel record returned by {@link BlockKitchenProps.loadChannels}.
@@ -806,4 +853,4 @@ interface BlockKitchenProps {
     theme?: BrandTheme | BrandPreset;
 }
 
-export { type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type SendPayload as E, type FeedbackButtonSubobject as F, type SendResult as G, type HeaderLevel as H, type IconButtonElement as I, type SupportedBlock as J, type SupportedBlockType as K, type SupportedHeaderBlock as L, type MarkdownBlock as M, type TableCell as N, type TableColumnSetting as O, type PaletteSection as P, type TaskCardBlock as Q, type TaskCardStatus as R, type SendAsUserStatus as S, type TableBlock as T, type Template as U, type UrlSourceElement as V, type VideoBlock as W, buildVariantById as X, defaultPalette as Y, extraAlertVariant as Z, legacyInputVariants as _, type AlertLevel as a, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContextActionsBlock as n, type ContextActionsElement as o, type CustomEmoji as p, type FeedbackButtonsElement as q, type IconButtonIcon as r, type InputBlock as s, type PaletteVariant as t, type PieChart as u, type PieChartSegment as v, type PlanBlock as w, type PreviewHooks as x, type PreviewSurface as y, type PreviewTheme as z };
+export { extraAlertVariant as $, type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type PreviewSurface as E, type FeedbackButtonSubobject as F, type PreviewTheme as G, type HeaderLevel as H, type IconButtonElement as I, type SendPayload as J, type SendResult as K, type SupportedBlock as L, type MarkdownBlock as M, type SupportedBlockType as N, type SupportedHeaderBlock as O, type PaletteSection as P, type TableCell as Q, type TableColumnSetting as R, type SendAsUserStatus as S, type TableBlock as T, type TaskCardBlock as U, type TaskCardStatus as V, type Template as W, type UrlSourceElement as X, type VideoBlock as Y, buildVariantById as Z, defaultPalette as _, type AlertLevel as a, legacyInputVariants as a0, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContainerBlock as n, type ContainerChildBlock as o, type ContextActionsBlock as p, type ContextActionsElement as q, type CustomEmoji as r, type FeedbackButtonsElement as s, type IconButtonIcon as t, type InputBlock as u, type PaletteVariant as v, type PieChart as w, type PieChartSegment as x, type PlanBlock as y, type PreviewHooks as z };

package/dist/{palette-WZCUVJTn.d.ts → palette-DBTHRygt.d.ts}

@@ -151,7 +151,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';
+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';
 /**
  * Slack `markdown` block payload. Renders standard markdown (GFM)
  * via `slack-blocks-to-jsx`'s react-markdown integration.
@@ -473,6 +473,46 @@ interface DataVisualizationBlock {
     chart: Chart;
     block_id?: string;
 }
+/**
+ * A block allowed inside a {@link ContainerBlock}'s `child_blocks` array.
+ * Slack permits actions, context, divider, file, header, image, input,
+ * rich_text, section, table, and video — notably not `container` itself
+ * (no nesting) nor message-only chrome like card / carousel / markdown.
+ * This mirrors that set across the block types the builder models (`file`
+ * is omitted because the builder has no file block).
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+type ContainerChildBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | RichTextBlock | TableBlock | InputBlock | VideoBlock;
+/**
+ * Slack `container` block payload. A general-purpose wrapper that groups
+ * 1-10 child blocks into a single, optionally collapsible unit with a
+ * configurable width. Valid on the message surface only.
+ * `default_collapsed` only takes effect when `is_collapsible` is true.
+ *
+ * Note: despite what the API reference says, `title` and `subtitle` are
+ * `plain_text` text objects, not plain strings. `slack-web-api-client`
+ * doesn't ship this type yet, so we declare it.
+ * @see https://docs.slack.dev/reference/block-kit/blocks/container-block
+ */
+interface ContainerBlock {
+    type: 'container';
+    title: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    child_blocks: ContainerChildBlock[];
+    subtitle?: {
+        type: 'plain_text';
+        text: string;
+        emoji?: boolean;
+    };
+    icon?: ImageElement;
+    width?: 'narrow' | 'standard' | 'wide' | 'full';
+    is_collapsible?: boolean;
+    default_collapsed?: boolean;
+    block_id?: string;
+}
 /**
  * Header heading level shown in the preview. Slack's API has no
  * `level` field on header blocks, so this is a builder-only extension
@@ -491,15 +531,22 @@ 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;
+type SupportedBlock = SectionBlock | SupportedHeaderBlock | DividerBlock | ContextBlock | ActionsBlock | ImageBlock | MarkdownBlock | RichTextBlock | TableBlock | AlertBlock | CardBlock | CarouselBlock | ContextActionsBlock | InputBlock | VideoBlock | PlanBlock | TaskCardBlock | DataVisualizationBlock | ContainerBlock;
 /**
  * A block as represented inside the builder's working state.
  * `id` is an ephemeral client-side identifier used by DnD and selection.
  * It is stripped before serialization to Slack.
+ *
+ * For `container` blocks, `children` holds the wrapped child blocks and is
+ * the authoritative store for drag-and-drop identity; `block.child_blocks`
+ * is kept mirrored from it so the payload stays valid for serialization,
+ * validation, and preview without those paths needing to know about the
+ * nesting. `children` is absent for every other block type.
  */
 interface BuilderBlock {
     id: string;
     block: SupportedBlock;
+    children?: BuilderBlock[];
 }
 /**
  * Channel record returned by {@link BlockKitchenProps.loadChannels}.
@@ -806,4 +853,4 @@ interface BlockKitchenProps {
     theme?: BrandTheme | BrandPreset;
 }
 
-export { type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type SendPayload as E, type FeedbackButtonSubobject as F, type SendResult as G, type HeaderLevel as H, type IconButtonElement as I, type SupportedBlock as J, type SupportedBlockType as K, type SupportedHeaderBlock as L, type MarkdownBlock as M, type TableCell as N, type TableColumnSetting as O, type PaletteSection as P, type TaskCardBlock as Q, type TaskCardStatus as R, type SendAsUserStatus as S, type TableBlock as T, type Template as U, type UrlSourceElement as V, type VideoBlock as W, buildVariantById as X, defaultPalette as Y, extraAlertVariant as Z, legacyInputVariants as _, type AlertLevel as a, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContextActionsBlock as n, type ContextActionsElement as o, type CustomEmoji as p, type FeedbackButtonsElement as q, type IconButtonIcon as r, type InputBlock as s, type PaletteVariant as t, type PieChart as u, type PieChartSegment as v, type PlanBlock as w, type PreviewHooks as x, type PreviewSurface as y, type PreviewTheme as z };
+export { extraAlertVariant as $, type AlertBlock as A, type BlockKitchenProps as B, type CardBlock as C, type DataVisualizationBlock as D, type PreviewSurface as E, type FeedbackButtonSubobject as F, type PreviewTheme as G, type HeaderLevel as H, type IconButtonElement as I, type SendPayload as J, type SendResult as K, type SupportedBlock as L, type MarkdownBlock as M, type SupportedBlockType as N, type SupportedHeaderBlock as O, type PaletteSection as P, type TableCell as Q, type TableColumnSetting as R, type SendAsUserStatus as S, type TableBlock as T, type TaskCardBlock as U, type TaskCardStatus as V, type Template as W, type UrlSourceElement as X, type VideoBlock as Y, buildVariantById as Z, defaultPalette as _, type AlertLevel as a, legacyInputVariants as a0, type BrandPreset as b, type BrandTheme as c, type BrandTokens as d, type BuilderBlock as e, type CarouselBlock as f, type CartesianChart as g, type ChannelOption as h, type Chart as i, type ChartAxisConfig as j, type ChartDataPoint as k, type ChartSeries as l, type ChartType as m, type ContainerBlock as n, type ContainerChildBlock as o, type ContextActionsBlock as p, type ContextActionsElement as q, type CustomEmoji as r, type FeedbackButtonsElement as s, type IconButtonIcon as t, type InputBlock as u, type PaletteVariant as v, type PieChart as w, type PieChartSegment as x, type PlanBlock as y, type PreviewHooks as z };

package/dist/palette.cjs

@@ -1072,6 +1072,49 @@ var defaultPalette = [
         })
       }
     ]
+  },
+  {
+    name: "Container",
+    icon: lucideReact.Container,
+    variants: [
+      {
+        id: "container_collapsible",
+        label: "Collapsible container",
+        factory: () => ({
+          type: "container",
+          title: { type: "plain_text", text: "Bulk update: 2 records selected" },
+          subtitle: { type: "plain_text", text: "Review changes before confirming" },
+          is_collapsible: true,
+          child_blocks: [
+            {
+              type: "section",
+              text: { type: "mrkdwn", text: "*DCW-1024*\nStatus: Open \u2192 Closed" }
+            },
+            { type: "divider" },
+            {
+              type: "section",
+              text: { type: "mrkdwn", text: "*DCW-1025*\nStatus: In Progress \u2192 Closed" }
+            },
+            {
+              type: "actions",
+              elements: [
+                {
+                  type: "button",
+                  text: { type: "plain_text", text: "Confirm All", emoji: true },
+                  style: "primary",
+                  action_id: "bulk_confirm"
+                },
+                {
+                  type: "button",
+                  text: { type: "plain_text", text: "Cancel", emoji: true },
+                  action_id: "bulk_cancel"
+                }
+              ]
+            }
+          ]
+        })
+      }
+    ]
   }
 ];
 var legacyInputVariants = [