design-zystem 1.0.435 → 1.0.437

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/ui/index.d.mts +28 -9
  2. package/dist/ui/index.d.ts +28 -9
  3. package/dist/ui/index.js +622 -520
  4. package/dist/ui/index.mjs +623 -521
  5. package/dist/ui/style.css +1 -1
  6. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -729,6 +729,8 @@ interface RowSelection {
729
729
  isRange?: boolean;
730
730
  }) => void;
731
731
  toggleAllOnPage: () => void;
732
+ getGroupState: (groupIds: RowId[]) => HeaderCheckState;
733
+ toggleGroup: (groupIds: RowId[]) => void;
732
734
  selectAllResults: () => void;
733
735
  clear: () => void;
734
736
  }
@@ -860,6 +862,7 @@ interface TableRowProps {
860
862
  * dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
861
863
  * quelle ligne a changé de taille). Sans objet hors virtualisation. */
862
864
  'data-index'?: number;
865
+ isMuted?: boolean;
863
866
  }
864
867
  declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
865
868
 
@@ -867,6 +870,11 @@ declare const SURFACE_CLASS: {
867
870
  readonly white: "bg-white";
868
871
  readonly 'grey-100': "bg-grey-100";
869
872
  };
873
+ declare const LINE_CLAMP_CLASS: {
874
+ readonly 2: "line-clamp-2";
875
+ readonly 3: "line-clamp-3";
876
+ };
877
+ type TableCellTheme = Exclude<ColorToken, 'red-900'>;
870
878
  declare const CURSOR_CLASS: {
871
879
  readonly pointer: "cursor-pointer";
872
880
  };
@@ -893,8 +901,12 @@ interface TableCellProps {
893
901
  className?: string;
894
902
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
895
903
  colSpan?: number;
904
+ wrap?: boolean;
905
+ maxLines?: keyof typeof LINE_CLAMP_CLASS;
906
+ tooltip?: ReactNode;
907
+ theme?: TableCellTheme;
896
908
  }
897
- declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
909
+ 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;
898
910
 
899
911
  interface TableFooterProps {
900
912
  children?: ReactNode;
@@ -935,15 +947,19 @@ interface TableGroupLabelProps {
935
947
  selection?: TableGroupSelection;
936
948
  }
937
949
 
938
- interface TableSectionRowProps extends TableGroupLabelProps {
950
+ interface TableGroupBandProps extends TableGroupLabelProps {
939
951
  colSpan: number;
952
+ canCollapseFromBand?: boolean;
940
953
  }
941
- declare const TableSectionRow: ({ colSpan, ...label }: TableSectionRowProps) => react.JSX.Element;
942
954
 
943
- interface TableSubgroupRowProps extends TableGroupLabelProps {
944
- colSpan: number;
955
+ interface TableSectionRowProps extends TableGroupBandProps {
956
+ endContent?: ReactNode;
957
+ onBandClick?: () => void;
945
958
  }
946
- declare const TableSubgroupRow: ({ colSpan, ...label }: TableSubgroupRowProps) => react.JSX.Element;
959
+ declare const TableSectionRow: (props: TableSectionRowProps) => react.JSX.Element;
960
+
961
+ type TableSubgroupRowProps = TableGroupBandProps;
962
+ declare const TableSubgroupRow: (props: TableSubgroupRowProps) => react.JSX.Element;
947
963
 
948
964
  type TableAlertTone = 'red' | 'yellow' | 'green' | 'blue';
949
965
  interface TableAlertAction {
@@ -961,8 +977,9 @@ declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRo
961
977
  interface TableExpandedRowProps {
962
978
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
963
979
  children?: ReactNode;
980
+ onClick?: () => void;
964
981
  }
965
- declare const TableExpandedRow: ({ children }: TableExpandedRowProps) => react.JSX.Element;
982
+ declare const TableExpandedRow: ({ children, onClick, }: TableExpandedRowProps) => react.JSX.Element;
966
983
 
967
984
  interface TablePersonCellProps {
968
985
  firstName: string;
@@ -976,7 +993,7 @@ interface TablePersonCellProps {
976
993
  }
977
994
  declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
978
995
 
979
- interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded'> {
996
+ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
980
997
  name: string;
981
998
  color: HexColor;
982
999
  onNameClick?: () => void;
@@ -999,6 +1016,7 @@ interface TableAction {
999
1016
  /** Dit pourquoi l'action est indisponible, en infobulle. */
1000
1017
  disabledReason?: string;
1001
1018
  hasUnread?: boolean;
1019
+ inMenu?: boolean;
1002
1020
  }
1003
1021
  interface TableActionsCellProps {
1004
1022
  actions: TableAction[];
@@ -1013,9 +1031,10 @@ interface TableSelectCellProps {
1013
1031
  }) => void;
1014
1032
  label: string;
1015
1033
  disabled?: boolean;
1034
+ disabledReason?: string;
1016
1035
  width?: string;
1017
1036
  }
1018
- declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, width, }: TableSelectCellProps) => react.JSX.Element;
1037
+ declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, disabledReason, width, }: TableSelectCellProps) => react.JSX.Element;
1019
1038
 
