@freedom-code-compliance/fcc-redesign 0.1.52 → 0.1.54

package/index.d.ts

@@ -139,6 +139,7 @@ export interface FCCChatDetailModel {
   onMessageCopy?: (message: FCCChatMessage) => void
   composerPlaceholder?: string
   onSubmit?: (value: string) => void
+  composer?: FCCChatComposerProps
   [key: string]: unknown
 }
 
@@ -188,6 +189,19 @@ export interface FCCChatSidebarProps extends Omit<ComponentPropsWithoutRef<'sect
   filters?: FCCChatFilterState
   onFiltersChange?: (filters: FCCChatFilterState) => void
   detail: FCCChatDetailModel | null
+  newTicket?: FCCChatNewTicketFormProps & {
+    onOpen?: () => void
+    onCreated?: (values: FCCChatNewTicketFormValues) => void
+    onError?: (error: unknown, values: FCCChatNewTicketFormValues) => void
+  }
+  newDM?: FCCChatNewDMModalProps & {
+    onOpen?: () => void
+    onCreated?: (users: FCCChatNewDMUser[], ids: string[]) => void
+    onError?: (error: unknown, users: FCCChatNewDMUser[], ids: string[]) => void
+  }
+  composer?: FCCChatComposerProps & {
+    onStartHubUpdate?: () => void
+  }
   slots?: FCCChatSidebarSlots
   mobilePortalTargetSelector?: string | null
 }
@@ -216,6 +230,101 @@ export interface FCCChatComposerFrameProps {
   children?: ReactNode
 }
 
