design-zystem 1.0.447 → 1.0.448

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.
@@ -1003,9 +1003,10 @@ interface TablePersonCellProps {
1003
1003
  secondary?: ReactNode;
1004
1004
  onNameClick?: () => void;
1005
1005
  isExpanded?: boolean;
1006
+ isFullName?: boolean;
1006
1007
  width?: string;
1007
1008
  }
1008
- declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
1009
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, }: TablePersonCellProps) => react.JSX.Element;
1009
1010
 
1010
1011
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1011
1012
  name: string;
@@ -1003,9 +1003,10 @@ interface TablePersonCellProps {
1003
1003
  secondary?: ReactNode;
1004
1004
  onNameClick?: () => void;
1005
1005
  isExpanded?: boolean;
1006
+ isFullName?: boolean;
1006
1007
  width?: string;
1007
1008
  }
1008
- declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, width, }: TablePersonCellProps) => react.JSX.Element;
1009
+ declare const TablePersonCell: ({ firstName, lastName, src, avatarBadge, secondary, onNameClick, isExpanded, isFullName, width, }: TablePersonCellProps) => react.JSX.Element;
1009
1010
 
1010
1011
  interface TableClientCellProps extends Pick<TableCellProps, 'width' | 'sticky' | 'stickyOffset' | 'isExpanded' | 'accentColor'> {
1011
1012
  name: string;
package/dist/ui/index.js CHANGED
@@ -4979,11 +4979,12 @@ var TablePersonCell = ({
4979
4979
  secondary,
4980
4980
  onNameClick,
4981
4981
  isExpanded,
4982
+ isFullName,
4982
4983
  width
4983
4984
  }) => {
4984
4985
  const fullName = `${firstName} ${lastName != null ? lastName : ""}`.trim();
4985
- const shortName = formatNameWithInitial(firstName, lastName != null ? lastName : null);
4986
- const name = onNameClick ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCellNameButton, { onClick: onNameClick, children: shortName }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate", children: shortName });
4986
+ const displayedName = isFullName ? fullName : formatNameWithInitial(firstName, lastName != null ? lastName : null);
4987
+ const name = onNameClick ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCellNameButton, { onClick: onNameClick, children: displayedName }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "truncate", children: displayedName });
4987
4988
  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { width, isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
4988
4989
  /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Avatar, { size: AVATAR_SIZE, children: [
4989
4990
  src && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AvatarImage, { src, alt: fullName }),
package/dist/ui/index.mjs CHANGED
@@ -4778,11 +4778,12 @@ var TablePersonCell = ({
4778
4778
  secondary,
4779
4779
  onNameClick,
4780
4780
  isExpanded,
4781
+ isFullName,
4781
4782
  width
4782
4783
  }) => {
4783
4784
  const fullName = `${firstName} ${lastName != null ? lastName : ""}`.trim();
4784
- const shortName = formatNameWithInitial(firstName, lastName != null ? lastName : null);
4785
- const name = onNameClick ? /* @__PURE__ */ jsx61(TableCellNameButton, { onClick: onNameClick, children: shortName }) : /* @__PURE__ */ jsx61("span", { className: "truncate", children: shortName });
4785
+ const displayedName = isFullName ? fullName : formatNameWithInitial(firstName, lastName != null ? lastName : null);
4786
+ const name = onNameClick ? /* @__PURE__ */ jsx61(TableCellNameButton, { onClick: onNameClick, children: displayedName }) : /* @__PURE__ */ jsx61("span", { className: "truncate", children: displayedName });
4786
4787
  return /* @__PURE__ */ jsx61(TableCell, { width, isExpanded, children: /* @__PURE__ */ jsxs30("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
4787
4788
  /* @__PURE__ */ jsxs30(Avatar, { size: AVATAR_SIZE, children: [
4788
4789
  src && /* @__PURE__ */ jsx61(AvatarImage, { src, alt: fullName }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.447",
3
+ "version": "1.0.448",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",