@abyss-project/commons-front-core 14.0.0 → 15.0.0

package/dist/components/business/Support/support-status-timeline.logic.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/business/Support/support-tone.d.ts

@@ -0,0 +1,11 @@
+import { SupportTicketCategoryGroup, SupportTicketPriority, SupportTicketStatus } from '@abyss-project/main';
+import { StatusTone } from '../../meaning/StatusBadge/StatusBadge';
+/**
+ * The tone of each status of a support ticket. The core has six tones: an archived ticket shares
+ * the neutral tone of a closed one and is told from it by its label, never by colour alone.
+ */
+export declare const SUPPORT_STATUS_TONE: Record<SupportTicketStatus, StatusTone>;
+/** The tone of the dot before a priority name. */
+export declare const SUPPORT_PRIORITY_TONE: Record<SupportTicketPriority, StatusTone>;
+/** The tone of a category group: the dot of its categories and the accent of its card. */
+export declare const SUPPORT_GROUP_TONE: Record<SupportTicketCategoryGroup, StatusTone>;

package/dist/components/business/Support/test-support/support-detail.fixtures.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { SupportTicketStatus, ISupportTicket } from '@abyss-project/main';
+/** Shared fixtures of the specs of the ticket detail. */
+/** The ticket of the thread fixtures, in another status. */
+export declare const ticketIn: (status: SupportTicketStatus) => ISupportTicket;
+/** `wrap`, with the host of the confirmations the actions of a ticket ask. */
+export declare const wrapWithConfirm: (node: ReactNode) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/test-support/support-thread.fixtures.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UserLanguage, ISupportTicket, ISupportTicketAttachment, ISupportTicketMessage } from '@abyss-project/main';
+import { Theme } from '@mui/material';
+/** Shared fixtures of the specs of the ticket thread. */
+export declare const theme: Theme;
+export declare const ticket: ISupportTicket;
+export declare const message: (id: string, userId: string, isAdminNote?: boolean) => ISupportTicketMessage;
+export declare const supportAttachment: (id: string, mimeType: string, extra?: Partial<ISupportTicketAttachment>) => ISupportTicketAttachment;
+export declare const wrap: (node: ReactNode, language?: UserLanguage) => import("react/jsx-runtime").JSX.Element;

package/dist/{legacy/components → components/business}/Support/types.d.ts