1020
1039
  interface TableSelectHeaderCellProps {
1021
1040
  state: HeaderCheckState;
package/dist/ui/index.d.ts CHANGED
@@ -729,6 +729,8 @@ interface RowSelection {
729
729
  isRange?: boolean;
730
730
  }) => void;
731
731
  toggleAllOnPage: () => void;
732
+ getGroupState: (groupIds: RowId[]) => HeaderCheckState;
733
+ toggleGroup: (groupIds: RowId[]) => void;
732
734
  selectAllResults: () => void;
733
735
  clear: () => void;
734
736
  }
@@ -860,6 +862,7 @@ interface TableRowProps {
860
862
  * dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
861
863
  * quelle ligne a changé de taille). Sans objet hors virtualisation. */
862
864
  'data-index'?: number;
865
+ isMuted?: boolean;
863
866
  }
864
867
  declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
865
868
 
@@ -867,6 +870,11 @@ declare const SURFACE_CLASS: {
867
870
  readonly white: "bg-white";
868
871
  readonly 'grey-100': "bg-grey-100";
869
872
  };
873
+ declare const LINE_CLAMP_CLASS: {
874
+ readonly 2: "line-clamp-2";
875
+ readonly 3: "line-clamp-3";
876
+ };
877
+ type TableCellTheme = Exclude<ColorToken, 'red-900'>;
870
878
  declare const CURSOR_CLASS: {
871
879
  readonly pointer: "cursor-pointer";
872
880
  };
@@ -893,8 +901,12 @@ interface TableCellProps {
893
901
  className?: string;
894
902
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
895
903
  colSpan?: number;
904
+ wrap?: boolean;
905
+ maxLines?: keyof typeof LINE_CLAMP_CLASS;
906
+ tooltip?: ReactNode;
907
+ theme?: TableCellTheme;
896
908
  }
897
- declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
909
+ 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;
898
910
 
899
911
  interface TableFooterProps {
900
912
  children?: ReactNode;
@@ -935,15 +947,19 @@ interface TableGroupLabelProps {
935
947
  selection?: TableGroupSelection;
936
948
  }
937
949
 
938
- interface TableSectionRowProps extends TableGroupLabelProps {
950
+ interface TableGroupBandProps extends TableGroupLabelProps {
939
951
  colSpan: number;
952
+ canCollapseFromBand?: boolean;
940
953
  }
941
- declare const TableSectionRow: ({ colSpan, ...label }: TableSectionRowProps) => react.JSX.Element;
942
954
 
943
- interface TableSubgroupRowProps extends TableGroupLabelProps {
944
- colSpan: number;
955
+ interface TableSectionRowProps extends TableGroupBandProps {
956
+ endContent?: ReactNode;
957
+ onBandClick?: () => void;
945
958
  }
946
- declare const TableSubgroupRow: ({ colSpan, ...label }: TableSubgroupRowProps) => react.JSX.Element;
959
+ declare const TableSectionRow: (props: TableSectionRowProps) => react.JSX.Element;
960
+
961
+ type TableSubgroupRowProps = TableGroupBandProps;
962
+ declare const TableSubgroupRow: (props: TableSubgroupRowProps) => react.JSX.Element;
947
963
 
948
964
  type TableAlertTone = 'red' | 'yellow' | 'green' | 'blue';
949
965
  interface TableAlertAction {
@@ -961,8 +977,9 @@ declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRo
961
977
  interface TableExpandedRowProps {
962
978
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
963
979
  children?: ReactNode;
980
+ onClick?: () => void;
964
981
  }
965
- declare const TableExpandedRow: ({ children }: TableExpandedRowProps) => react.JSX.Element;
982
+ declare const TableExpandedRow: ({ children, onClick, }: TableExpandedRowProps) => react.JSX.Element;
966
983
 
967
984
  interface TablePersonCellProps {
968
985
  firstName: string;
@@ -976,7 +993,7 @@ interface TablePersonCellProps {
976
993
  }
977
994
  declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
978
995
 
979
- interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded'> {
996
+ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
980
997
  name: string;
981
998
  color: HexColor;
982
999
  onNameClick?: () => void;
@@ -999,6 +1016,7 @@ interface TableAction {
999
1016
  /** Dit pourquoi l'action est indisponible, en infobulle. */
1000
1017
  disabledReason?: string;
1001
1018
  hasUnread?: boolean;
1019
+ inMenu?: boolean;
1002
1020
  }
1003
1021
  interface TableActionsCellProps {
1004
1022
  actions: TableAction[];
@@ -1013,9 +1031,10 @@ interface TableSelectCellProps {
1013
1031
  }) => void;
1014
1032
  label: string;
1015
1033
  disabled?: boolean;
1034
+ disabledReason?: string;
1016
1035
  width?: string;
1017
1036
  }
1018
- declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, width, }: TableSelectCellProps) => react.JSX.Element;
1037
+ declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, disabledReason, width, }: TableSelectCellProps) => react.JSX.Element;
1019
1038
 
1020
1039
  interface TableSelectHeaderCellProps {
1021
1040
  state: HeaderCheckState;