design-zystem 1.0.434 → 1.0.435

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 +20 -6
  2. package/dist/ui/index.d.ts +20 -6
  3. package/dist/ui/index.js +635 -537
  4. package/dist/ui/index.mjs +635 -537
  5. package/dist/ui/style.css +1 -1
  6. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -872,6 +872,8 @@ declare const CURSOR_CLASS: {
872
872
  };
873
873
  interface TableCellProps {
874
874
  children?: ReactNode;
875
+ secondary?: ReactNode;
876
+ isExpanded?: boolean;
875
877
  width?: string;
876
878
  centerContent?: boolean;
877
879
  /** Freeze this column while the table scrolls horizontally. */
@@ -892,7 +894,7 @@ interface TableCellProps {
892
894
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
893
895
  colSpan?: number;
894
896
  }
895
- declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
897
+ declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
896
898
 
897
899
  interface TableFooterProps {
898
900
  children?: ReactNode;
@@ -919,9 +921,15 @@ interface TableGroupSelection {
919
921
  onToggle: () => void;
920
922
  label: string;
921
923
  }
924
+ interface TableGroupStatusCount {
925
+ value: number;
926
+ theme: ColorToken;
927
+ label: string;
928
+ }
922
929
  interface TableGroupLabelProps {
923
930
  title: string;
924
931
  count?: number;
932
+ counts?: TableGroupStatusCount[];
925
933
  isCollapsed?: boolean;
926
934
  onToggleCollapse?: () => void;
927
935
  selection?: TableGroupSelection;
@@ -960,16 +968,20 @@ interface TablePersonCellProps {
960
968
  firstName: string;
961
969
  lastName?: string | null;
962
970
  src?: string | null;
971
+ avatarBadge?: ReactNode;
972
+ secondary?: ReactNode;
973
+ onNameClick?: () => void;
974
+ isExpanded?: boolean;
963
975
  width?: string;
964
976
  }
965
- declare const TablePersonCell: ({ firstName, lastName, src, width, }: TablePersonCellProps) => react.JSX.Element;
977
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
966
978
 
967
- interface TableClientCellProps {
979
+ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded'> {
968
980
  name: string;
969
981
  color: HexColor;
970
- width?: string;
982
+ onNameClick?: () => void;
971
983
  }
972
- declare const TableClientCell: ({ name, color, width, }: TableClientCellProps) => react.JSX.Element;
984
+ declare const TableClientCell: ({ name, color, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
973
985
 
974
986
  interface TableStatusCellProps {
975
987
  children: ReactNode;
@@ -986,6 +998,7 @@ interface TableAction {
986
998
  disabled?: boolean;
987
999
  /** Dit pourquoi l'action est indisponible, en infobulle. */
988
1000
  disabledReason?: string;
1001
+ hasUnread?: boolean;
989
1002
  }
990
1003
  interface TableActionsCellProps {
991
1004
  actions: TableAction[];
@@ -999,9 +1012,10 @@ interface TableSelectCellProps {
999
1012
  isRange: boolean;
1000
1013
  }) => void;
1001
1014
  label: string;
1015
+ disabled?: boolean;
1002
1016
  width?: string;
1003
1017
  }
1004
- declare const TableSelectCell: ({ isSelected, onToggle, label, width, }: TableSelectCellProps) => react.JSX.Element;
1018
+ declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, width, }: TableSelectCellProps) => react.JSX.Element;
1005
1019
 
1006
1020
  interface TableSelectHeaderCellProps {
1007
1021
  state: HeaderCheckState;
package/dist/ui/index.d.ts CHANGED
@@ -872,6 +872,8 @@ declare const CURSOR_CLASS: {
872
872
  };
873
873
  interface TableCellProps {
874
874
  children?: ReactNode;
875
+ secondary?: ReactNode;
876
+ isExpanded?: boolean;
875
877
  width?: string;
876
878
  centerContent?: boolean;
877
879
  /** Freeze this column while the table scrolls horizontally. */
@@ -892,7 +894,7 @@ interface TableCellProps {
892
894
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
893
895
  colSpan?: number;
894
896
  }
895
- declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
897
+ declare const TableCell: ({ children, secondary, isExpanded, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
896
898
 
897
899
  interface TableFooterProps {
898
900
  children?: ReactNode;
@@ -919,9 +921,15 @@ interface TableGroupSelection {
919
921
  onToggle: () => void;
920
922
  label: string;
921
923
  }
924
+ interface TableGroupStatusCount {
925
+ value: number;
926
+ theme: ColorToken;
927
+ label: string;
928
+ }
922
929
  interface TableGroupLabelProps {
923
930
  title: string;
924
931
  count?: number;
932
+ counts?: TableGroupStatusCount[];
925
933
  isCollapsed?: boolean;
926
934
  onToggleCollapse?: () => void;
927
935
  selection?: TableGroupSelection;
@@ -960,16 +968,20 @@ interface TablePersonCellProps {
960
968
  firstName: string;
961
969
  lastName?: string | null;
962
970
  src?: string | null;
971
+ avatarBadge?: ReactNode;
972
+ secondary?: ReactNode;
973
+ onNameClick?: () => void;
974
+ isExpanded?: boolean;
963
975
  width?: string;
964
976
  }
965
- declare const TablePersonCell: ({ firstName, lastName, src, width, }: TablePersonCellProps) => react.JSX.Element;
977
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
966
978
 
967
- interface TableClientCellProps {
979
+ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded'> {
968
980
  name: string;
969
981
  color: HexColor;
970
- width?: string;
982
+ onNameClick?: () => void;
971
983
  }
972
- declare const TableClientCell: ({ name, color, width, }: TableClientCellProps) => react.JSX.Element;
984
+ declare const TableClientCell: ({ name, color, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
973
985
 
974
986
  interface TableStatusCellProps {
975
987
  children: ReactNode;
@@ -986,6 +998,7 @@ interface TableAction {
986
998
  disabled?: boolean;
987
999
  /** Dit pourquoi l'action est indisponible, en infobulle. */
988
1000
  disabledReason?: string;
1001
+ hasUnread?: boolean;
989
1002
  }
990
1003
  interface TableActionsCellProps {
991
1004
  actions: TableAction[];
@@ -999,9 +1012,10 @@ interface TableSelectCellProps {
999
1012
  isRange: boolean;
1000
1013
  }) => void;
1001
1014
  label: string;
1015
+ disabled?: boolean;
1002
1016
  width?: string;
1003
1017
  }
1004
- declare const TableSelectCell: ({ isSelected, onToggle, label, width, }: TableSelectCellProps) => react.JSX.Element;
1018
+ declare const TableSelectCell: ({ isSelected, onToggle, label, disabled, width, }: TableSelectCellProps) => react.JSX.Element;
1005
1019
 
1006
1020
  interface TableSelectHeaderCellProps {
1007
1021
  state: HeaderCheckState;