@dilipod/ui 0.4.33 → 0.4.35

package/src/components/sheet.tsx

@@ -53,12 +53,14 @@ const sheetVariants = cva(
 
 interface SheetContentProps
   extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
+    VariantProps<typeof sheetVariants> {
+  hideClose?: boolean
+}
 
 const SheetContent = React.forwardRef<
   React.ElementRef<typeof SheetPrimitive.Content>,
   SheetContentProps
->(({ side = 'right', className, children, ...props }, ref) => (
+>(({ side = 'right', className, children, hideClose, ...props }, ref) => (
   <SheetPortal>
     <SheetOverlay />
     <SheetPrimitive.Content
@@ -67,11 +69,13 @@ const SheetContent = React.forwardRef<
       {...props}
     >
       {children}
-      {/* @ts-expect-error - Radix Dialog Close accepts className and children at runtime */}
-      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100">
-        <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
-      </SheetPrimitive.Close>
+      {!hideClose && (
+        // @ts-expect-error - Radix Dialog Close accepts className and children at runtime
+        <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none data-[state=open]:bg-gray-100">
+          <X className="h-4 w-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      )}
     </SheetPrimitive.Content>
   </SheetPortal>
 ))

package/src/lib/slack.ts

@@ -98,6 +98,157 @@ export function slackActions(
   }
 }
 
+// ============================================
+// Modal & Select Builders
+// ============================================
+
+export interface SlackModalView {
+  type: 'modal'
+  callback_id: string
+  title: { type: 'plain_text'; text: string }
+  submit?: { type: 'plain_text'; text: string }
+  close?: { type: 'plain_text'; text: string }
+  blocks: SlackBlock[]
+  private_metadata?: string
+}
+
+export interface SlackOptionGroup {
+  label: { type: 'plain_text'; text: string }
+  options: Array<{
+    text: { type: 'plain_text'; text: string }
+    value: string
+  }>
+}
+
+/**
+ * Build a modal view for Slack.
+ *
+ *   slackModal({
+ *     callbackId: 'run_process',
+ *     title: 'Run a Process',
+ *     submitText: 'Run',
+ *     blocks: [...],
+ *   })
+ */
+export function slackModal(options: {
+  callbackId: string
+  title: string
+  submitText?: string
+  closeText?: string
+  blocks: SlackBlock[]
+  privateMetadata?: string
+}): SlackModalView {
+  return {
+    type: 'modal',
+    callback_id: options.callbackId,
+    title: { type: 'plain_text', text: options.title },
+    ...(options.submitText
+      ? { submit: { type: 'plain_text', text: options.submitText } }
+      : {}),
+    ...(options.closeText
+      ? { close: { type: 'plain_text', text: options.closeText } }
+      : {}),
+    blocks: options.blocks,
+    ...(options.privateMetadata
+      ? { private_metadata: options.privateMetadata }
+      : {}),
+  }
+}
+
+/**
+ * Build a static select input block (for modals or messages).
+ *
+ *   slackStaticSelect({
+ *     blockId: 'process_select',
+ *     actionId: 'process_id',
+ *     label: 'Process',
+ *     placeholder: 'Select a process',
+ *     optionGroups: [
+ *       { label: 'Invoice Bot', options: [{ text: 'Send Invoices', value: 'uuid' }] },
+ *     ],
+ *   })
+ */
+export function slackStaticSelect(options: {
+  blockId: string
+  actionId: string
+  label: string
+  placeholder?: string
+  options?: Array<{ text: string; value: string }>
+  optionGroups?: Array<{ label: string; options: Array<{ text: string; value: string }> }>
+}): SlackBlock {
+  const element: Record<string, unknown> = {
+    type: 'static_select',
+    action_id: options.actionId,
+    placeholder: { type: 'plain_text', text: options.placeholder || 'Select...' },
+  }
+
+  if (options.optionGroups) {
+    element.option_groups = options.optionGroups.map((group) => ({
+      label: { type: 'plain_text', text: group.label },
+      options: group.options.map((opt) => ({
+        text: { type: 'plain_text', text: opt.text },
+        value: opt.value,
+      })),
+    }))
+  } else if (options.options) {
+    element.options = options.options.map((opt) => ({
+      text: { type: 'plain_text', text: opt.text },
+      value: opt.value,
+    }))
+  }
+
+  return {
+    type: 'input',
+    block_id: options.blockId,
+    label: { type: 'plain_text', text: options.label },
+    element,
+  } as unknown as SlackBlock
+}
+
+/**
+ * Build a plain text input block (for modals).
+ */
+export function slackTextInput(options: {
+  blockId: string
+  actionId: string
+  label: string
+  placeholder?: string
+  optional?: boolean
+  multiline?: boolean
+}): SlackBlock {
+  return {
+    type: 'input',
+    block_id: options.blockId,
+    optional: options.optional ?? false,
+    label: { type: 'plain_text', text: options.label },
+    element: {
+      type: 'plain_text_input',
+      action_id: options.actionId,
+      ...(options.placeholder
+        ? { placeholder: { type: 'plain_text', text: options.placeholder } }
+        : {}),
+      ...(options.multiline ? { multiline: true } : {}),
+    },
+  } as unknown as SlackBlock
+}
+
+/**
+ * Build a divider block.
+ */
+export function slackDivider(): SlackBlock {
+  return { type: 'divider' } as SlackBlock
+}
+
+/**
+ * Build a context block (small muted text).
+ */
+export function slackContext(text: string): SlackBlock {
+  return {
+    type: 'context',
+    elements: [{ type: 'mrkdwn', text }],
+  } as unknown as SlackBlock
+}
+
 // ============================================
 // Message Builder
 // ============================================

package/src/server.ts

@@ -10,8 +10,25 @@
 export { emailTemplate, buttonHtml, infoBoxHtml, noteBoxHtml } from './lib/email'
 
 // Slack Block Kit Helpers
-export { slackMessage, slackSection, slackFields, slackActions } from './lib/slack'
-export type { SlackBlock, SlackElement, SlackField, SlackMessage } from './lib/slack'
+export {
+  slackMessage,
+  slackSection,
+  slackFields,
+  slackActions,
+  slackModal,
+  slackStaticSelect,
+  slackTextInput,
+  slackDivider,
+  slackContext,
+} from './lib/slack'
+export type {
+  SlackBlock,
+  SlackElement,
+  SlackField,
+  SlackMessage,
+  SlackModalView,
+  SlackOptionGroup,
+} from './lib/slack'
 
 // Formatting Utilities
 export { formatCentsToEuros, formatEuros, formatDuration, formatRelativeTime } from './lib/formatting'