design-zystem 1.0.455 → 1.0.457

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 +17 -4
  2. package/dist/ui/index.d.ts +17 -4
  3. package/dist/ui/index.js +818 -749
  4. package/dist/ui/index.mjs +585 -516
  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;
@@ -956,6 +958,7 @@ interface TableGroupLabelProps {
956
958
  interface TableGroupBandProps extends TableGroupLabelProps {
957
959
  colSpan: number;
958
960
  canCollapseFromBand?: boolean;
961
+ tone?: 'neutral' | 'danger';
959
962
  }
960
963
 
961
964
  interface TableSectionRowBandProps extends TableGroupBandProps {
@@ -985,8 +988,10 @@ interface TableAlertRowProps {
985
988
  colSpan: number;
986
989
  tone?: TableAlertTone;
987
990
  action?: TableAlertAction;
991
+ icon?: string;
992
+ isBold?: boolean;
988
993
  }
989
- 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;
990
995
 
991
996
  interface TableExpandedRowProps {
992
997
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
@@ -1005,8 +1010,13 @@ interface TablePersonCellProps {
1005
1010
  isExpanded?: boolean;
1006
1011
  isFullName?: boolean;
1007
1012
  width?: string;
1013
+ avatarSize?: number;
1014
+ avatarColor?: ColorToken;
1015
+ avatarShape?: 'circle' | 'square';
1016
+ isLargeName?: boolean;
1017
+ nameSuffix?: ReactNode;
1008
1018
  }
1009
- 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;
1010
1020
 
1011
1021
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1012
1022
  name: string;
@@ -1014,8 +1024,9 @@ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' |
1014
1024
  variant?: 'dot' | 'tag';
1015
1025
  textColor?: HexColor;
1016
1026
  onNameClick?: () => void;
1027
+ isLargeName?: boolean;
1017
1028
  }
1018
- 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;
1019
1030
 
1020
1031
  type TableStatusCellColor = {
1021
1032
  theme: ColorToken;
@@ -1046,13 +1057,15 @@ interface TableAction {
1046
1057
  interface TableActionsCellProps {
1047
1058
  actions: TableAction[];
1048
1059
  width?: string;
1060
+ maxInlineActions?: number;
1049
1061
  }
1050
- declare const TableActionsCell: ({ actions, width }: TableActionsCellProps) => react.JSX.Element;
1062
+ declare const TableActionsCell: ({ actions, width, maxInlineActions, }: TableActionsCellProps) => react.JSX.Element;
1051
1063
 
1052
1064
  interface TableSelectCellProps {
1053
1065
  isSelected: boolean;
1054
1066
  onToggle: (options: {
1055
1067
  isRange: boolean;
1068
+ isCommand: boolean;
1056
1069
  }) => void;
1057
1070
  label: string;
1058
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;
@@ -956,6 +958,7 @@ interface TableGroupLabelProps {
956
958
  interface TableGroupBandProps extends TableGroupLabelProps {
957
959
  colSpan: number;
958
960
  canCollapseFromBand?: boolean;
961
+ tone?: 'neutral' | 'danger';
959
962
  }
960
963
 
961
964
  interface TableSectionRowBandProps extends TableGroupBandProps {
@@ -985,8 +988,10 @@ interface TableAlertRowProps {
985
988
  colSpan: number;
986
989
  tone?: TableAlertTone;
987
990
  action?: TableAlertAction;
991
+ icon?: string;
992
+ isBold?: boolean;
988
993
  }
989
- 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;
990
995
 
991
996
  interface TableExpandedRowProps {
992
997
  /** Des `TableCell` : la sous-ligne reprend les colonnes du tableau, avec les mêmes largeurs que l'en-tête. */
@@ -1005,8 +1010,13 @@ interface TablePersonCellProps {
1005
1010
  isExpanded?: boolean;
1006
1011
  isFullName?: boolean;
1007
1012
  width?: string;
1013
+ avatarSize?: number;
1014
+ avatarColor?: ColorToken;
1015
+ avatarShape?: 'circle' | 'square';
1016
+ isLargeName?: boolean;
1017
+ nameSuffix?: ReactNode;
1008
1018
  }
1009
- 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;
1010
1020
 
1011
1021
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1012
1022
  name: string;
@@ -1014,8 +1024,9 @@ interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' |
1014
1024
  variant?: 'dot' | 'tag';
1015
1025
  textColor?: HexColor;
1016
1026
  onNameClick?: () => void;
1027
+ isLargeName?: boolean;
1017
1028
  }
1018
- 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;
1019
1030
 
1020
1031
  type TableStatusCellColor = {
1021
1032
  theme: ColorToken;
@@ -1046,13 +1057,15 @@ interface TableAction {
1046
1057
  interface TableActionsCellProps {
1047
1058
  actions: TableAction[];
1048
1059
  width?: string;
1060
+ maxInlineActions?: number;
1049
1061
  }
1050
- declare const TableActionsCell: ({ actions, width }: TableActionsCellProps) => react.JSX.Element;
1062
+ declare const TableActionsCell: ({ actions, width, maxInlineActions, }: TableActionsCellProps) => react.JSX.Element;
1051
1063
 
1052
1064
  interface TableSelectCellProps {
1053
1065
  isSelected: boolean;
1054
1066
  onToggle: (options: {
1055
1067
  isRange: boolean;
1068
+ isCommand: boolean;
1056
1069
  }) => void;
1057
1070
  label: string;
1058
1071
  disabled?: boolean;