design-zystem 1.0.456 → 1.0.458

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 (5) hide show
  1. package/dist/ui/index.d.mts +16 -4
  2. package/dist/ui/index.d.ts +16 -4
  3. package/dist/ui/index.js +817 -750
  4. package/dist/ui/index.mjs +584 -517
  5. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -770,6 +770,7 @@ interface TableEmptyState {
770
770
  interface TableSelection {
771
771
  state: RowSelection;
772
772
  bulkSections: BulkSection[];
773
+ formatSelectedCount?: (count: number) => string;
773
774
  }
774
775
  type TableVariant = 'zebra' | 'lined';
775
776
  type TableColumnsAlign = 'center' | 'start';
@@ -938,6 +939,7 @@ interface TableGroupSelection {
938
939
  isSelected: boolean | 'indeterminate';
939
940
  onToggle: () => void;
940
941
  label: string;
942
+ tooltip?: string;
941
943
  }
942
944
  interface TableGroupStatusCount {
943
945
  value: number;
@@ -986,8 +988,10 @@ interface TableAlertRowProps {
986
988
  colSpan: number;
987
989
  tone?: TableAlertTone;
988
990
  action?: TableAlertAction;
991
+ icon?: string;
992
+ isBold?: boolean;
989
993
  }
990
- declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRowProps) => react.JSX.Element;
994
+ declare const TableAlertRow: ({ children, colSpan, tone, action, icon, isBold, }: TableAlertRowProps) => react.JSX.Element;
991
995
 
992
996
  interface TableExpandedRowProps {
993
997
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
@@ -1006,8 +1010,13 @@ interface TablePersonCellProps {
1006
1010
  isExpanded?: boolean;
1007
1011
  isFullName?: boolean;
1008
1012
  width?: string;
1013
+ avatarSize?: number;
1014
+ avatarColor?: ColorToken;
1015
+ avatarShape?: 'circle' | 'square';
1016
+ isLargeName?: boolean;
1017
+ nameSuffix?: ReactNode;
1009
1018
  }
1010
- declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, }: TablePersonCellProps) => react.JSX.Element;
1019
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, avatarSize, avatarColor, avatarShape, isLargeName, nameSuffix, }: TablePersonCellProps) => react.JSX.Element;
1011
1020
 
1012
1021
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1013
1022
  name: string;
@@ -1015,8 +1024,9 @@ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' |
1015
1024
  variant?: 'dot' | 'tag';
1016
1025
  textColor?: HexColor;
1017
1026
  onNameClick?: () => void;
1027
+ isLargeName?: boolean;
1018
1028
  }
1019
- declare const TableClientCell: ({ name, color, variant, textColor, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
1029
+ declare const TableClientCell: ({ name, color, variant, textColor, onNameClick, isLargeName, ...cell }: TableClientCellProps) => react.JSX.Element;
1020
1030
 
1021
1031
  type TableStatusCellColor = {
1022
1032
  theme: ColorToken;
@@ -1047,13 +1057,15 @@ interface TableAction {
1047
1057
  interface TableActionsCellProps {
1048
1058
  actions: TableAction[];
1049
1059
  width?: string;
1060
+ maxInlineActions?: number;
1050
1061
  }
1051
- declare const TableActionsCell: ({ actions, width }: TableActionsCellProps) => react.JSX.Element;
1062
+ declare const TableActionsCell: ({ actions, width, maxInlineActions, }: TableActionsCellProps) => react.JSX.Element;
1052
1063
 
1053
1064
  interface TableSelectCellProps {
1054
1065
  isSelected: boolean;
1055
1066
  onToggle: (options: {
1056
1067
  isRange: boolean;
1068
+ isCommand: boolean;
1057
1069
  }) => void;
1058
1070
  label: string;
1059
1071
  disabled?: boolean;
package/dist/ui/index.d.ts CHANGED
@@ -770,6 +770,7 @@ interface TableEmptyState {
770
770
  interface TableSelection {
771
771
  state: RowSelection;
772
772
  bulkSections: BulkSection[];
773
+ formatSelectedCount?: (count: number) => string;
773
774
  }
774
775
  type TableVariant = 'zebra' | 'lined';
775
776
  type TableColumnsAlign = 'center' | 'start';
@@ -938,6 +939,7 @@ interface TableGroupSelection {
938
939
  isSelected: boolean | 'indeterminate';
939
940
  onToggle: () => void;
940
941
  label: string;
942
+ tooltip?: string;
941
943
  }
942
944
  interface TableGroupStatusCount {
943
945
  value: number;
@@ -986,8 +988,10 @@ interface TableAlertRowProps {
986
988
  colSpan: number;
987
989
  tone?: TableAlertTone;
988
990
  action?: TableAlertAction;
991
+ icon?: string;
992
+ isBold?: boolean;
989
993
  }
990
- declare const TableAlertRow: ({ children, colSpan, tone, action, }: TableAlertRowProps) => react.JSX.Element;
994
+ declare const TableAlertRow: ({ children, colSpan, tone, action, icon, isBold, }: TableAlertRowProps) => react.JSX.Element;
991
995
 
992
996
  interface TableExpandedRowProps {
993
997
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
@@ -1006,8 +1010,13 @@ interface TablePersonCellProps {
1006
1010
  isExpanded?: boolean;
1007
1011
  isFullName?: boolean;
1008
1012
  width?: string;
1013
+ avatarSize?: number;
1014
+ avatarColor?: ColorToken;
1015
+ avatarShape?: 'circle' | 'square';
1016
+ isLargeName?: boolean;
1017
+ nameSuffix?: ReactNode;
1009
1018
  }
1010
- declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, }: TablePersonCellProps) => react.JSX.Element;
1019
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, avatarSize, avatarColor, avatarShape, isLargeName, nameSuffix, }: TablePersonCellProps) => react.JSX.Element;
1011
1020
 
1012
1021
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1013
1022
  name: string;
@@ -1015,8 +1024,9 @@ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' |
1015
1024
  variant?: 'dot' | 'tag';
1016
1025
  textColor?: HexColor;
1017
1026
  onNameClick?: () => void;
1027
+ isLargeName?: boolean;
1018
1028
  }
1019
- declare const TableClientCell: ({ name, color, variant, textColor, onNameClick, ...cell }: TableClientCellProps) => react.JSX.Element;
1029
+ declare const TableClientCell: ({ name, color, variant, textColor, onNameClick, isLargeName, ...cell }: TableClientCellProps) => react.JSX.Element;
1020
1030
 
1021
1031
  type TableStatusCellColor = {
1022
1032
  theme: ColorToken;
@@ -1047,13 +1057,15 @@ interface TableAction {
1047
1057
  interface TableActionsCellProps {
1048
1058
  actions: TableAction[];
1049
1059
  width?: string;
1060
+ maxInlineActions?: number;
1050
1061
  }
1051
- declare const TableActionsCell: ({ actions, width }: TableActionsCellProps) => react.JSX.Element;
1062
+ declare const TableActionsCell: ({ actions, width, maxInlineActions, }: TableActionsCellProps) => react.JSX.Element;
1052
1063
 
1053
1064
  interface TableSelectCellProps {
1054
1065
  isSelected: boolean;
1055
1066
  onToggle: (options: {
1056
1067
  isRange: boolean;
1068
+ isCommand: boolean;
1057
1069
  }) => void;
1058
1070
  label: string;
1059
1071
  disabled?: boolean;