@@ -52,12 +52,18 @@ export interface SupportTicketListProps {
     subtitle?: string;
     /** Hide the create button */
     hideCreateButton?: boolean;
+    /** Leave the page header (title, subtitle, create button) to the host, which lays out its own */
+    hideHeader?: boolean;
     /** URL builder for user profile pictures (required when isAdmin is true) */
     getProfilePictureUrl: (userId: string) => string;
     /** URL builder for organization logos (required when isAdmin is true) */
     getOrgLogoUrl: (orgId: string) => string;
     /** Available tags for filtering (admin only) */
     availableTags?: ISupportTicketTag[];
+    /** Set when the tickets could not be loaded: the list shows the error block with a retry. */
+    error?: {
+        onRetry: () => void;
+    };
 }
 export interface SupportTicketCreateValues {
     title: string;
@@ -250,7 +256,8 @@ export interface SupportSidebarProps extends SupportCloudImportProps {
     renderScanStatusBadge?: (attachment: ISupportTicketAttachment) => ReactNode;
 }
 export interface SupportTicketDetailProps extends SupportCloudImportProps {
-    ticket: ISupportTicket;
+    /** The ticket once loaded; `null` when there is none to show (the not-found block). */
+    ticket: ISupportTicket | null;
     /** Thumbnail URL of an attachment's preview image. */
     getFileThumbnailUrl: (id: string) => string;
     messages: ISupportTicketMessage[];
@@ -259,6 +266,10 @@ export interface SupportTicketDetailProps extends SupportCloudImportProps {
     targetMessageId?: string;
     isAdmin?: boolean;
     isLoading?: boolean;
+    /** Set when the ticket could not be loaded: the detail shows the error block with a retry. */
+    error?: {
+        onRetry: () => void;
+    };
     onNavigateBack?: () => void;
     onSendMessage: (content: string) => void;
     onSendAdminNote?: (content: string) => void;
@@ -313,15 +324,13 @@ export interface SupportTicketDetailProps extends SupportCloudImportProps {
 }
 export interface SupportStatusBadgeProps {
     status: SupportTicketStatus;
-    size?: 'small' | 'medium';
 }
 export interface SupportPriorityChipProps {
     priority: SupportTicketPriority;
+    /** The larger chip is for a step that is read rather than scanned. */
     size?: 'small' | 'medium';
-    onDelete?: () => void;
 }
 export interface SupportCategoryChipProps {
     category: SupportTicketCategory;
     size?: 'small' | 'medium';
-    onDelete?: () => void;
 }

package/dist/components/business/Support/use-support-create-error-message.hook.d.ts

@@ -0,0 +1,4 @@
+import { SupportTicketPriority } from '@abyss-project/main';
+import { SupportCreateError } from './support-create.logic';
+/** The sentence that tells what is wrong with a field of the ticket-creation components. */
+export declare const useSupportCreateErrorMessage: () => ((error: SupportCreateError, priority: SupportTicketPriority) => string);

package/dist/components/business/index.d.ts

@@ -5,3 +5,23 @@ export * from './QRCodeModal/QRCodeModal';
 export * from './CookieConsent/AbyssCookieConsentProvider';
 export * from './CookieConsent/CookieConsentBanner';
 export * from './CookieConsent/CookieConsentSettings';
+export * from './Support/types';
+export * from './Support/SupportPill';
+export * from './Support/SupportStatusBadge.component';
+export * from './Support/SupportPriorityChip.component';
+export * from './Support/SupportCategoryChip.component';
+export * from './Support/SupportCategorySelect.component';
+export * from './Support/SupportCategoryGroupCards.component';
+export * from './Support/AbyssServiceSelect.component';
+export * from './Support/SupportTicketCreateForm.component';
+export * from './Support/SupportTicketCreateStepper.component';
+export * from './Support/SupportTicketList.component';
+export * from './Support/SupportMessageThread.component';
+export * from './Support/SupportMessageInput.component';
+export * from './Support/SupportAttachmentsPanel.component';
+export * from './Support/SupportActivityLog.component';
+export * from './Support/SupportActionButtons.component';
+export * from './Support/SupportStatusTimeline.component';
+export * from './Support/SupportTopBar.component';
+export * from './Support/SupportSidebar.component';
+export * from './Support/SupportTicketDetail.component';

package/dist/components/inputs/ExpressionSearch/ExpressionSearch.d.ts

@@ -17,6 +17,11 @@ export interface ExpressionSearchProps {
     /** The values of `field` (as typed, `@` included) that start with `prefix`. */
     fetchValues(field: string, prefix: string): Promise<ExpressionValueSuggestion[]>;
     placeholder?: string;
+    /**
+     * Accept `field:/pattern/` as a valid term (an alert rule's expression, the only place a regex
+     * is read). Off by default: anywhere else a regex is a syntax error at the slash.
+     */
+    allowRegex?: boolean;
 }
 /** Pause after the last keystroke before the suggestions are asked for, in ms. */
 export declare const SUGGESTION_DELAY_MS = 150;
@@ -27,4 +32,4 @@ export declare const SUGGESTION_DELAY_MS = 150;
  * before the colon, are suggested from the host's lookups; ArrowUp and ArrowDown move through
  * them, Enter picks (or submits when none is highlighted), Escape closes the list.
  */
-export declare function ExpressionSearch({ value, onChange, onSubmit, fetchKeys, fetchValues, placeholder, }: ExpressionSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpressionSearch({ value, onChange, onSubmit, fetchKeys, fetchValues, placeholder, allowRegex, }: ExpressionSearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/SegmentedControl/SegmentedControl.d.ts

@@ -2,16 +2,24 @@ export interface SegmentedOption<V extends string> {
     value: V;
     label: string;
     count?: number;
+    /** Rendered as `data-testid` on the segment. */
+    testId?: string;
+    /** Accessible name of the segment when the visible label is not enough (an abbreviation). */
+    ariaLabel?: string;
+    /** Language of the label when it differs from the page's (`lang` of the segment). */
+    lang?: string;
 }
 export interface SegmentedControlProps<V extends string> {
     options: SegmentedOption<V>[];
     value: V;
     onChange(value: V): void;
     ariaLabel: string;
+    /** Rendered as `data-testid` on the group (the element carrying `ariaLabel`). */
+    testId?: string;
 }
 /**
  * A segmented choice (`.seg`): one option is selected at a time. A `radiogroup` with a roving tab
  * stop: Tab enters on the selected option, arrow keys move the selection (wrapping), Home and End
  * jump to the ends.
  */
-export declare function SegmentedControl<V extends string>({ options, value, onChange, ariaLabel, }: SegmentedControlProps<V>): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl<V extends string>({ options, value, onChange, ariaLabel, testId, }: SegmentedControlProps<V>): import("react/jsx-runtime").JSX.Element;

package/dist/cookie-consent.js

@@ -1,5 +1,5 @@
-import { A as e, d as a, C as n, b as C, D as i, R as t, V as r, e as A, r as k, f as c, u as l, c as f, a as b, w as u } from "./CookieConsentSettings-DyJGEnVA.js";
-import { f as E } from "./Surface-B_J_I_1i.js";
+import { A as e, d as a, C as n, b as C, D as i, R as t, V as r, e as A, r as k, f as c, u as l, c as f, a as b, w as u } from "./CookieConsentSettings-B7NfjgaI.js";
+import { f as E } from "./Surface-BEhoEhyC.js";
 export {
   e as AbyssCookieConsentProvider,
   a as COOKIE_NAME,