@activecollab/components 2.0.408 → 2.0.410

package/dist/esm/presentation/stackedCard/content/NoteCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteCard.js","names":["React","styled","EntityDots","Placeholder","NoteIcon","SkeletonLoader","StackedCardRow","StackRow","Body2","StyledNoteBody","withConfig","displayName","componentId","SAMPLE_NOTE","NoteCard","_ref","_ref$title","title","_ref$body","body","createElement","Fragment","role","weight","direction","color","NotePlaceholder","props","_extends","icon","label","NoteSkeleton","style","height","width"],"sources":["../../../../../src/presentation/stackedCard/content/NoteCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { EntityDots, Placeholder } from \"./shared\";\nimport { NoteIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { StackedCardRow as StackRow } from \"../../../components/StackedCard\";\nimport { Body2 } from \"../../../components/Typography\";\n\n/**\n * NoteCard — the new fifth type. A multi-line text card (Milanote-style): a\n * title row that owns the \"…\" menu, then padded body rows. The body clamps at a\n * line limit and fades out; auto-height, so the card grows with its content.\n * Inline editing lands in task 4/8 — this is the read view + placeholder.\n */\n\n/* The body clamps at a max height and fades out with a mask so long notes end\n   softly instead of hard-cropping. white-space: pre-line keeps authored breaks. */\nconst StyledNoteBody = styled(Body2)`\n  display: block;\n  max-height: 132px;\n  overflow: hidden;\n  white-space: pre-line;\n  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent);\n  mask-image: linear-gradient(180deg, #000 72%, transparent);\n`;\n\nexport const SAMPLE_NOTE = `Kickoff open questions before we lock the columns:\n\n• Who owns the migration off react-dnd, and does it block the canvas work or run in parallel?\n• Confirm the outline-placeholder choreography reads the same in a scrolled column.\n• Do we ship the note type in v1, or defer inline editing?`;\n\nexport interface NoteCardProps {\n  title?: string;\n  body?: string;\n}\n\nexport const NoteCard = ({\n  title = \"Kickoff notes\",\n  body = SAMPLE_NOTE,\n}: NoteCardProps): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <Body2 weight=\"bold\">{title}</Body2>\n      <EntityDots aria-label=\"Note options\" />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <StyledNoteBody color=\"secondary\">{body}</StyledNoteBody>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const NotePlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<NoteIcon />} label=\"Write a note\" {...props} />\n);\n\n/* Skeleton mirrors the note anatomy: a title line, then several body lines. */\nexport const NoteSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"50%\" }} />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <SkeletonLoader style={{ height: 10, width: \"100%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"96%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"88%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n    </StackRow>\n  </>\n);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAwB,OAAO;AAE3C,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,UAAU,EAAEC,WAAW,QAAQ,UAAU;AAClD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,iCAAiC;AAC5E,SAASC,KAAK,QAAQ,gCAAgC;;AAEtD;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,MAAMC,cAAc,GAAGR,MAAM,CAACO,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oMAOnC;AAED,OAAO,MAAMC,WAAW,wTAImC;AAO3D,OAAO,MAAMC,QAAQ,GAAGC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CACtBE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,eAAe,GAAAA,UAAA;IAAAE,SAAA,GAAAH,IAAA,CACvBI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGL,WAAW,GAAAK,SAAA;EAAA,oBAElBlB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IAACe,IAAI,EAAC;EAAO,gBACpBtB,KAAA,CAAAoB,aAAA,CAACZ,KAAK;IAACe,MAAM,EAAC;EAAM,GAAEN,KAAa,CAAC,eACpCjB,KAAA,CAAAoB,aAAA,CAAClB,UAAU;IAAC,cAAW;EAAc,CAAE,CAC/B,CAAC,eACXF,KAAA,CAAAoB,aAAA,CAACb,QAAQ;IAACe,IAAI,EAAC,QAAQ;IAACE,SAAS,EAAC;EAAQ,gBACxCxB,KAAA,CAAAoB,aAAA,CAACX,cAAc;IAACgB,KAAK,EAAC;EAAW,GAAEN,IAAqB,CAChD,CACV,CAAC;AAAA,CACJ;;AAED;;AAEA,OAAO,MAAMO,eAAe,GAC1BC,KAAoD,iBAEpD3B,KAAA,CAAAoB,aAAA,CAACjB,WAAW,EAAAyB,QAAA;EAACC,IAAI,eAAE7B,KAAA,CAAAoB,aAAA,CAAChB,QAAQ,MAAE,CAAE;EAAC0B,KAAK,EAAC;AAAc,GAAKH,KAAK,CAAG,CACnE;;AAED;AACA,OAAO,MAAMI,YAAY,GAAGA,CAAA,kBAC1B/B,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACErB,KAAA,CAAAoB,aAAA,CAACb,QAAQ;EAACe,IAAI,EAAC;AAAO,gBACpBtB,KAAA,CAAAoB,aAAA,CAACf,cAAc;EAAC2B,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAM;AAAE,CAAE,CAC9C,CAAC,eACXlC,KAAA,CAAAoB,aAAA,CAACb,QAAQ;EAACe,IAAI,EAAC,QAAQ;EAACE,SAAS,EAAC;AAAQ,gBACxCxB,KAAA,CAAAoB,aAAA,CAACf,cAAc;EAAC2B,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAO;AAAE,CAAE,CAAC,eACxDlC,KAAA,CAAAoB,aAAA,CAACf,cAAc;EAAC2B,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAM;AAAE,CAAE,CAAC,eACvDlC,KAAA,CAAAoB,aAAA,CAACf,cAAc;EAAC2B,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAM;AAAE,CAAE,CAAC,eACvDlC,KAAA,CAAAoB,aAAA,CAACf,cAAc;EAAC2B,KAAK,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAM;AAAE,CAAE,CAC9C,CACV,CACH","ignoreList":[]}
+{"version":3,"file":"NoteCard.js","names":["React","styled","CardProjectLine","EntityDots","Placeholder","StyledTitleBlock","NoteIcon","SkeletonLoader","StackedCardRow","StackRow","Body2","StyledNoteBody","withConfig","displayName","componentId","SAMPLE_NOTE","NoteCard","_ref","_ref$title","title","_ref$body","body","_ref$showProjectName","showProjectName","_ref$projectName","projectName","createElement","Fragment","role","weight","direction","color","NotePlaceholder","props","_extends","icon","label","NoteSkeleton","style","height","width"],"sources":["../../../../../src/presentation/stackedCard/content/NoteCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  CardProjectLine,\n  EntityDots,\n  Placeholder,\n  StyledTitleBlock,\n} from \"./shared\";\nimport { NoteIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { StackedCardRow as StackRow } from \"../../../components/StackedCard\";\nimport { Body2 } from \"../../../components/Typography\";\n\n/**\n * NoteCard — the new fifth type. A multi-line text card (Milanote-style): a\n * title row that owns the \"…\" menu, then padded body rows. The body clamps at a\n * line limit and fades out; auto-height, so the card grows with its content.\n * Inline editing lands in task 4/8 — this is the read view + placeholder.\n */\n\n/* The body clamps at a max height and fades out with a mask so long notes end\n   softly instead of hard-cropping. white-space: pre-line keeps authored breaks. */\nconst StyledNoteBody = styled(Body2)`\n  display: block;\n  max-height: 132px;\n  overflow: hidden;\n  white-space: pre-line;\n  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent);\n  mask-image: linear-gradient(180deg, #000 72%, transparent);\n`;\n\nexport const SAMPLE_NOTE = `Kickoff open questions before we lock the columns:\n\n• Who owns the migration off react-dnd, and does it block the canvas work or run in parallel?\n• Confirm the outline-placeholder choreography reads the same in a scrolled column.\n• Do we ship the note type in v1, or defer inline editing?`;\n\nexport interface NoteCardProps {\n  title?: string;\n  body?: string;\n  /**\n   * The project the note belongs to, above the title — the same line, in the\n   * same treatment, that a TaskCard uses. Off by default: only a surface that\n   * mixes projects needs it.\n   */\n  showProjectName?: boolean;\n  projectName?: string;\n}\n\nexport const NoteCard = ({\n  title = \"Kickoff notes\",\n  body = SAMPLE_NOTE,\n  showProjectName = false,\n  projectName = \"Marketing Site\",\n}: NoteCardProps): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <StyledTitleBlock>\n        {showProjectName ? (\n          <CardProjectLine>{projectName}</CardProjectLine>\n        ) : null}\n        <Body2 weight=\"bold\">{title}</Body2>\n      </StyledTitleBlock>\n      <EntityDots aria-label=\"Note options\" />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <StyledNoteBody color=\"secondary\">{body}</StyledNoteBody>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const NotePlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<NoteIcon />} label=\"Write a note\" {...props} />\n);\n\n/* Skeleton mirrors the note anatomy: a title line, then several body lines. */\nexport const NoteSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"50%\" }} />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <SkeletonLoader style={{ height: 10, width: \"100%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"96%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"88%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/stackedCard/content/ProjectCard.d.ts

@@ -0,0 +1,64 @@
+import { ReactElement } from "react";
+/**
+ * ProjectCard — a project as a stacked card.
+ *
+ * The sixth content type, and the second one that mirrors a project-management
+ * record rather than something authored on the surface (TaskCard is the first).
+ * It composes the same shell and the same rows; nothing in `components/StackedCard`
+ * knows it exists.
+ *
+ * The face is the app's Projects page, read off `ProjectListGroup.jsx`:
+ *   - the NAME is the card's title (`Header3`, as in the grid card);
+ *   - the CLIENT sits under it — `Entity.Property "entity-property-client"`, the
+ *     company the project is for;
+ *   - the DESCRIPTION is the project's `body`, the grid card's `Body2` tertiary
+ *     excerpt, clamped because the whole text lives on the project and this is a
+ *     reference to it, not a copy;
+ *   - the LEADER and the LABEL share one row. The label is a FILLED pill whose
+ *     background is the label's own colour and whose text is a darker shade of
+ *     it (`ProjectLabel.jsx`: `EntityLabel` with `backgroundColor: label.color`,
+ *     `color: label.darker_text_color`) — the design system's `Chip`, not the
+ *     colour-text `Tag` the column cards use for task labels.
+ *
+ * There is deliberately NO progress indicator. A single percentage is the one
+ * number on a project that cannot be read without knowing how it was computed,
+ * and a card is a place people put a project to talk ABOUT it — the number
+ * invites a conversation about the number instead.
+ */
+export interface ProjectCardPerson {
+    name: string;
+    initials: string;
+    /** Avatar colours stand in for the server-rendered avatar: data, not theme. */
+    color: string;
+}
+/** A project label carries both of the colours the app stores for it. */
+export interface ProjectCardLabel {
+    text: string;
+    /** `label.color` — the pill's background. */
+    color: string;
+    /** `label.darker_text_color` — the pill's text. */
+    textColor: string;
+}
+/**
+ * What an internal project's client line says.
+ *
+ * A project with no client belongs to the account's own company, and printing
+ * that company's name back at someone who works there says nothing. So the line
+ * states the fact instead.
+ */
+export declare const INTERNAL_CLIENT_LABEL = "Internal";
+/** One rule for the client line, so no surface can label the same project twice. */
+export declare const projectClientLine: (client: string | null | undefined) => string;
+export interface ProjectCardProps {
+    name?: string;
+    /** The client company. `null` is an internal project — the line reads "Internal". */
+    client?: string | null;
+    /** The project's `body`; the excerpt row exists only when it has one. */
+    description?: string;
+    /** A project need not have a leader. */
+    leader?: ProjectCardPerson;
+    /** A project need not have a label. */
+    label?: ProjectCardLabel;
+}
+export declare const ProjectCard: ({ name, client, description, leader, label, }: ProjectCardProps) => ReactElement;
+//# sourceMappingURL=ProjectCard.d.ts.map

package/dist/esm/presentation/stackedCard/content/ProjectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/ProjectCard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAe5C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;CACf;AAED,yEAAyE;AACzE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAEhD,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MACrC,CAAC;AA4DlC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,uCAAuC;IACvC,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,GAAI,+CAMzB,gBAAgB,KAAG,YAmDrB,CAAC"}

package/dist/esm/presentation/stackedCard/content/ProjectCard.js

@@ -0,0 +1,128 @@
+import React from "react";
+import styled from "styled-components";
+import { EntityDots, StyledTitleBlock } from "./shared";
+import { Chip } from "../../../components/Chip";
+import { StackedCardRow as StackRow } from "../../../components/StackedCard";
+import { Body2, Caption1, Caption2, Header3 } from "../../../components/Typography";
+import { RoundAvatar } from "../../shared";
+
+/**
+ * ProjectCard — a project as a stacked card.
+ *
+ * The sixth content type, and the second one that mirrors a project-management
+ * record rather than something authored on the surface (TaskCard is the first).
+ * It composes the same shell and the same rows; nothing in `components/StackedCard`
+ * knows it exists.
+ *
+ * The face is the app's Projects page, read off `ProjectListGroup.jsx`:
+ *   - the NAME is the card's title (`Header3`, as in the grid card);
+ *   - the CLIENT sits under it — `Entity.Property "entity-property-client"`, the
+ *     company the project is for;
+ *   - the DESCRIPTION is the project's `body`, the grid card's `Body2` tertiary
+ *     excerpt, clamped because the whole text lives on the project and this is a
+ *     reference to it, not a copy;
+ *   - the LEADER and the LABEL share one row. The label is a FILLED pill whose
+ *     background is the label's own colour and whose text is a darker shade of
+ *     it (`ProjectLabel.jsx`: `EntityLabel` with `backgroundColor: label.color`,
+ *     `color: label.darker_text_color`) — the design system's `Chip`, not the
+ *     colour-text `Tag` the column cards use for task labels.
+ *
+ * There is deliberately NO progress indicator. A single percentage is the one
+ * number on a project that cannot be read without knowing how it was computed,
+ * and a card is a place people put a project to talk ABOUT it — the number
+ * invites a conversation about the number instead.
+ */
+
+/** A project label carries both of the colours the app stores for it. */
+
+/**
+ * What an internal project's client line says.
+ *
+ * A project with no client belongs to the account's own company, and printing
+ * that company's name back at someone who works there says nothing. So the line
+ * states the fact instead.
+ */
+export const INTERNAL_CLIENT_LABEL = "Internal";
+
+/** One rule for the client line, so no surface can label the same project twice. */
+export const projectClientLine = client => client != null ? client : INTERNAL_CLIENT_LABEL;
+
+/* The description excerpt. Three lines is the most a card can carry before it
+   stops being a card, so it clamps. */
+const StyledExcerpt = styled(Body2).withConfig({
+  displayName: "ProjectCard__StyledExcerpt",
+  componentId: "sc-1afak94-0"
+})(["display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;"]);
+const StyledName = styled(Header3).withConfig({
+  displayName: "ProjectCard__StyledName",
+  componentId: "sc-1afak94-1"
+})(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+const StyledClient = styled(Caption2).withConfig({
+  displayName: "ProjectCard__StyledClient",
+  componentId: "sc-1afak94-2"
+})(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+
+/**
+ * One row for the two facts that are each optional: the leader on the LEFT, the
+ * label on the RIGHT. `space-between` is what keeps the label right when there is
+ * no leader beside it, and the row is not rendered at all when the project has
+ * neither — a bare project produces a small card, not a card with empty
+ * furniture in it.
+ *
+ * No rule above it: the card carries no internal separators. The row's own role
+ * padding is what sets it apart from the excerpt, the same way every other row in
+ * every other content type is set apart — a hairline here would be the only line
+ * inside any card in the set.
+ */
+const StyledMetaRow = styled(StackRow).withConfig({
+  displayName: "ProjectCard__StyledMetaRow",
+  componentId: "sc-1afak94-3"
+})(["justify-content:space-between;.sc-leader{display:flex;align-items:center;gap:8px;min-width:0;}.sc-leader > .typography{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.sc-label{flex-shrink:0;display:flex;}"]);
+export const ProjectCard = _ref => {
+  let _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "Marketing Site" : _ref$name,
+    _ref$client = _ref.client,
+    client = _ref$client === void 0 ? "ActiveCollab Inc." : _ref$client,
+    description = _ref.description,
+    leader = _ref.leader,
+    label = _ref.label;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StackRow, {
+    role: "title"
+  }, /*#__PURE__*/React.createElement(StyledTitleBlock, null, /*#__PURE__*/React.createElement(StyledName, null, name), /*#__PURE__*/React.createElement(StyledClient, {
+    color: "tertiary"
+  }, projectClientLine(client))), /*#__PURE__*/React.createElement(EntityDots, {
+    "aria-label": "Project options"
+  })), description ? /*#__PURE__*/React.createElement(StackRow, {
+    role: "custom"
+  }, /*#__PURE__*/React.createElement(StyledExcerpt, {
+    color: "secondary"
+  }, description)) : null, leader || label ? /*#__PURE__*/React.createElement(StyledMetaRow, {
+    role: "footer"
+  }, leader ? /*#__PURE__*/React.createElement("span", {
+    className: "sc-leader"
+  }, /*#__PURE__*/React.createElement(RoundAvatar, {
+    $bg: leader.color,
+    $size: 24,
+    $bordered: false,
+    "data-fixed": true
+  }, leader.initials), /*#__PURE__*/React.createElement(Caption1, {
+    color: "secondary"
+  }, leader.name)) :
+  /*#__PURE__*/
+  /* Keeps the label on the right when there is no leader to push it
+     there — an empty flex item is cheaper than a second layout. */
+  React.createElement("span", null), label ? /*#__PURE__*/React.createElement("span", {
+    className: "sc-label",
+    "data-fixed": true
+  }, /*#__PURE__*/React.createElement(Chip, {
+    size: "small",
+    label: label.text,
+    backgroundColor: label.color,
+    color: label.textColor,
+    typographyProps: {
+      variant: "Caption 2",
+      weight: "bold"
+    }
+  })) : null) : null);
+};
+//# sourceMappingURL=ProjectCard.js.map

package/dist/esm/presentation/stackedCard/content/ProjectCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectCard.js","names":["React","styled","EntityDots","StyledTitleBlock","Chip","StackedCardRow","StackRow","Body2","Caption1","Caption2","Header3","RoundAvatar","INTERNAL_CLIENT_LABEL","projectClientLine","client","StyledExcerpt","withConfig","displayName","componentId","StyledName","StyledClient","StyledMetaRow","ProjectCard","_ref","_ref$name","name","_ref$client","description","leader","label","createElement","Fragment","role","color","className","$bg","$size","$bordered","initials","size","text","backgroundColor","textColor","typographyProps","variant","weight"],"sources":["../../../../../src/presentation/stackedCard/content/ProjectCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { EntityDots, StyledTitleBlock } from \"./shared\";\nimport { Chip } from \"../../../components/Chip\";\nimport { StackedCardRow as StackRow } from \"../../../components/StackedCard\";\nimport {\n  Body2,\n  Caption1,\n  Caption2,\n  Header3,\n} from \"../../../components/Typography\";\nimport { RoundAvatar } from \"../../shared\";\n\n/**\n * ProjectCard — a project as a stacked card.\n *\n * The sixth content type, and the second one that mirrors a project-management\n * record rather than something authored on the surface (TaskCard is the first).\n * It composes the same shell and the same rows; nothing in `components/StackedCard`\n * knows it exists.\n *\n * The face is the app's Projects page, read off `ProjectListGroup.jsx`:\n *   - the NAME is the card's title (`Header3`, as in the grid card);\n *   - the CLIENT sits under it — `Entity.Property \"entity-property-client\"`, the\n *     company the project is for;\n *   - the DESCRIPTION is the project's `body`, the grid card's `Body2` tertiary\n *     excerpt, clamped because the whole text lives on the project and this is a\n *     reference to it, not a copy;\n *   - the LEADER and the LABEL share one row. The label is a FILLED pill whose\n *     background is the label's own colour and whose text is a darker shade of\n *     it (`ProjectLabel.jsx`: `EntityLabel` with `backgroundColor: label.color`,\n *     `color: label.darker_text_color`) — the design system's `Chip`, not the\n *     colour-text `Tag` the column cards use for task labels.\n *\n * There is deliberately NO progress indicator. A single percentage is the one\n * number on a project that cannot be read without knowing how it was computed,\n * and a card is a place people put a project to talk ABOUT it — the number\n * invites a conversation about the number instead.\n */\n\nexport interface ProjectCardPerson {\n  name: string;\n  initials: string;\n  /** Avatar colours stand in for the server-rendered avatar: data, not theme. */\n  color: string;\n}\n\n/** A project label carries both of the colours the app stores for it. */\nexport interface ProjectCardLabel {\n  text: string;\n  /** `label.color` — the pill's background. */\n  color: string;\n  /** `label.darker_text_color` — the pill's text. */\n  textColor: string;\n}\n\n/**\n * What an internal project's client line says.\n *\n * A project with no client belongs to the account's own company, and printing\n * that company's name back at someone who works there says nothing. So the line\n * states the fact instead.\n */\nexport const INTERNAL_CLIENT_LABEL = \"Internal\";\n\n/** One rule for the client line, so no surface can label the same project twice. */\nexport const projectClientLine = (client: string | null | undefined): string =>\n  client ?? INTERNAL_CLIENT_LABEL;\n\n/* The description excerpt. Three lines is the most a card can carry before it\n   stops being a card, so it clamps. */\nconst StyledExcerpt = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\nconst StyledName = styled(Header3)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nconst StyledClient = styled(Caption2)`\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\n/**\n * One row for the two facts that are each optional: the leader on the LEFT, the\n * label on the RIGHT. `space-between` is what keeps the label right when there is\n * no leader beside it, and the row is not rendered at all when the project has\n * neither — a bare project produces a small card, not a card with empty\n * furniture in it.\n *\n * No rule above it: the card carries no internal separators. The row's own role\n * padding is what sets it apart from the excerpt, the same way every other row in\n * every other content type is set apart — a hairline here would be the only line\n * inside any card in the set.\n */\nconst StyledMetaRow = styled(StackRow)`\n  justify-content: space-between;\n\n  .sc-leader {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n  }\n\n  .sc-leader > .typography {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  /* The Chip brings its own padding and radius, so the slot only has to refuse\n     to shrink and stay out of the leader's way. */\n  .sc-label {\n    flex-shrink: 0;\n    display: flex;\n  }\n`;\n\nexport interface ProjectCardProps {\n  name?: string;\n  /** The client company. `null` is an internal project — the line reads \"Internal\". */\n  client?: string | null;\n  /** The project's `body`; the excerpt row exists only when it has one. */\n  description?: string;\n  /** A project need not have a leader. */\n  leader?: ProjectCardPerson;\n  /** A project need not have a label. */\n  label?: ProjectCardLabel;\n}\n\nexport const ProjectCard = ({\n  name = \"Marketing Site\",\n  client = \"ActiveCollab Inc.\",\n  description,\n  leader,\n  label,\n}: ProjectCardProps): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <StyledTitleBlock>\n        <StyledName>{name}</StyledName>\n        <StyledClient color=\"tertiary\">\n          {projectClientLine(client)}\n        </StyledClient>\n      </StyledTitleBlock>\n      <EntityDots aria-label=\"Project options\" />\n    </StackRow>\n\n    {description ? (\n      <StackRow role=\"custom\">\n        <StyledExcerpt color=\"secondary\">{description}</StyledExcerpt>\n      </StackRow>\n    ) : null}\n\n    {leader || label ? (\n      <StyledMetaRow role=\"footer\">\n        {leader ? (\n          <span className=\"sc-leader\">\n            <RoundAvatar\n              $bg={leader.color}\n              $size={24}\n              $bordered={false}\n              data-fixed\n            >\n              {leader.initials}\n            </RoundAvatar>\n            <Caption1 color=\"secondary\">{leader.name}</Caption1>\n          </span>\n        ) : (\n          /* Keeps the label on the right when there is no leader to push it\n             there — an empty flex item is cheaper than a second layout. */\n          <span />\n        )}\n        {label ? (\n          <span className=\"sc-label\" data-fixed>\n            <Chip\n              size=\"small\"\n              label={label.text}\n              backgroundColor={label.color}\n              color={label.textColor}\n              typographyProps={{ variant: \"Caption 2\", weight: \"bold\" }}\n            />\n          </span>\n        ) : null}\n      </StyledMetaRow>\n    ) : null}\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/stackedCard/content/TaskCard.d.ts

@@ -1,4 +1,42 @@
 import React, { ReactElement } from "react";
+/**
+ * TaskCard — the baseline-preservation card.
+ *
+ * This is the replacement for today's column card, so it must reproduce every
+ * behavior that card has (note 52104 §B2) — none of them are optional, each is
+ * a silent-regression risk. Every one is a prop here so the story can toggle it:
+ *
+ *  - task-number prefix in the title      (config-gated, mirrors `show_task_id`)
+ *  - overdue date colouring               (red ONLY when overdue AND not completed)
+ *  - dependency counter                   (behind a feature-flag prop)
+ *  - hidden-from-clients signifier        (shown only when it DIFFERS from the
+ *                                          project default)
+ *  - inline assignee affordance           (avatar, or an add-assignee placeholder)
+ *  - completed                            (teal tint, no "…" menu, no overdue colour)
+ *  - assignees appear ONCE                (in the info line when the card has no
+ *                                          date range, in the date row when it
+ *                                          has one — never in both)
+ *
+ * The pending/optimistic and priority states are SHELL states (dimmed +
+ * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard
+ * pending>` / `<StackedCard priorityColor>` by the host — they are not the
+ * card's own concern and live on the shell, not here.
+ *
+ * Everything is measured against the app: `ColumnCardBody.jsx`,
+ * `ColumnCardBodyInfo.jsx`, `ColumnCardDate.jsx` and
+ * `view.project_tasks_column_mode.less`.
+ */
+export interface TaskCardLabel {
+    text: string;
+    /** The label's own colour — data, not theme. */
+    color: string;
+}
+export interface TaskCardPerson {
+    name: string;
+    initials: string;
+    /** Avatar colours stand in for the server-rendered avatar: data, not theme. */
+    color: string;
+}
 export interface TaskCardProps {
     title?: string;
     /** Optional cover — task cards in a column usually have none. */
@@ -8,7 +46,29 @@ export interface TaskCardProps {
     /** Config-gated task-number prefix (mirrors `show_task_id`). */
     showTaskId?: boolean;
     taskId?: number;
-    dateLabel?: string;
+    /**
+     * The project the task lives in, above the title. Off by default: in a column
+     * the column already says it, and only a surface that mixes projects (a
+     * canvas) needs the line.
+     */
+    showProjectName?: boolean;
+    projectName?: string;
+    /**
+     * The task's labels. Up to two read as colour text (`Tag`, the column card's
+     * treatment); more collapse to coloured dots plus an overflow count, which is
+     * what the design system maps ">2 labels" to. An empty array means the card
+     * has no labels — and then the info line must not open with a separator.
+     */
+    labels?: TaskCardLabel[];
+    /** Open-subtask and comment counters; each shows only when it is non-zero. */
+    subtaskCount?: number;
+    commentCount?: number;
+    /**
+     * The date range. `null` (or empty) means the task has none — the date row
+     * disappears and the assignees move up into the info line, so they still
+     * appear exactly once.
+     */
+    dateLabel?: string | null;
     /** Overdue date — colours the date red, but only when NOT completed. */
     overdue?: boolean;
     /** Dependency counter, gated behind a feature flag. */
@@ -20,10 +80,12 @@ export interface TaskCardProps {
     projectDefaultHidden?: boolean;
     /** Whether the task has an assignee (avatar) or shows the add affordance. */
     assigned?: boolean;
+    /** The actual assignees, when the host has them. Limited to 3, as in the app. */
+    assignees?: TaskCardPerson[];
     /** Completed — teal tint, no "…" menu, no overdue colour. */
     completed?: boolean;
 }
-export declare const TaskCard: ({ title, cover, playable, coverControls, showTaskId, taskId, dateLabel, overdue, showDependencies, dependencyCount, hiddenFromClients, projectDefaultHidden, assigned, completed, }: TaskCardProps) => ReactElement;
+export declare const TaskCard: ({ title, cover, playable, coverControls, showTaskId, taskId, showProjectName, projectName, labels, subtaskCount, commentCount, dateLabel, overdue, showDependencies, dependencyCount, hiddenFromClients, projectDefaultHidden, assigned, assignees, completed, }: TaskCardProps) => ReactElement;
 export declare const TaskPlaceholder: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => ReactElement;
 export declare const TaskSkeleton: () => ReactElement;
 //# sourceMappingURL=TaskCard.d.ts.map

package/dist/esm/presentation/stackedCard/content/TaskCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkJ5C,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gFAAgF;IAChF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,qLAetB,aAAa,KAAG,YA+FlB,CAAC;AAIF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KACnD,YAMF,CAAC;AAGF,eAAO,MAAM,YAAY,QAAO,YAiB/B,CAAC"}
+{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAiC5C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;CACf;AA4KD,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gFAAgF;IAChF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,kQAqBtB,aAAa,KAAG,YAyJlB,CAAC;AAIF,eAAO,MAAM,eAAe,GAC1B,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,KACnD,YAMF,CAAC;AAGF,eAAO,MAAM,YAAY,QAAO,YAiB/B,CAAC"}