+export interface FCCChatComposerSubmitMeta {
+  attachments?: FCCChatAttachment[]
+  quote?: FCCChatMessage | Record<string, unknown>
+}
+
+export interface FCCChatComposerProps {
+  placeholder?: string
+  value?: string
+  onChange?: (value: string) => void
+  onSubmit?: (value: string, meta: FCCChatComposerSubmitMeta) => void | Promise<void>
+  disabled?: boolean
+  attachments?: FCCChatAttachment[]
+  onAttach?: (files: File[]) => void
+  onRemoveAttachment?: (attachment: FCCChatAttachment, index: number) => void
+  quote?: FCCChatMessage | Record<string, unknown>
+  onCancelQuote?: () => void
+  mentionSuggestions?: FCCChatAvatarGroupItem[]
+  departmentSuggestions?: FCCChatAvatarGroupItem[]
+  leadingAction?: ReactNode
+  sendLabel?: string
+  className?: string
+}
+
+export interface FCCChatNewTicketFormValues {
+  projectId?: string
+  projectName?: ReactNode
+  departmentCode?: string
+  targetType?: string
+  title: string
+  message?: string
+  visibility?: 'internal' | 'public' | string
+  files?: File[]
+}
+
+export interface FCCChatOption {
+  id?: string
+  value?: string
+  label?: ReactNode
+  name?: ReactNode
+  title?: ReactNode
+  [key: string]: unknown
+}
+
+export interface FCCChatNewTicketFormProps {
+  title?: ReactNode
+  description?: ReactNode
+  projects?: FCCChatOption[]
+  departments?: FCCChatOption[]
+  targetTypes?: FCCChatOption[]
+  defaultProjectId?: string
+  defaultProjectName?: ReactNode
+  lockProject?: boolean
+  initialValues?: Partial<FCCChatNewTicketFormValues>
+  files?: File[]
+  onFilesChange?: (files: File[]) => void
+  onAttach?: (files: File[]) => void
+  onRemoveFile?: (file: File, index: number) => void
+  attachmentAccept?: string
+  attachLabel?: ReactNode
+  projectLabel?: ReactNode
+  departmentLabel?: ReactNode
+  targetLabel?: ReactNode
+  titleLabel?: ReactNode
+  messageLabel?: ReactNode
+  titlePlaceholder?: string
+  messagePlaceholder?: string
+  onSearchProjects?: (query: string) => void
+  onSubmit?: (values: FCCChatNewTicketFormValues) => void | Promise<void>
+  onClose?: () => void
+  isSubmitting?: boolean
+  submitLabel?: ReactNode
+}
+
+export interface FCCChatNewDMUser extends FCCChatAvatarGroupItem {
+  value?: string
+  label?: ReactNode
+  email?: ReactNode
+  role?: ReactNode
+  subtitle?: ReactNode
+  [key: string]: unknown
+}
+
+export interface FCCChatNewDMModalProps {
+  open?: boolean
+  title?: ReactNode
+  users?: FCCChatNewDMUser[]
+  selectedUserIds?: string[]
+  onSelectedUserIdsChange?: (ids: string[]) => void
+  onSearchUsers?: (query: string) => void
+  onCreateDM?: (users: FCCChatNewDMUser[], ids: string[]) => void | Promise<void>
+  onClose?: () => void
+  isSubmitting?: boolean
+  emptyLabel?: ReactNode
+}
+
 export interface FCCChatHubFeedProps {
   updates?: FCCChatHubUpdate[]
   onSelectUpdate?: (update: FCCChatHubUpdate) => void
@@ -231,7 +340,10 @@ export interface FCCChatTicketStatusTrackerProps {
 
 export function FCCChatSidebar(props: FCCChatSidebarProps): JSX.Element
 export function FCCChatMessageList(props: FCCChatMessageListProps): JSX.Element
+export function FCCChatComposer(props: FCCChatComposerProps): JSX.Element
 export function FCCChatComposerFrame(props: FCCChatComposerFrameProps): JSX.Element
+export function FCCChatNewTicketForm(props: FCCChatNewTicketFormProps): JSX.Element
+export function FCCChatNewDMModal(props: FCCChatNewDMModalProps): JSX.Element | null
 export function FCCChatHubFeed(props: FCCChatHubFeedProps): JSX.Element
 export function FCCChatTicketStatusTracker(props: FCCChatTicketStatusTrackerProps): JSX.Element
 
@@ -246,6 +358,16 @@ export const FCC_CHAT_BREAKPOINTS: {
   mobile: number
   smallDesktop: number
 }
+export interface FCCChatSidebarWidths {
+  viewport: FCCChatViewport
+  railWidth: number
+  detailWidth: number
+  collapsedWidth: number
+  expandedWidth: number
+  currentWidth: number
+}
+export function useFCCChatViewport(): FCCChatViewport
+export function useFCCChatSidebarWidths(detailOpen?: boolean): FCCChatSidebarWidths
 
 export type FCCCallsSidePanelTab = 'dial' | 'calls' | 'voicemail'
 
@@ -448,6 +570,65 @@ export const KPICard: FCCAnyComponent
 export const StatCard: FCCAnyComponent
 export const NotificationsPanel: FCCAnyComponent
 
+export interface FCCNotificationSidePanelItem {
+  id: string
+  title?: ReactNode
+  body?: ReactNode
+  message?: ReactNode
+  text?: ReactNode
+  detail?: ReactNode
+  actorName?: string
+  userName?: string
+  user?: string
+  requesterName?: string
+  senderName?: string
+  avatarUrl?: string | null
+  actorAvatarUrl?: string | null
+  userAvatar?: string | null
+  imageUrl?: string | null
+  avatarInitials?: string
+  initials?: string
+  timestamp?: string | number | Date | null
+  createdAt?: string | number | Date | null
+  date?: string | number | Date | null
+  timeStamp?: string | number | Date | null
+  timeLabel?: ReactNode
+  time?: ReactNode
+  isRead?: boolean
+  read?: boolean
+  readAt?: string | null
+  groupKey?: 'today' | 'yesterday' | 'thisWeek' | 'older' | string
+  [key: string]: unknown
+}
+
+export interface FCCNotificationSidePanelProps {
+  notifications?: FCCNotificationSidePanelItem[]
+  loading?: boolean
+  title?: ReactNode
+  statusLabel?: ReactNode
+  emptyTitle?: ReactNode
+  emptyUnreadTitle?: ReactNode
+  emptyDescription?: ReactNode
+  markAllReadLabel?: ReactNode
+  closeLabel?: string
+  activeFilter?: 'all' | 'unread' | string
+  defaultFilter?: 'all' | 'unread' | string
+  onFilterChange?: (filter: string) => void
+  onNotificationClick?: (notification: FCCNotificationSidePanelItem) => void
+  onMarkRead?: (id: string, notification: FCCNotificationSidePanelItem) => void
+  onMarkAllRead?: () => void
+  onClose?: () => void
+  renderNotification?: (
+    notification: FCCNotificationSidePanelItem,
+    helpers: { onClick: () => void; defaultNode: ReactNode },
+  ) => ReactNode
+  showCloseButton?: boolean
+  showMarkAllRead?: boolean
+  className?: string
+}
+
+export const FCCNotificationSidePanel: ComponentType<FCCNotificationSidePanelProps>
+
 export type FCCIconName =
   | 'inbox'
   | 'issues'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@freedom-code-compliance/fcc-redesign",
   "private": false,
-  "version": "0.1.52",
+  "version": "0.1.54",
   "description": "Reusable FCC design system components and theme for fccPRO and fccOPS.",
   "type": "module",
   "repository": {