design-zystem 1.0.434 → 1.0.436

package/dist/ui/index.d.mts

@@ -729,6 +729,8 @@ interface RowSelection {
         isRange?: boolean;
     }) => void;
     toggleAllOnPage: () => void;
+    getGroupState: (groupIds: RowId[]) => HeaderCheckState;
+    toggleGroup: (groupIds: RowId[]) => void;
     selectAllResults: () => void;
     clear: () => void;
 }
@@ -860,6 +862,7 @@ interface TableRowProps {
      * dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
      * quelle ligne a changé de taille). Sans objet hors virtualisation. */
     'data-index'?: number;
+    isMuted?: boolean;
 }
 declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
 
@@ -867,11 +870,18 @@ declare const SURFACE_CLASS: {
     readonly white: "bg-white";
     readonly 'grey-100': "bg-grey-100";
 };
+declare const LINE_CLAMP_CLASS: {
+    readonly 2: "line-clamp-2";
+    readonly 3: "line-clamp-3";
+};
+type TableCellTheme = Exclude<ColorToken, 'red-900'>;
 declare const CURSOR_CLASS: {
     readonly pointer: "cursor-pointer";
 };
 interface TableCellProps {
     children?: ReactNode;
+    secondary?: ReactNode;
+    isExpanded?: boolean;
     width?: string;
     centerContent?: boolean;
     /** Freeze this column while the table scrolls horizontally. */
@@ -891,8 +901,12 @@ interface TableCellProps {
     className?: string;
     /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
     colSpan?: number;
+    wrap?: boolean;
+    maxLines?: keyof typeof LINE_CLAMP_CLASS;
+    tooltip?: ReactNode;
+    theme?: TableCellTheme;
 }
-declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
+declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, wrap, maxLines, tooltip, theme, }: TableCellProps) => react.JSX.Element;
 
 interface TableFooterProps {
     children?: ReactNode;
@@ -919,23 +933,32 @@ interface TableGroupSelection {
     onToggle: () => void;
     label: string;
 }
+interface TableGroupStatusCount {
+    value: number;
+    theme: ColorToken;
+    label: string;
+}
 interface TableGroupLabelProps {
     title: string;
     count?: number;
+    counts?: TableGroupStatusCount[];
     isCollapsed?: boolean;
     onToggleCollapse?: () => void;
     selection?: TableGroupSelection;
 }
 
-interface TableSectionRowProps extends TableGroupLabelProps {
+interface TableGroupBandProps extends TableGroupLabelProps {
     colSpan: number;
+    canCollapseFromBand?: boolean;
 }
-declare const TableSectionRow: ({ colSpan, ...label }: TableSectionRowProps) => react.JSX.Element;
 
-interface TableSubgroupRowProps extends TableGroupLabelProps {
-    colSpan: number;
+interface TableSectionRowProps extends TableGroupBandProps {
+    endContent?: ReactNode;
 }
-declare const TableSubgroupRow: ({ colSpan, ...label }: TableSubgroupRowProps) => react.JSX.Element;
+declare const TableSectionRow: (props: TableSectionRowProps) => react.JSX.Element;
+
+type TableSubgroupRowProps = TableGroupBandProps;
+declare const TableSubgroupRow: (props: TableSubgroupRowProps) => react.JSX.Element;
 
 type TableAlertTone = 'red' | 'yellow' | 'green' | 'blue';
 interface TableAlertAction {
@@ -953,23 +976,28 @@ declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRo
 interface TableExpandedRowProps {
     /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
     children?: ReactNode;
+    onClick?: () => void;
 }
-declare const TableExpandedRow: ({ children }: TableExpandedRowProps) => react.JSX.Element;
+declare const TableExpandedRow: ({ children, onClick, }: TableExpandedRowProps) => react.JSX.Element;
 
 interface TablePersonCellProps {
     firstName: string;
     lastName?: string | null;
     src?: string | null;
+    avatarBadge?: ReactNode;
+    secondary?: ReactNode;
+    onNameClick?: () => void;
+    isExpanded?: boolean;
     width?: string;
 }
-declare const TablePersonCell: ({ firstName, lastName, src, width, }: TablePersonCellProps) => react.JSX.Element;
+declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
 
-interface TableClientCellProps {
+interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
     name: string;
     color: HexColor;
-    width?: string;
+    onNameClick?: () => void;
 }
-declare const TableClientCell: ({ name, color, width, }: TableClientCellProps) => react.JSX.Element;
+declare const TableClientCell: ({ name, color, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
 
 interface TableStatusCellProps {
     children: ReactNode;
@@ -986,6 +1014,8 @@ interface TableAction {
     disabled?: boolean;
     /** Dit pourquoi l'action est indisponible, en infobulle. */
     disabledReason?: string;
+    hasUnread?: boolean;
+    inMenu?: boolean;
 }
 interface TableActionsCellProps {
     actions: TableAction[];
@@ -999,9 +1029,11 @@ interface TableSelectCellProps {
         isRange: boolean;
     }) => void;
     label: string;
+    disabled?: boolean;
+    disabledReason?: string;
     width?: string;
 }
-declare const TableSelectCell: ({ isSelected, onToggle, label, width, }: TableSelectCellProps) => react.JSX.Element;
+declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, disabledReason, width, }: TableSelectCellProps) => react.JSX.Element;
 
 interface TableSelectHeaderCellProps {
     state: HeaderCheckState;

package/dist/ui/index.d.ts

@@ -729,6 +729,8 @@ interface RowSelection {
         isRange?: boolean;
     }) => void;
     toggleAllOnPage: () => void;
+    getGroupState: (groupIds: RowId[]) => HeaderCheckState;
+    toggleGroup: (groupIds: RowId[]) => void;
     selectAllResults: () => void;
     clear: () => void;
 }
@@ -860,6 +862,7 @@ interface TableRowProps {
      * dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
      * quelle ligne a changé de taille). Sans objet hors virtualisation. */
     'data-index'?: number;
+    isMuted?: boolean;
 }
 declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
 
@@ -867,11 +870,18 @@ declare const SURFACE_CLASS: {
     readonly white: "bg-white";
     readonly 'grey-100': "bg-grey-100";
 };
+declare const LINE_CLAMP_CLASS: {
+    readonly 2: "line-clamp-2";
+    readonly 3: "line-clamp-3";
+};
+type TableCellTheme = Exclude<ColorToken, 'red-900'>;
 declare const CURSOR_CLASS: {
     readonly pointer: "cursor-pointer";
 };
 interface TableCellProps {
     children?: ReactNode;
+    secondary?: ReactNode;
+    isExpanded?: boolean;
     width?: string;
     centerContent?: boolean;
     /** Freeze this column while the table scrolls horizontally. */
@@ -891,8 +901,12 @@ interface TableCellProps {
     className?: string;
     /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
     colSpan?: number;
+    wrap?: boolean;
+    maxLines?: keyof typeof LINE_CLAMP_CLASS;
+    tooltip?: ReactNode;
+    theme?: TableCellTheme;
 }
-declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
+declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, wrap, maxLines, tooltip, theme, }: TableCellProps) => react.JSX.Element;
 
 interface TableFooterProps {
     children?: ReactNode;
@@ -919,23 +933,32 @@ interface TableGroupSelection {
     onToggle: () => void;
     label: string;
 }
+interface TableGroupStatusCount {
+    value: number;
+    theme: ColorToken;
+    label: string;
+}
 interface TableGroupLabelProps {
     title: string;
     count?: number;
+    counts?: TableGroupStatusCount[];
     isCollapsed?: boolean;
     onToggleCollapse?: () => void;
     selection?: TableGroupSelection;
 }
 
-interface TableSectionRowProps extends TableGroupLabelProps {
+interface TableGroupBandProps extends TableGroupLabelProps {
     colSpan: number;
+    canCollapseFromBand?: boolean;
 }
-declare const TableSectionRow: ({ colSpan, ...label }: TableSectionRowProps) => react.JSX.Element;
 
-interface TableSubgroupRowProps extends TableGroupLabelProps {
-    colSpan: number;
+interface TableSectionRowProps extends TableGroupBandProps {
+    endContent?: ReactNode;
 }
-declare const TableSubgroupRow: ({ colSpan, ...label }: TableSubgroupRowProps) => react.JSX.Element;
+declare const TableSectionRow: (props: TableSectionRowProps) => react.JSX.Element;
+
+type TableSubgroupRowProps = TableGroupBandProps;
+declare const TableSubgroupRow: (props: TableSubgroupRowProps) => react.JSX.Element;
 
 type TableAlertTone = 'red' | 'yellow' | 'green' | 'blue';
 interface TableAlertAction {
@@ -953,23 +976,28 @@ declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRo
 interface TableExpandedRowProps {
     /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
     children?: ReactNode;
+    onClick?: () => void;
 }
-declare const TableExpandedRow: ({ children }: TableExpandedRowProps) => react.JSX.Element;
+declare const TableExpandedRow: ({ children, onClick, }: TableExpandedRowProps) => react.JSX.Element;
 
 interface TablePersonCellProps {
     firstName: string;
     lastName?: string | null;
     src?: string | null;
+    avatarBadge?: ReactNode;
+    secondary?: ReactNode;
+    onNameClick?: () => void;
+    isExpanded?: boolean;
     width?: string;
 }
-declare const TablePersonCell: ({ firstName, lastName, src, width, }: TablePersonCellProps) => react.JSX.Element;
+declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
 
-interface TableClientCellProps {
+interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
     name: string;
     color: HexColor;
-    width?: string;
+    onNameClick?: () => void;
 }
-declare const TableClientCell: ({ name, color, width, }: TableClientCellProps) => react.JSX.Element;
+declare const TableClientCell: ({ name, color, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
 
 interface TableStatusCellProps {
     children: ReactNode;
@@ -986,6 +1014,8 @@ interface TableAction {
     disabled?: boolean;
     /** Dit pourquoi l'action est indisponible, en infobulle. */
     disabledReason?: string;
+    hasUnread?: boolean;
+    inMenu?: boolean;
 }
 interface TableActionsCellProps {
     actions: TableAction[];
@@ -999,9 +1029,11 @@ interface TableSelectCellProps {
         isRange: boolean;
     }) => void;
     label: string;
+    disabled?: boolean;
+    disabledReason?: string;
     width?: string;
 }
-declare const TableSelectCell: ({ isSelected, onToggle, label, width, }: TableSelectCellProps) => react.JSX.Element;
+declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, disabledReason, width, }: TableSelectCellProps) => react.JSX.Element;
 
 interface TableSelectHeaderCellProps {
     state: HeaderCheckState;