@abyss-project/commons-front-core 3.1.0 → 3.2.0

package/dist/components/Cards/project-card-date.spec.d.ts

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

package/dist/components/Charts/AbyssCashFlowChart/AbyssCashFlowChart.component.spec.d.ts

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

package/dist/components/Charts/AbyssLineChart/AbyssLineChart.component.d.ts

@@ -1,13 +1,16 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
+import { LineSvgProps } from '@nivo/line';
 type DataPoint = {
-    x: string | number;
-    y: number;
+    x: string | number | Date;
+    y: number | null;
 };
 type LineSeries = {
     id: string;
     data: DataPoint[];
 };
+type LineXScaleType = 'point' | 'time';
+type AxisTickValues = NonNullable<LineSvgProps['axisBottom']>['tickValues'];
 type AbyssLineChartProps = {
     data: LineSeries[];
     xLabel?: string;
@@ -22,6 +25,9 @@ type AbyssLineChartProps = {
     colors?: string[];
     enableArea?: boolean;
     curve?: 'linear' | 'monotoneX' | 'cardinal' | 'step';
+    xScaleType?: LineXScaleType;
+    enablePoints?: boolean;
+    xTickValues?: AxisTickValues;
 };
 export declare const AbyssLineChart: React.FC<AbyssLineChartProps>;
 export {};

package/dist/components/Charts/AbyssLineChart/AbyssLineChart.component.spec.d.ts

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

package/dist/components/CompanySearchAutocomplete/CompanySearchAutocomplete.date.spec.d.ts

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

package/dist/components/Data/AbyssTable/AbyssTable.component.d.ts

@@ -1,6 +1,14 @@
 import { SxProps } from '@mui/material';
-import { ColumnDef, SortingState } from '@tanstack/react-table';
+import { ColumnDef, RowData, SortingState } from '@tanstack/react-table';
 import { ReactNode } from 'react';
+import { AbyssTableMobilePlacement } from './abyss-table.logic';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /** Where this column goes in `mobileLayout="cards"`. See `resolveMobilePlacements`. */
+        mobile?: AbyssTableMobilePlacement;
+    }
+}
+export type { AbyssTableMobilePlacement };
 export type AbyssTableFilterDef = {
     columnId: string;
     label: string;
@@ -51,6 +59,12 @@ export type AbyssTableProps<TData extends object> = {
     getRowSx?: (row: TData, index: number) => SxProps;
     isLoading?: boolean;
     renderAboveTable?: ReactNode;
+    /**
+     * `'cards'` reflows each row into a card below the `sm` breakpoint: `primary` columns in the card's
+     * header, `secondary` ones behind a "details" button, `hidden` ones nowhere — per column, through
+     * `meta.mobile`. `'table'` (the default) keeps the `<table>` at every width.
+     */
+    mobileLayout?: 'table' | 'cards';
 };
-declare function AbyssTable<TData extends object>({ data, columns, enableGlobalFilter, enableColumnFilters, enableSorting, manualSorting, sorting: externalSorting, onSortingChange, enablePagination, defaultPageSize, pageSizeOptions, manualPagination, pageCount: externalPageCount, totalItems: externalTotalItems, currentPage: externalCurrentPage, onPageChange, onPageSizeChange, filters, onSearchChange, searchValue, searchPlaceholder, searchDebounceMs, emptyMessage, emptyContent, onRowClick, sx, tableLabel, getRowSx, isLoading, renderAboveTable, }: AbyssTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function AbyssTable<TData extends object>({ data, columns, enableGlobalFilter, enableColumnFilters, enableSorting, manualSorting, sorting: externalSorting, onSortingChange, enablePagination, defaultPageSize, pageSizeOptions, manualPagination, pageCount: externalPageCount, totalItems: externalTotalItems, currentPage: externalCurrentPage, onPageChange, onPageSizeChange, filters, onSearchChange, searchValue, searchPlaceholder, searchDebounceMs, emptyMessage, emptyContent, onRowClick, sx, tableLabel, getRowSx, isLoading, renderAboveTable, mobileLayout, }: AbyssTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export default AbyssTable;

package/dist/components/Data/AbyssTable/AbyssTable.component.spec.d.ts

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

package/dist/components/Data/AbyssTable/AbyssTableCards.component.d.ts

@@ -0,0 +1,25 @@
+import { SxProps } from '@mui/material';
+import { Header, Row } from '@tanstack/react-table';
+import { ReactNode } from 'react';
+import { AbyssTableMobilePlacement } from './abyss-table.logic';
+export type AbyssTableCardsProps<TData extends object> = {
+    rows: Row<TData>[];
+    /** The table's leaf headers, used to label each value with its own column header. */
+    headers: Header<TData, unknown>[];
+    placements: Record<string, AbyssTableMobilePlacement>;
+    onRowClick?: (row: TData) => void;
+    getRowSx?: (row: TData, index: number) => SxProps;
+    isLoading: boolean;
+    /** What the table shows with zero rows — the exact node the `<table>` layout renders. */
+    emptyState: ReactNode;
+    listLabel?: string;
+};
+/**
+ * AbyssTable's rows reflowed as a list, for narrow viewports.
+ *
+ * Each card is the table row it replaces, not a floating tile: cards sit edge to edge inside the
+ * table's own container, separated by the theme divider, so the pagination footer below them reads as
+ * the same object it closes on desktop.
+ */
+declare function AbyssTableCards<TData extends object>({ rows, headers, placements, onRowClick, getRowSx, isLoading, emptyState, listLabel, }: AbyssTableCardsProps<TData>): import("react/jsx-runtime").JSX.Element;
+export default AbyssTableCards;

package/dist/components/Data/AbyssTable/abyss-table.logic.d.ts

@@ -84,6 +84,55 @@ export declare function isColumnSortable(params: {
     /** What TanStack answers for client-side sorting. */
     canSortClientSide: boolean;
 }): boolean;
+/**
+ * Resolves the page size options AbyssTable's "rows per page" `Select` renders.
+ *
+ * A `Select`'s value must be one of its own `MenuItem` values or MUI renders it blank — the bug this
+ * closes. A host's `defaultPageSize` (or a size restored from `onPageSizeChange`) is not guaranteed to
+ * be one of the caller's `pageSizeOptions`, so the current size is folded in, sorted, whenever it is
+ * missing.
+ */
+export declare function resolvePageSizeOptions(options: number[], current: number): number[];
+export interface ResolveCurrentPageSizeParams {
+    /** Whether the table is in server-side (manual) pagination mode. */
+    manualPagination: boolean;
+    /** The table's own internal pagination state's page size, when it drives one. */
+    tablePageSize: number | undefined;
+    /** The size the host asked the table to start on — and, in manual mode, its live current size. */
+    defaultPageSize: number;
+}
+/**
+ * Resolves the page size AbyssTable renders and reports "X–Y of Z" against.
+ *
+ * Under `manualPagination`, `getPaginationRowModel` is skipped (see the component) and the server,
+ * not the table, decides how many rows a page holds. `defaultPageSize` is the ONLY value this
+ * function may trust there — per the README's contract, the host is expected to feed its live
+ * `pageSize` state through that prop on every render, and `onPageSizeChange` is how the table asks
+ * it to. Echoing the reader's raw selector click instead, from an internal "controlled size" state,
+ * would show a size on a host that never wired `onPageSizeChange`: the selector and the "X–Y of Z"
+ * would silently start lying about a `limit` the server was never asked to honour.
+ *
+ * Client-side, the table already owns its page size through `getPaginationRowModel`, so `tablePageSize`
+ * wins, falling back to `defaultPageSize` only before the table has produced a state of its own.
+ */
+export declare function resolveCurrentPageSize({ manualPagination, tablePageSize, defaultPageSize, }: ResolveCurrentPageSizeParams): number;
+/**
+ * Where a column's value goes when AbyssTable renders a row as a mobile card:
+ * - `primary` — in the card's always-visible header;
+ * - `secondary` — behind the card's "details" button, as a label/value pair;
+ * - `hidden` — not rendered in the card at all (a column whose job the card already does itself,
+ *   such as a per-row expand toggle the whole card now carries).
+ */
+export type AbyssTableMobilePlacement = 'primary' | 'secondary' | 'hidden';
+/**
+ * Resolves every column's mobile card placement, in column order.
+ *
+ * A declared placement always wins. Undeclared columns fall back to a default: the first two of them
+ * are `primary`, every later one `secondary`. Only undeclared columns count towards those two — a host
+ * that hides its first column or pushes one to `secondary` has not used up a header slot, so the next
+ * undeclared column still makes the header.
+ */
+export declare function resolveMobilePlacements(columnIds: string[], declared: Record<string, AbyssTableMobilePlacement | undefined>): Record<string, AbyssTableMobilePlacement>;
 /**
  * The next sort after a click on a column header, under `manualSorting`.
  *

package/dist/components/Data/AbyssTable/index.d.ts

@@ -1,2 +1,2 @@
 export { default as AbyssTable } from './AbyssTable.component';
-export type { AbyssTableProps, AbyssTableFilterDef, } from './AbyssTable.component';
+export type { AbyssTableProps, AbyssTableFilterDef, AbyssTableMobilePlacement, } from './AbyssTable.component';

package/dist/components/Inputs/DatePeriodPicker/date-period-picker.logic.d.ts

@@ -1,4 +1,3 @@
-import { Locale } from 'date-fns';
 export type EditingBound = 'start' | 'end';
 /**
  * Time granularity of the resolved range.
@@ -68,12 +67,3 @@ export declare const computeRangeUpdate: (input: RangeUpdateInput) => RangeUpdat
  * {@link computeRangeUpdate} keeps the range valid without moving the other bound.
  */
 export declare const applyTimeChange: (input: TimeChangeInput) => RangeUpdateResult;
-/**
- * Resolve a date-fns `Locale` from an app language code (e.g. the react-intl
- * `intl.locale`). Defaults to English for unknown / missing codes.
- *
- * The specific locales are imported directly so they survive tree-shaking inside
- * the commons bundle — the host's global `setDefaultOptions` never reaches the
- * bundle's own date-fns copy, so locale must always be passed explicitly.
- */
-export declare const resolveDateFnsLocale: (language?: string | null) => Locale;

package/dist/components/Support/SupportMessageLink.component.spec.d.ts

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

package/dist/components/Support/SupportTicketList.week-preset.spec.d.ts

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

package/dist/components/Support/types.d.ts

@@ -140,6 +140,8 @@ export interface SupportMessageThreadProps {
     /** See SupportAttachmentsPanelProps — same render-prop contract, applied
      * to each inline message attachment. */
     renderScanStatusBadge?: (attachment: ISupportTicketAttachment) => ReactNode;
+    /** Message to scroll to and highlight once, read by the host page from `?messageId=`. */
+    targetMessageId?: string;
 }
 export interface SupportMessageInputProps extends SupportCloudImportProps {
     onSendMessage: (content: string) => void;
@@ -256,6 +258,8 @@ export interface SupportTicketDetailProps extends SupportCloudImportProps {
     ticket: ISupportTicket;
     messages: ISupportTicketMessage[];
     currentUserId: string;
+    /** Message to scroll to and highlight once, read by the host page from `?messageId=`. */
+    targetMessageId?: string;
     isAdmin?: boolean;
     isLoading?: boolean;
     onNavigateBack?: () => void;

package/dist/components/Utils/AbyssLayoutNotifications/AbyssNotifications.component.spec.d.ts

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

package/dist/components/aria-labels-i18n.spec.d.ts

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

package/dist/components/commons-labels-i18n.spec.d.ts

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

package/dist/cookie-consent.js

@@ -1,4 +1,4 @@
-import { A as s, c as a, C as n, a as C, D as i, R as t, V as r, d as A, f as k, r as c, e as l, u as D, b as E, w as I } from "./CookieConsentSettings.component-CSf_M5Gx.js";
+import { A as s, c as a, C as n, a as C, D as i, R as t, V as r, d as A, f as k, r as c, e as l, u as D, b as E, w as I } from "./CookieConsentSettings.component-CbuDs1eV.js";
 export {
   s as AbyssCookieConsentProvider,
   a as COOKIE_NAME,

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './use-theme-transition.hook';
 export * from './use-rich-intl.hook';
 export * from './use-cloud.hook';
 export * from './use-public-users.hook';
+export * from './use-date-fns-locale.hook';

package/dist/hooks/use-date-fns-locale.hook.d.ts

@@ -0,0 +1,19 @@
+import { Locale } from 'date-fns';
+/**
+ * Resolve a date-fns `Locale` from an app language code (the react-intl
+ * `intl.locale`). Defaults to English for unknown / missing codes.
+ *
+ * The specific locales are imported directly so they survive tree-shaking inside
+ * the commons bundle.
+ */
+export declare const resolveDateFnsLocale: (language?: string | null) => Locale;
+/**
+ * The date-fns locale of the viewer's language, taken from the host's
+ * IntlProvider — which every host feeds from `user.settings.language`.
+ *
+ * Every date-fns call of this package that renders or depends on a language
+ * (`format`, `formatDistanceToNow`, `startOfWeek`, ...) must receive it: the
+ * published bundle inlines its own date-fns copy, so the host's global
+ * `setDefaultOptions({ locale })` never reaches it.
+ */
+export declare const useDateFnsLocale: () => Locale;

package/dist/hooks/use-date-fns-locale.hook.spec.d.ts

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

package/dist/hooks/use-rich-intl.hook.d.ts

@@ -50,6 +50,50 @@ export declare const translations: {
                         title: string;
                         content: string;
                     };
+                    "internal-ticket-created": {
+                        title: string;
+                        content: string;
+                    };
+                    "external-identity-candidate-named": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-section-without-agents": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-status-changed": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-new-message": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-mention": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-assigned": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-follower-added": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-requested": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-reminder": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-decided": {
+                        title: string;
+                        content: string;
+                    };
                 };
                 ABYSS_CLOUD: {
                     "create-cloud-share": {
@@ -202,38 +246,6 @@ export declare const translations: {
                         title: string;
                         content: string;
                     };
-                    "internal-ticket-created": {
-                        title: string;
-                        content: string;
-                    };
-                    "external-identity-candidate-named": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-section-without-agents": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-status-changed": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-new-message": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-mention": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-assigned": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-follower-added": {
-                        title: string;
-                        content: string;
-                    };
                 };
             };
         };
@@ -653,6 +665,7 @@ export declare const translations: {
             'not-implemented-yet': string;
             'session-expired': string;
             'click-to-copy': string;
+            'open-menu': string;
             open: string;
             delete: string;
             archive: string;
@@ -665,6 +678,7 @@ export declare const translations: {
             'filter-title': string;
             share: string;
             'copy-share-link': string;
+            'qr-code': string;
             'load-more': string;
             'empty-table': string;
             'empty-graph': string;
@@ -707,6 +721,10 @@ export declare const translations: {
             'previous-page': string;
             'next-page': string;
             'last-page': string;
+            details: {
+                show: string;
+                hide: string;
+            };
         };
         'file-importation': {
             'cloud-usage-metrics': {
@@ -754,6 +772,7 @@ export declare const translations: {
                     'import-button': string;
                     'success-toast': string;
                     'no-space-toast': string;
+                    'open-in-cloud': string;
                 };
             };
             'import-button': string;
@@ -1094,6 +1113,20 @@ export declare const translations: {
                 'see-subscription-button': string;
                 'delete-account-button': string;
             };
+            modal: {
+                'your-profile': string;
+                'full-profile': string;
+                'open-full-profile': string;
+                'personal-information': string;
+                'alias-placeholder': string;
+                'first-name-placeholder': string;
+                'last-name-placeholder': string;
+                'danger-zone': string;
+                'delete-account': string;
+                'delete-account-description': string;
+                delete: string;
+                'save-changes': string;
+            };
         };
         tags: {
             'manage-title': string;
@@ -1221,6 +1254,8 @@ export declare const translations: {
             };
         };
         'company-search-autocomplete': {
+            label: string;
+            placeholder: string;
             error: string;
         };
         family: {
@@ -1327,6 +1362,7 @@ export declare const translations: {
                 'messages-title': string;
                 'messages-count': string;
                 'new-messages': string;
+                'copy-link': string;
                 'send-placeholder': string;
                 'send-hint': string;
                 send: string;
@@ -1369,6 +1405,8 @@ export declare const translations: {
                 organization: string;
                 project: string;
                 'assign-to-me': string;
+                'copy-user-id': string;
+                'copy-organization-id': string;
                 'archived-at': string;
                 activity: string;
                 'activity-action': {
@@ -1517,6 +1555,50 @@ export declare const translations: {
                         title: string;
                         content: string;
                     };
+                    "internal-ticket-created": {
+                        title: string;
+                        content: string;
+                    };
+                    "external-identity-candidate-named": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-section-without-agents": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-status-changed": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-new-message": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-mention": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-assigned": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-follower-added": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-requested": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-reminder": {
+                        title: string;
+                        content: string;
+                    };
+                    "internal-ticket-approval-decided": {
+                        title: string;
+                        content: string;
+                    };
                 };
                 ABYSS_CLOUD: {
                     "create-cloud-share": {
@@ -1669,38 +1751,6 @@ export declare const translations: {
                         title: string;
                         content: string;
                     };
-                    "internal-ticket-created": {
-                        title: string;
-                        content: string;
-                    };
-                    "external-identity-candidate-named": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-section-without-agents": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-status-changed": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-new-message": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-mention": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-assigned": {
-                        title: string;
-                        content: string;
-                    };
-                    "internal-ticket-follower-added": {
-                        title: string;
-                        content: string;
-                    };
                 };
             };
         };
@@ -2120,6 +2170,7 @@ export declare const translations: {
             'not-implemented-yet': string;
             'session-expired': string;
             'click-to-copy': string;
+            'open-menu': string;
             open: string;
             delete: string;
             archive: string;
@@ -2132,6 +2183,7 @@ export declare const translations: {
             'filter-title': string;
             share: string;
             'copy-share-link': string;
+            'qr-code': string;
             'load-more': string;
             'empty-table': string;
             'empty-graph': string;
@@ -2174,6 +2226,10 @@ export declare const translations: {
             'previous-page': string;
             'next-page': string;
             'last-page': string;
+            details: {
+                show: string;
+                hide: string;
+            };
         };
         'file-importation': {
             'cloud-usage-metrics': {
@@ -2221,6 +2277,7 @@ export declare const translations: {
                     'import-button': string;
                     'success-toast': string;
                     'no-space-toast': string;
+                    'open-in-cloud': string;
                 };
             };
             'import-button': string;
@@ -2561,6 +2618,20 @@ export declare const translations: {
                 'see-subscription-button': string;
                 'delete-account-button': string;
             };
+            modal: {
+                'your-profile': string;
+                'full-profile': string;
+                'open-full-profile': string;
+                'personal-information': string;
+                'alias-placeholder': string;
+                'first-name-placeholder': string;
+                'last-name-placeholder': string;
+                'danger-zone': string;
+                'delete-account': string;
+                'delete-account-description': string;
+                delete: string;
+                'save-changes': string;
+            };
         };
         tags: {
             'manage-title': string;
@@ -2688,6 +2759,8 @@ export declare const translations: {
             };
         };
         'company-search-autocomplete': {
+            label: string;
+            placeholder: string;
             error: string;
         };
         support: {
@@ -2776,6 +2849,7 @@ export declare const translations: {
                 'messages-title': string;
                 'messages-count': string;
                 'new-messages': string;
+                'copy-link': string;
                 'send-placeholder': string;
                 'send-hint': string;
                 send: string;
@@ -2818,6 +2892,8 @@ export declare const translations: {
                 organization: string;
                 project: string;
                 'assign-to-me': string;
+                'copy-user-id': string;
+                'copy-organization-id': string;
                 'archived-at': string;
                 activity: string;
                 'activity-action': {

package/dist/{index-CCphPqf4.js → index-AaOdMoFK.js}

@@ -1,5 +1,5 @@
-import { P as nt, k as j, l as v, q as st, N as Ae, s as Be, p as it, t as c, T as E, r as ot, L as le, u as at, v as lt, w as ht, x as ft, e as _, h as P, y as T, z as ut, f as Ie, i as dt, A as pt, C as ct, B as mt, F as he, G as gt } from "./index-BoYupKIh.js";
-import { html as kt, htmlCompletionSource as Lt } from "./index-AUELqW5Y.js";
+import { P as nt, k as j, l as v, q as st, N as Ae, s as Be, p as it, t as c, T as E, r as ot, L as le, u as at, v as lt, w as ht, x as ft, e as _, h as P, y as T, z as ut, f as Ie, i as dt, A as pt, C as ct, B as mt, F as he, G as gt } from "./index-B0n-lfeR.js";
+import { html as kt, htmlCompletionSource as Lt } from "./index-DFcUTr8P.js";
 class $ {
   static create(e, r, n, s, i) {
     let o = s + (s << 8) + e + (r << 4) | 0;