@abyss-project/commons-front-core 14.0.0 → 16.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/data/LineChart/LineChart.d.ts

@@ -20,6 +20,26 @@ export interface LineChartSeries {
      * the `status.*` color of the tone. Without tone, the series takes the next data series color.
      */
     tone?: ChartSeriesTone;
+    /**
+     * Points of the series to mark (an anomaly, an event): a dot in the `status.danger` color on the
+     * line at each listed x that has a value. `label` names the marks in the legend.
+     */
+    markers?: {
+        label: string;
+        xs: LineChartX[];
+    };
+}
+/** One x of a band: the values it spans, `null` on both where the band has none (it breaks there). */
+export interface LineChartBandPoint {
+    x: LineChartX;
+    lower: number | null;
+    upper: number | null;
+}
+/** The area between a lower and an upper bound (a baseline range), drawn behind the lines. */
+export interface LineChartBand {
+    /** Name of the band, in the legend. */
+    label: string;
+    points: LineChartBandPoint[];
 }
 export interface LineChartProps {
     series: LineChartSeries[];
@@ -32,6 +52,11 @@ export interface LineChartProps {
      * counts as zero there. The tooltip and the table of values keep each series' own values.
      */
     stacked?: boolean;
+    /**
+     * An area between two bounds, filled at the `.soft` opacity in the `status.neutral` color behind
+     * the lines; the y axis spans its values. Not drawn on a `stacked` chart.
+     */
+    band?: LineChartBand;
     /** Text of an x value: axis ticks, tooltip, table of values. */
     formatX(x: LineChartX): string;
     /** Text of a y value: axis ticks, tooltip, table of values. */
@@ -49,4 +74,4 @@ export interface LineChartProps {
  * of drawing empty axes. A `null` y breaks the line (see `LineChartPoint`). A chart with a single x
  * draws each series' value as a dot, since no line can be drawn through one x.
  */
-export declare function LineChart({ series, height, area, stacked, formatX, formatY, label, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function LineChart({ series, height, area, stacked, band, formatX, formatY, label, }: LineChartProps): import("react/jsx-runtime").JSX.Element;

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,