@activecollab/components 2.0.424 → 2.0.426

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 (32) hide show
  1. package/dist/cjs/components/Media/Media.js +45 -4
  2. package/dist/cjs/components/Media/Media.js.map +1 -1
  3. package/dist/cjs/components/Media/Styles.js +4 -1
  4. package/dist/cjs/components/Media/Styles.js.map +1 -1
  5. package/dist/cjs/components/PortableText/renderers.js +8 -2
  6. package/dist/cjs/components/PortableText/renderers.js.map +1 -1
  7. package/dist/cjs/components/PortableText/types.js.map +1 -1
  8. package/dist/cjs/presentation/shared/headers.js +5 -3
  9. package/dist/cjs/presentation/shared/headers.js.map +1 -1
  10. package/dist/esm/components/Media/Media.d.ts +9 -0
  11. package/dist/esm/components/Media/Media.d.ts.map +1 -1
  12. package/dist/esm/components/Media/Media.js +44 -3
  13. package/dist/esm/components/Media/Media.js.map +1 -1
  14. package/dist/esm/components/Media/Styles.d.ts +1 -0
  15. package/dist/esm/components/Media/Styles.d.ts.map +1 -1
  16. package/dist/esm/components/Media/Styles.js +4 -1
  17. package/dist/esm/components/Media/Styles.js.map +1 -1
  18. package/dist/esm/components/PortableText/renderers.d.ts.map +1 -1
  19. package/dist/esm/components/PortableText/renderers.js +8 -2
  20. package/dist/esm/components/PortableText/renderers.js.map +1 -1
  21. package/dist/esm/components/PortableText/types.d.ts +16 -0
  22. package/dist/esm/components/PortableText/types.d.ts.map +1 -1
  23. package/dist/esm/components/PortableText/types.js.map +1 -1
  24. package/dist/esm/presentation/shared/headers.d.ts +3 -1
  25. package/dist/esm/presentation/shared/headers.d.ts.map +1 -1
  26. package/dist/esm/presentation/shared/headers.js +5 -3
  27. package/dist/esm/presentation/shared/headers.js.map +1 -1
  28. package/dist/index.js +57 -6
  29. package/dist/index.js.map +1 -1
  30. package/dist/index.min.js +1 -1
  31. package/dist/index.min.js.map +1 -1
  32. package/package.json +1 -1
@@ -1,12 +1,45 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["src", "alt", "variant", "caption"];
3
+ const _excluded = ["src", "alt", "variant", "caption", "width", "height", "density"];
4
4
  import React, { forwardRef } from "react";
5
5
  import { StyledMedia } from "./Styles";
6
6
  import { Caption1 } from "../Typography";
7
+ /** A tall image (height greater than width) is capped at this display height. */
8
+ export const MEDIA_PORTRAIT_MAX_HEIGHT = 680;
9
+
10
+ /**
11
+ * The box the `<img>` is laid out in, in CSS pixels. A portrait image taller
12
+ * than the cap is scaled down to the cap, keeping its aspect ratio. Resolving
13
+ * the cap here — rather than with `width: auto; max-height` in CSS — keeps the
14
+ * size independent of the file's natural pixel size, so a 2x capture without a
15
+ * `density` (and therefore no `srcset` descriptor) never renders upscaled.
16
+ */
17
+ const displaySize = (width, height) => {
18
+ if (width == null || height == null) {
19
+ return undefined;
20
+ }
21
+ if (height > width && height > MEDIA_PORTRAIT_MAX_HEIGHT) {
22
+ return {
23
+ width: Math.round(width * MEDIA_PORTRAIT_MAX_HEIGHT / height),
24
+ height: MEDIA_PORTRAIT_MAX_HEIGHT
25
+ };
26
+ }
27
+ return {
28
+ width,
29
+ height
30
+ };
31
+ };
32
+
7
33
  /**
8
34
  * An image block: a screenshot renders framed (border, no shadow), a flat
9
35
  * illustration renders without a frame. The caption sits below the frame.
36
+ *
37
+ * `width`/`height` are the image's real display size in CSS pixels, measured
38
+ * at compile time. When present, the image renders at that size — centered,
39
+ * capped at the column width, never upscaled — and the `<img>` reserves the
40
+ * space so the layout does not jump as it loads. A tall image (height greater
41
+ * than width) is capped by height instead. When absent (e.g. a remote source
42
+ * the build could not measure), the image falls back to the column-width cap.
10
43
  */
11
44
  export const Media = /*#__PURE__*/forwardRef((_ref, ref) => {
12
45
  let src = _ref.src,
@@ -14,15 +47,23 @@ export const Media = /*#__PURE__*/forwardRef((_ref, ref) => {
14
47
  _ref$variant = _ref.variant,
15
48
  variant = _ref$variant === void 0 ? "illustration" : _ref$variant,
16
49
  caption = _ref.caption,
50
+ width = _ref.width,
51
+ height = _ref.height,
52
+ density = _ref.density,
17
53
  rest = _objectWithoutPropertiesLoose(_ref, _excluded);
54
+ const size = displaySize(width, height);
18
55
  return /*#__PURE__*/React.createElement(StyledMedia, _extends({
19
56
  ref: ref,
20
- $bordered: variant === "screenshot"
57
+ $bordered: variant === "screenshot",
58
+ $sized: size !== undefined
21
59
  }, rest), /*#__PURE__*/React.createElement("div", {
22
60
  className: "c-media-frame"
23
61
  }, /*#__PURE__*/React.createElement("img", {
24
62
  src: src,
25
- alt: alt != null ? alt : ""
63
+ alt: alt != null ? alt : "",
64
+ width: size == null ? void 0 : size.width,
65
+ height: size == null ? void 0 : size.height,
66
+ srcSet: density ? src + " " + density + "x" : undefined
26
67
  })), caption ? /*#__PURE__*/React.createElement(Caption1, {
27
68
  color: "secondary"
28
69
  }, caption) : null);
@@ -1 +1 @@
1
- {"version":3,"file":"Media.js","names":["React","forwardRef","StyledMedia","Caption1","Media","_ref","ref","src","alt","_ref$variant","variant","caption","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$bordered","className","color","displayName"],"sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledMedia } from \"./Styles\";\nimport {\n PortableTextMediaBlock,\n PortableTextMediaImageVariant,\n} from \"../PortableText/types\";\nimport { Caption1 } from \"../Typography\";\n\nexport interface IMediaProps\n extends Omit<PortableTextMediaBlock, \"type\" | \"variant\">,\n React.ComponentPropsWithoutRef<\"div\"> {\n variant?: PortableTextMediaImageVariant;\n}\n\n/**\n * An image block: a screenshot renders framed (border, no shadow), a flat\n * illustration renders without a frame. The caption sits below the frame.\n */\nexport const Media = forwardRef<HTMLDivElement, IMediaProps>(\n ({ src, alt, variant = \"illustration\", caption, ...rest }, ref) => (\n <StyledMedia ref={ref} $bordered={variant === \"screenshot\"} {...rest}>\n <div className=\"c-media-frame\">\n <img src={src} alt={alt ?? \"\"} />\n </div>\n {caption ? <Caption1 color=\"secondary\">{caption}</Caption1> : null}\n </StyledMedia>\n )\n);\n\nMedia.displayName = \"Media\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAQ,UAAU;AAKtC,SAASC,QAAQ,QAAQ,eAAe;AAQxC;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGH,UAAU,CAC7B,CAAAI,IAAA,EAA2DC,GAAG;EAAA,IAA3DC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,cAAc,GAAAA,YAAA;IAAEE,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBACrDd,KAAA,CAAAe,aAAA,CAACb,WAAW,EAAAc,QAAA;IAACV,GAAG,EAAEA,GAAI;IAACW,SAAS,EAAEP,OAAO,KAAK;EAAa,GAAKE,IAAI,gBAClEZ,KAAA,CAAAe,aAAA;IAAKG,SAAS,EAAC;EAAe,gBAC5BlB,KAAA,CAAAe,aAAA;IAAKR,GAAG,EAAEA,GAAI;IAACC,GAAG,EAAEA,GAAG,WAAHA,GAAG,GAAI;EAAG,CAAE,CAC7B,CAAC,EACLG,OAAO,gBAAGX,KAAA,CAAAe,aAAA,CAACZ,QAAQ;IAACgB,KAAK,EAAC;EAAW,GAAER,OAAkB,CAAC,GAAG,IACnD,CAAC;AAAA,CAElB,CAAC;AAEDP,KAAK,CAACgB,WAAW,GAAG,OAAO","ignoreList":[]}
1
+ {"version":3,"file":"Media.js","names":["React","forwardRef","StyledMedia","Caption1","MEDIA_PORTRAIT_MAX_HEIGHT","displaySize","width","height","undefined","Math","round","Media","_ref","ref","src","alt","_ref$variant","variant","caption","density","rest","_objectWithoutPropertiesLoose","_excluded","size","createElement","_extends","$bordered","$sized","className","srcSet","color","displayName"],"sources":["../../../../src/components/Media/Media.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledMedia } from \"./Styles\";\nimport {\n PortableTextMediaBlock,\n PortableTextMediaImageVariant,\n} from \"../PortableText/types\";\nimport { Caption1 } from \"../Typography\";\n\nexport interface IMediaProps\n extends Omit<PortableTextMediaBlock, \"type\" | \"variant\">,\n React.ComponentPropsWithoutRef<\"div\"> {\n variant?: PortableTextMediaImageVariant;\n}\n\n/** A tall image (height greater than width) is capped at this display height. */\nexport const MEDIA_PORTRAIT_MAX_HEIGHT = 680;\n\n/**\n * The box the `<img>` is laid out in, in CSS pixels. A portrait image taller\n * than the cap is scaled down to the cap, keeping its aspect ratio. Resolving\n * the cap here — rather than with `width: auto; max-height` in CSS — keeps the\n * size independent of the file's natural pixel size, so a 2x capture without a\n * `density` (and therefore no `srcset` descriptor) never renders upscaled.\n */\nconst displaySize = (width?: number, height?: number) => {\n if (width == null || height == null) {\n return undefined;\n }\n\n if (height > width && height > MEDIA_PORTRAIT_MAX_HEIGHT) {\n return {\n width: Math.round((width * MEDIA_PORTRAIT_MAX_HEIGHT) / height),\n height: MEDIA_PORTRAIT_MAX_HEIGHT,\n };\n }\n\n return { width, height };\n};\n\n/**\n * An image block: a screenshot renders framed (border, no shadow), a flat\n * illustration renders without a frame. The caption sits below the frame.\n *\n * `width`/`height` are the image's real display size in CSS pixels, measured\n * at compile time. When present, the image renders at that size — centered,\n * capped at the column width, never upscaled — and the `<img>` reserves the\n * space so the layout does not jump as it loads. A tall image (height greater\n * than width) is capped by height instead. When absent (e.g. a remote source\n * the build could not measure), the image falls back to the column-width cap.\n */\nexport const Media = forwardRef<HTMLDivElement, IMediaProps>(\n (\n {\n src,\n alt,\n variant = \"illustration\",\n caption,\n width,\n height,\n density,\n ...rest\n },\n ref\n ) => {\n const size = displaySize(width, height);\n\n return (\n <StyledMedia\n ref={ref}\n $bordered={variant === \"screenshot\"}\n $sized={size !== undefined}\n {...rest}\n >\n <div className=\"c-media-frame\">\n <img\n src={src}\n alt={alt ?? \"\"}\n width={size?.width}\n height={size?.height}\n srcSet={density ? `${src} ${density}x` : undefined}\n />\n </div>\n {caption ? <Caption1 color=\"secondary\">{caption}</Caption1> : null}\n </StyledMedia>\n );\n }\n);\n\nMedia.displayName = \"Media\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAQ,UAAU;AAKtC,SAASC,QAAQ,QAAQ,eAAe;AAQxC;AACA,OAAO,MAAMC,yBAAyB,GAAG,GAAG;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAACC,KAAc,EAAEC,MAAe,KAAK;EACvD,IAAID,KAAK,IAAI,IAAI,IAAIC,MAAM,IAAI,IAAI,EAAE;IACnC,OAAOC,SAAS;EAClB;EAEA,IAAID,MAAM,GAAGD,KAAK,IAAIC,MAAM,GAAGH,yBAAyB,EAAE;IACxD,OAAO;MACLE,KAAK,EAAEG,IAAI,CAACC,KAAK,CAAEJ,KAAK,GAAGF,yBAAyB,GAAIG,MAAM,CAAC;MAC/DA,MAAM,EAAEH;IACV,CAAC;EACH;EAEA,OAAO;IAAEE,KAAK;IAAEC;EAAO,CAAC;AAC1B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,KAAK,gBAAGV,UAAU,CAC7B,CAAAW,IAAA,EAWEC,GAAG,KACA;EAAA,IAVDC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAAC,YAAA,GAAAJ,IAAA,CACHK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,cAAc,GAAAA,YAAA;IACxBE,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPZ,KAAK,GAAAM,IAAA,CAALN,KAAK;IACLC,MAAM,GAAAK,IAAA,CAANL,MAAM;IACNY,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACJC,IAAI,GAAAC,6BAAA,CAAAT,IAAA,EAAAU,SAAA;EAIT,MAAMC,IAAI,GAAGlB,WAAW,CAACC,KAAK,EAAEC,MAAM,CAAC;EAEvC,oBACEP,KAAA,CAAAwB,aAAA,CAACtB,WAAW,EAAAuB,QAAA;IACVZ,GAAG,EAAEA,GAAI;IACTa,SAAS,EAAET,OAAO,KAAK,YAAa;IACpCU,MAAM,EAAEJ,IAAI,KAAKf;EAAU,GACvBY,IAAI,gBAERpB,KAAA,CAAAwB,aAAA;IAAKI,SAAS,EAAC;EAAe,gBAC5B5B,KAAA,CAAAwB,aAAA;IACEV,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAG,WAAHA,GAAG,GAAI,EAAG;IACfT,KAAK,EAAEiB,IAAI,oBAAJA,IAAI,CAAEjB,KAAM;IACnBC,MAAM,EAAEgB,IAAI,oBAAJA,IAAI,CAAEhB,MAAO;IACrBsB,MAAM,EAAEV,OAAO,GAAML,GAAG,SAAIK,OAAO,SAAMX;EAAU,CACpD,CACE,CAAC,EACLU,OAAO,gBAAGlB,KAAA,CAAAwB,aAAA,CAACrB,QAAQ;IAAC2B,KAAK,EAAC;EAAW,GAAEZ,OAAkB,CAAC,GAAG,IACnD,CAAC;AAElB,CACF,CAAC;AAEDP,KAAK,CAACoB,WAAW,GAAG,OAAO","ignoreList":[]}
@@ -1,4 +1,5 @@
1
1
  export declare const StyledMedia: import("styled-components").StyledComponent<"div", any, {
2
2
  $bordered: boolean;
3
+ $sized: boolean;
3
4
  }, never>;
4
5
  //# sourceMappingURL=Styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Media/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW;eAA2B,OAAO;SAqBzD,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Media/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW;eAA2B,OAAO;YAAU,OAAO;SA0C1E,CAAC"}
@@ -3,9 +3,12 @@ import { SPACE } from "../LayoutTokens";
3
3
  export const StyledMedia = styled.div.withConfig({
4
4
  displayName: "Styles__StyledMedia",
5
5
  componentId: "sc-zjz7mh-0"
6
- })(["display:flex;flex-direction:column;gap:", ";width:100%;.c-media-frame{", "}.c-media-frame img{display:block;width:100%;height:auto;}"], SPACE.sm, _ref => {
6
+ })(["display:flex;flex-direction:column;gap:", ";width:100%;.c-media-frame{width:fit-content;max-width:100%;margin-inline:auto;", "}.c-media-frame img{display:block;height:auto;", "}"], SPACE.sm, _ref => {
7
7
  let $bordered = _ref.$bordered;
8
8
  return $bordered && css(["overflow:hidden;border:1px solid var(--border-primary);border-radius:", ";"], "0.5rem");
9
+ }, _ref2 => {
10
+ let $sized = _ref2.$sized;
11
+ return $sized ? css(["max-width:100%;"]) : css(["width:100%;"]);
9
12
  });
10
13
  StyledMedia.displayName = "StyledMedia";
11
14
  //# sourceMappingURL=Styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["styled","css","SPACE","StyledMedia","div","withConfig","displayName","componentId","sm","_ref","$bordered"],"sources":["../../../../src/components/Media/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { theme } from \"twin.macro\";\n\nimport { SPACE } from \"../LayoutTokens\";\n\nexport const StyledMedia = styled.div<{ $bordered: boolean }>`\n display: flex;\n flex-direction: column;\n gap: ${SPACE.sm};\n width: 100%;\n\n .c-media-frame {\n ${({ $bordered }) =>\n $bordered &&\n css`\n overflow: hidden;\n border: 1px solid var(--border-primary);\n border-radius: ${theme(\"borderRadius.lg\")};\n `}\n }\n\n .c-media-frame img {\n display: block;\n width: 100%;\n height: auto;\n }\n`;\n\nStyledMedia.displayName = \"StyledMedia\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,iBAAiB;AAEvC,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6IAG5BL,KAAK,CAACM,EAAE,EAIXC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTT,GAAG,iFAGgB,QAAwB,CAC1C;AAAA,EAQN;AAEDE,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
1
+ {"version":3,"file":"Styles.js","names":["styled","css","SPACE","StyledMedia","div","withConfig","displayName","componentId","sm","_ref","$bordered","_ref2","$sized"],"sources":["../../../../src/components/Media/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { theme } from \"twin.macro\";\n\nimport { SPACE } from \"../LayoutTokens\";\n\nexport const StyledMedia = styled.div<{ $bordered: boolean; $sized: boolean }>`\n display: flex;\n flex-direction: column;\n gap: ${SPACE.sm};\n width: 100%;\n\n .c-media-frame {\n /* Hug the image and center it, so a small screenshot stays small instead\n of stretching to the column. Never wider than the column. */\n width: fit-content;\n max-width: 100%;\n margin-inline: auto;\n\n ${({ $bordered }) =>\n $bordered &&\n css`\n overflow: hidden;\n border: 1px solid var(--border-primary);\n border-radius: ${theme(\"borderRadius.lg\")};\n `}\n }\n\n .c-media-frame img {\n display: block;\n height: auto;\n\n ${({ $sized }) =>\n $sized\n ? css`\n /* The img's width/height attributes hold the display size (the\n portrait height cap already applied), so the image renders at\n its real on-screen size and never upscales. max-width keeps it\n inside the column; height: auto above preserves the aspect\n ratio when it shrinks. */\n max-width: 100%;\n `\n : css`\n /* No measured size (e.g. a remote source): fall back to the\n column-width cap. */\n width: 100%;\n `}\n }\n`;\n\nStyledMedia.displayName = \"StyledMedia\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,iBAAiB;AAEvC,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0LAG5BL,KAAK,CAACM,EAAE,EAUXC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTT,GAAG,iFAGgB,QAAwB,CAC1C;AAAA,GAODU,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OACTA,MAAM,GACFX,GAAG,wBAQHA,GAAG,iBAIF;AAAA,EAEV;AAEDE,WAAW,CAACG,WAAW,GAAG,aAAa","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/renderers.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,yBAAyB,EAEzB,4BAA4B,EAC5B,uBAAuB,EAKvB,wBAAwB,EAKzB,MAAM,SAAS,CAAC;AAWjB;;;;GAIG;AAEH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,uBAAuB,EACvB,wBAAwB,CAoBzB,CAAC;AA8CF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,4BAA4B,EAC5B,yBAAyB,CA4F1B,CAAC"}
1
+ {"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/renderers.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,yBAAyB,EAEzB,4BAA4B,EAC5B,uBAAuB,EAKvB,wBAAwB,EAKzB,MAAM,SAAS,CAAC;AAWjB;;;;GAIG;AAEH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,uBAAuB,EACvB,wBAAwB,CAoBzB,CAAC;AA8CF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,4BAA4B,EAC5B,yBAAyB,CAuG1B,CAAC"}
@@ -118,7 +118,10 @@ export const portableTextDefaultBlockRenderers = {
118
118
  src = _ref1.src,
119
119
  alt = _ref1.alt,
120
120
  variant = _ref1.variant,
121
- caption = _ref1.caption;
121
+ caption = _ref1.caption,
122
+ width = _ref1.width,
123
+ height = _ref1.height,
124
+ density = _ref1.density;
122
125
 
123
126
  // Video (and future) variants carry service semantics, so their renderer
124
127
  // is application-catalog territory — an injected `media` override. The
@@ -132,7 +135,10 @@ export const portableTextDefaultBlockRenderers = {
132
135
  src: src,
133
136
  alt: alt,
134
137
  variant: variant,
135
- caption: caption
138
+ caption: caption,
139
+ width: width,
140
+ height: height,
141
+ density: density
136
142
  });
137
143
  },
138
144
  "titled-text": _ref10 => {
@@ -1 +1 @@
1
- {"version":3,"file":"renderers.js","names":["React","Fragment","StyledCode","StyledCodeBlock","StyledDivider","StyledLink","StyledList","StyledTableBlock","isPortableTextMediaImageVariant","Media","Table","Tbody","Thead","TitledText","titledTextHeadings","Body1","Typography","portableTextDefaultMarkRenderers","strong","_ref","children","createElement","em","_ref2","code","_ref3","link","_ref4","mark","href","target","rel","HEADING_LEVEL_VARIANTS","DEFAULT_HEADING_LEVEL","headingVariantForLevel","level","undefined","variant","console","warn","HeadingBlock","_ref5","block","_ref6","id","Heading","portableTextDefaultBlockRenderers","paragraph","_ref7","heading","list","_ref8","ordered","style","as","$ordered","_ref9","media","_ref0","_ref1","src","alt","caption","_ref10","_ref11","title","_ref12","_ref13","language","table","_ref14","renderSpans","_ref15","header","rows","cell","spans","map","span","index","key","text","row","rowIndex","cellIndex","divider"],"sources":["../../../../src/components/PortableText/renderers.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\nimport {\n StyledCode,\n StyledCodeBlock,\n StyledDivider,\n StyledLink,\n StyledList,\n StyledTableBlock,\n} from \"./Styles\";\nimport {\n isPortableTextMediaImageVariant,\n PortableTextBlockRenderer,\n PortableTextCodeBlock,\n PortableTextDefaultBlockType,\n PortableTextDefaultMark,\n PortableTextHeadingBlock,\n PortableTextHeadingLevel,\n PortableTextLinkMark,\n PortableTextListBlock,\n PortableTextMarkRenderer,\n PortableTextMediaBlock,\n PortableTextSpan,\n PortableTextTableBlock,\n PortableTextTitledTextBlock,\n} from \"./types\";\nimport { Media } from \"../Media\";\nimport { Table, Tbody, Thead } from \"../Tables\";\nimport {\n TitledText,\n TitledTextVariant,\n titledTextHeadings,\n} from \"../TitledText\";\nimport { Body1 } from \"../Typography\";\nimport { Typography } from \"../Typography/Typography\";\n\n/**\n * The default renderers for the universal set — everything a client renders\n * without injection, and nothing more: no product element ever lands here.\n * Injected {@link PortableTextComponents} maps take precedence entry by entry.\n */\n\nexport const portableTextDefaultMarkRenderers: Record<\n PortableTextDefaultMark,\n PortableTextMarkRenderer\n> = {\n strong: ({ children }) => <strong>{children}</strong>,\n em: ({ children }) => <em>{children}</em>,\n code: ({ children }) => <StyledCode>{children}</StyledCode>,\n link: ({ mark, children }) => {\n const href = (mark as PortableTextLinkMark | undefined)?.href;\n\n // A link mark without an href (authored as a plain string) has nowhere\n // to go — keep the text, skip the anchor.\n if (!href) {\n return <>{children}</>;\n }\n\n return (\n <StyledLink href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n {children}\n </StyledLink>\n );\n },\n};\n\n/** The semantic wire levels resolve to typography only here, in the renderer. */\nconst HEADING_LEVEL_VARIANTS: Record<\n PortableTextHeadingLevel,\n TitledTextVariant\n> = {\n 1: \"title1\",\n 2: \"title2\",\n 3: \"header2\",\n};\n\n/** The level `heading` and `titled-text` fall back to. */\nconst DEFAULT_HEADING_LEVEL: PortableTextHeadingLevel = 3;\n\n/**\n * Resolve a semantic wire level to its typography variant. An absent level is\n * the documented default; any other unrecognised level is a serializer bug on\n * a fixed 1–3 scale, so it falls back to the default and is logged, per the\n * contract's degradation rule.\n */\nconst headingVariantForLevel = (\n level: PortableTextHeadingLevel | undefined\n): TitledTextVariant => {\n if (level === undefined) {\n return HEADING_LEVEL_VARIANTS[DEFAULT_HEADING_LEVEL];\n }\n\n const variant = HEADING_LEVEL_VARIANTS[level];\n if (!variant) {\n console.warn(\n `PortableText: unknown heading level ${level}, falling back to ${DEFAULT_HEADING_LEVEL}.`\n );\n return HEADING_LEVEL_VARIANTS[DEFAULT_HEADING_LEVEL];\n }\n\n return variant;\n};\n\n/** Heading levels map to the same typography TitledText uses. */\nconst HeadingBlock: PortableTextBlockRenderer = ({ block, children }) => {\n const { level, id } = block as PortableTextHeadingBlock;\n const Heading = titledTextHeadings[headingVariantForLevel(level)];\n return <Heading id={id}>{children}</Heading>;\n};\n\nexport const portableTextDefaultBlockRenderers: Record<\n PortableTextDefaultBlockType,\n PortableTextBlockRenderer\n> = {\n paragraph: ({ children }) => <Body1>{children}</Body1>,\n heading: HeadingBlock,\n list: ({ block, children }) => {\n const ordered = (block as PortableTextListBlock).style === \"number\";\n return (\n // `data-portable-list` scopes the depth-marker rules in Styles.ts to\n // design-system lists, and marks the ancestors those rules count.\n <StyledList\n as={ordered ? \"ol\" : \"ul\"}\n $ordered={ordered}\n data-portable-list=\"\"\n >\n {children}\n </StyledList>\n );\n },\n \"list-item\": ({ children }) => (\n <Typography variant=\"Body 1\" as=\"li\">\n {children}\n </Typography>\n ),\n media: ({ block }) => {\n const { src, alt, variant, caption } = block as PortableTextMediaBlock;\n\n // Video (and future) variants carry service semantics, so their renderer\n // is application-catalog territory — an injected `media` override. The\n // universal set covers images only; anything else degrades and warns, per\n // the contract's degradation rule.\n if (variant !== undefined && !isPortableTextMediaImageVariant(variant)) {\n console.warn(\n `PortableText: no default renderer for media variant \"${variant}\".`\n );\n return null;\n }\n\n return <Media src={src} alt={alt} variant={variant} caption={caption} />;\n },\n \"titled-text\": ({ block, children }) => {\n const { title, level } = block as PortableTextTitledTextBlock;\n return (\n <TitledText title={title} variant={headingVariantForLevel(level)}>\n {children}\n </TitledText>\n );\n },\n // No highlighter ships with the default set, so every language — known,\n // unknown or absent — is plain preformatted text; the hint travels on\n // data-language for surfaces that highlight.\n \"code-block\": ({ block }) => {\n const { code, language } = block as PortableTextCodeBlock;\n return (\n <StyledCodeBlock data-language={language || undefined}>\n <code>{code}</code>\n </StyledCodeBlock>\n );\n },\n table: ({ block, renderSpans }) => {\n const { header, rows } = block as PortableTextTableBlock;\n // Standalone (engine-less) use has no span renderer — keep the raw text.\n const cell = (spans: PortableTextSpan[]): ReactNode =>\n renderSpans\n ? renderSpans(spans)\n : spans.map((span, index) => (\n <Fragment key={index}>{span.text}</Fragment>\n ));\n\n return (\n <StyledTableBlock>\n <Table>\n <Thead>\n <tr>\n {header.map((spans, index) => (\n <th key={index}>{cell(spans)}</th>\n ))}\n </tr>\n </Thead>\n <Tbody>\n {rows.map((row, rowIndex) => (\n <tr key={rowIndex}>\n {row.map((spans, cellIndex) => (\n <td key={cellIndex}>{cell(spans)}</td>\n ))}\n </tr>\n ))}\n </Tbody>\n </Table>\n </StyledTableBlock>\n );\n },\n divider: () => <StyledDivider />,\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"renderers.js","names":["React","Fragment","StyledCode","StyledCodeBlock","StyledDivider","StyledLink","StyledList","StyledTableBlock","isPortableTextMediaImageVariant","Media","Table","Tbody","Thead","TitledText","titledTextHeadings","Body1","Typography","portableTextDefaultMarkRenderers","strong","_ref","children","createElement","em","_ref2","code","_ref3","link","_ref4","mark","href","target","rel","HEADING_LEVEL_VARIANTS","DEFAULT_HEADING_LEVEL","headingVariantForLevel","level","undefined","variant","console","warn","HeadingBlock","_ref5","block","_ref6","id","Heading","portableTextDefaultBlockRenderers","paragraph","_ref7","heading","list","_ref8","ordered","style","as","$ordered","_ref9","media","_ref0","_ref1","src","alt","caption","width","height","density","_ref10","_ref11","title","_ref12","_ref13","language","table","_ref14","renderSpans","_ref15","header","rows","cell","spans","map","span","index","key","text","row","rowIndex","cellIndex","divider"],"sources":["../../../../src/components/PortableText/renderers.tsx"],"sourcesContent":["import React, { Fragment, ReactNode } from \"react\";\n\nimport {\n StyledCode,\n StyledCodeBlock,\n StyledDivider,\n StyledLink,\n StyledList,\n StyledTableBlock,\n} from \"./Styles\";\nimport {\n isPortableTextMediaImageVariant,\n PortableTextBlockRenderer,\n PortableTextCodeBlock,\n PortableTextDefaultBlockType,\n PortableTextDefaultMark,\n PortableTextHeadingBlock,\n PortableTextHeadingLevel,\n PortableTextLinkMark,\n PortableTextListBlock,\n PortableTextMarkRenderer,\n PortableTextMediaBlock,\n PortableTextSpan,\n PortableTextTableBlock,\n PortableTextTitledTextBlock,\n} from \"./types\";\nimport { Media } from \"../Media\";\nimport { Table, Tbody, Thead } from \"../Tables\";\nimport {\n TitledText,\n TitledTextVariant,\n titledTextHeadings,\n} from \"../TitledText\";\nimport { Body1 } from \"../Typography\";\nimport { Typography } from \"../Typography/Typography\";\n\n/**\n * The default renderers for the universal set — everything a client renders\n * without injection, and nothing more: no product element ever lands here.\n * Injected {@link PortableTextComponents} maps take precedence entry by entry.\n */\n\nexport const portableTextDefaultMarkRenderers: Record<\n PortableTextDefaultMark,\n PortableTextMarkRenderer\n> = {\n strong: ({ children }) => <strong>{children}</strong>,\n em: ({ children }) => <em>{children}</em>,\n code: ({ children }) => <StyledCode>{children}</StyledCode>,\n link: ({ mark, children }) => {\n const href = (mark as PortableTextLinkMark | undefined)?.href;\n\n // A link mark without an href (authored as a plain string) has nowhere\n // to go — keep the text, skip the anchor.\n if (!href) {\n return <>{children}</>;\n }\n\n return (\n <StyledLink href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n {children}\n </StyledLink>\n );\n },\n};\n\n/** The semantic wire levels resolve to typography only here, in the renderer. */\nconst HEADING_LEVEL_VARIANTS: Record<\n PortableTextHeadingLevel,\n TitledTextVariant\n> = {\n 1: \"title1\",\n 2: \"title2\",\n 3: \"header2\",\n};\n\n/** The level `heading` and `titled-text` fall back to. */\nconst DEFAULT_HEADING_LEVEL: PortableTextHeadingLevel = 3;\n\n/**\n * Resolve a semantic wire level to its typography variant. An absent level is\n * the documented default; any other unrecognised level is a serializer bug on\n * a fixed 1–3 scale, so it falls back to the default and is logged, per the\n * contract's degradation rule.\n */\nconst headingVariantForLevel = (\n level: PortableTextHeadingLevel | undefined\n): TitledTextVariant => {\n if (level === undefined) {\n return HEADING_LEVEL_VARIANTS[DEFAULT_HEADING_LEVEL];\n }\n\n const variant = HEADING_LEVEL_VARIANTS[level];\n if (!variant) {\n console.warn(\n `PortableText: unknown heading level ${level}, falling back to ${DEFAULT_HEADING_LEVEL}.`\n );\n return HEADING_LEVEL_VARIANTS[DEFAULT_HEADING_LEVEL];\n }\n\n return variant;\n};\n\n/** Heading levels map to the same typography TitledText uses. */\nconst HeadingBlock: PortableTextBlockRenderer = ({ block, children }) => {\n const { level, id } = block as PortableTextHeadingBlock;\n const Heading = titledTextHeadings[headingVariantForLevel(level)];\n return <Heading id={id}>{children}</Heading>;\n};\n\nexport const portableTextDefaultBlockRenderers: Record<\n PortableTextDefaultBlockType,\n PortableTextBlockRenderer\n> = {\n paragraph: ({ children }) => <Body1>{children}</Body1>,\n heading: HeadingBlock,\n list: ({ block, children }) => {\n const ordered = (block as PortableTextListBlock).style === \"number\";\n return (\n // `data-portable-list` scopes the depth-marker rules in Styles.ts to\n // design-system lists, and marks the ancestors those rules count.\n <StyledList\n as={ordered ? \"ol\" : \"ul\"}\n $ordered={ordered}\n data-portable-list=\"\"\n >\n {children}\n </StyledList>\n );\n },\n \"list-item\": ({ children }) => (\n <Typography variant=\"Body 1\" as=\"li\">\n {children}\n </Typography>\n ),\n media: ({ block }) => {\n const { src, alt, variant, caption, width, height, density } =\n block as PortableTextMediaBlock;\n\n // Video (and future) variants carry service semantics, so their renderer\n // is application-catalog territory — an injected `media` override. The\n // universal set covers images only; anything else degrades and warns, per\n // the contract's degradation rule.\n if (variant !== undefined && !isPortableTextMediaImageVariant(variant)) {\n console.warn(\n `PortableText: no default renderer for media variant \"${variant}\".`\n );\n return null;\n }\n\n return (\n <Media\n src={src}\n alt={alt}\n variant={variant}\n caption={caption}\n width={width}\n height={height}\n density={density}\n />\n );\n },\n \"titled-text\": ({ block, children }) => {\n const { title, level } = block as PortableTextTitledTextBlock;\n return (\n <TitledText title={title} variant={headingVariantForLevel(level)}>\n {children}\n </TitledText>\n );\n },\n // No highlighter ships with the default set, so every language — known,\n // unknown or absent — is plain preformatted text; the hint travels on\n // data-language for surfaces that highlight.\n \"code-block\": ({ block }) => {\n const { code, language } = block as PortableTextCodeBlock;\n return (\n <StyledCodeBlock data-language={language || undefined}>\n <code>{code}</code>\n </StyledCodeBlock>\n );\n },\n table: ({ block, renderSpans }) => {\n const { header, rows } = block as PortableTextTableBlock;\n // Standalone (engine-less) use has no span renderer — keep the raw text.\n const cell = (spans: PortableTextSpan[]): ReactNode =>\n renderSpans\n ? renderSpans(spans)\n : spans.map((span, index) => (\n <Fragment key={index}>{span.text}</Fragment>\n ));\n\n return (\n <StyledTableBlock>\n <Table>\n <Thead>\n <tr>\n {header.map((spans, index) => (\n <th key={index}>{cell(spans)}</th>\n ))}\n </tr>\n </Thead>\n <Tbody>\n {rows.map((row, rowIndex) => (\n <tr key={rowIndex}>\n {row.map((spans, cellIndex) => (\n <td key={cellIndex}>{cell(spans)}</td>\n ))}\n </tr>\n ))}\n </Tbody>\n </Table>\n </StyledTableBlock>\n );\n },\n divider: () => <StyledDivider />,\n};\n"],"mappings":"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","ignoreList":[]}
@@ -80,6 +80,22 @@ export interface PortableTextMediaBlock {
80
80
  alt?: string;
81
81
  variant?: PortableTextMediaVariant;
82
82
  caption?: string;
83
+ /**
84
+ * Display size in CSS pixels — the image's real on-screen size after the
85
+ * compile-time density divide (a 2x screenshot is measured, then halved).
86
+ * The renderer draws the image at this size, capping the width at the
87
+ * column and never upscaling past it. Absent when the build could not
88
+ * measure the source (e.g. a remote `http(s)` src); the renderer then falls
89
+ * back to the column-width cap.
90
+ */
91
+ width?: number;
92
+ height?: number;
93
+ /**
94
+ * The density factor the width and height were derived from (2 for a Retina
95
+ * capture). Drives the `srcset` so Retina viewers get full sharpness at the
96
+ * same display size. Opaque to layout.
97
+ */
98
+ density?: number;
83
99
  }
84
100
  export interface PortableTextTitledTextBlock {
85
101
  type: "titled-text";
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/PortableText/types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","names":["PORTABLE_TEXT_DEFAULT_MARKS","MEDIA_IMAGE_VARIANTS","screenshot","illustration","isPortableTextMediaImageVariant","value","DEFAULT_BLOCK_TYPES","paragraph","heading","list","media","table","divider","PORTABLE_TEXT_DEFAULT_BLOCKS","Object","keys","isRecord","isPortableTextSpan","text","isPortableTextTableRow","Array","isArray","every","cell","isPortableTextObjectNode","type","_type","isPortableTextBlock","children","id","undefined","child","src","title","content","isPortableTextContent","code","language","header","rows","node"],"sources":["../../../../src/components/PortableText/types.ts"],"sourcesContent":["import { ComponentType, ReactNode } from \"react\";\n\n/**\n * Portable Text envelope — the general content contract for structured,\n * renderer-independent content (in-app messages, help, changelogs).\n *\n * The design system owns this envelope and the universal default set below.\n * It never hardcodes a product element: concrete elements (callout,\n * button-reference, doc-link, …) are defined in the application catalog and\n * injected into the Portable Text engine through {@link PortableTextComponents}.\n * See README.md next to this file for the full contract.\n */\n\n/* ---- Spans and marks ------------------------------------------------- */\n\n/**\n * A mark with data. Parameterless marks travel as plain strings (\"strong\");\n * marks that need data travel as objects discriminated by `type`.\n */\nexport interface PortableTextMarkObject {\n type: string;\n [data: string]: unknown;\n}\n\n/** The one default mark that carries data. */\nexport interface PortableTextLinkMark extends PortableTextMarkObject {\n type: \"link\";\n href: string;\n}\n\nexport type PortableTextMark = string | PortableTextMarkObject;\n\n/** The leaf of every text run: a piece of text plus the marks wrapping it. */\nexport interface PortableTextSpan {\n text: string;\n marks?: PortableTextMark[];\n}\n\n/** Marks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_MARKS = [\n \"strong\",\n \"em\",\n \"code\",\n \"link\",\n] as const;\n\nexport type PortableTextDefaultMark =\n (typeof PORTABLE_TEXT_DEFAULT_MARKS)[number];\n\n/* ---- Blocks ----------------------------------------------------------- */\n\nexport interface PortableTextParagraphBlock {\n type: \"paragraph\";\n children: PortableTextSpan[];\n}\n\n/** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */\nexport type PortableTextHeadingLevel = 1 | 2 | 3;\n\nexport interface PortableTextHeadingBlock {\n type: \"heading\";\n level: PortableTextHeadingLevel;\n /**\n * Optional anchor id, rendered verbatim as the heading element's `id` so the\n * heading is a scroll target (e.g. subarticle deep-links). Opaque to the\n * renderer — any slug convention lives with whoever produced the block.\n */\n id?: string;\n children: PortableTextSpan[];\n}\n\nexport type PortableTextListStyle = \"bullet\" | \"number\";\n\n/**\n * A list item's children are its own spans first, then any nested `list`\n * block(s) — the shape that carries multi-level lists. A spans-only item (no\n * nested list) is the common, flat case and stays valid unchanged.\n */\nexport interface PortableTextListItemBlock {\n type: \"list-item\";\n children: (PortableTextSpan | PortableTextListBlock)[];\n}\n\nexport interface PortableTextListBlock {\n type: \"list\";\n style?: PortableTextListStyle;\n children: PortableTextListItemBlock[];\n}\n\n/** Screenshots render framed (border, no shadow); illustrations render flat. */\nexport type PortableTextMediaImageVariant = \"screenshot\" | \"illustration\";\n\n/**\n * Video variants name the hosting service; `src` is the canonical video URL.\n * Their rendering carries service semantics (URL parsing, embed derivation),\n * so it belongs to the application catalog — injected as a `media` block\n * override — never to the default set. The default renderer degrades them.\n */\nexport type PortableTextMediaVideoVariant = \"vimeo\" | \"youtube\";\n\nexport type PortableTextMediaVariant =\n | PortableTextMediaImageVariant\n | PortableTextMediaVideoVariant;\n\n// A Record so the compiler checks the list against the union in both\n// directions: a missing and a stray key each fail to build.\nconst MEDIA_IMAGE_VARIANTS: Record<PortableTextMediaImageVariant, true> = {\n screenshot: true,\n illustration: true,\n};\n\nexport const isPortableTextMediaImageVariant = (\n value: unknown\n): value is PortableTextMediaImageVariant =>\n typeof value === \"string\" && value in MEDIA_IMAGE_VARIANTS;\n\nexport interface PortableTextMediaBlock {\n type: \"media\";\n src: string;\n alt?: string;\n variant?: PortableTextMediaVariant;\n caption?: string;\n}\n\nexport interface PortableTextTitledTextBlock {\n type: \"titled-text\";\n /**\n * Same semantic scale as `heading` — 1, 2 or 3 (the default) — so the wire\n * format never encodes a typography name. How a level looks is the\n * renderer's business.\n */\n level?: PortableTextHeadingLevel;\n title: string;\n content?: PortableTextNode[];\n}\n\nexport interface PortableTextCodeBlock {\n type: \"code-block\";\n /**\n * A language hint (e.g. \"php\", \"json\"). The default renderer does no\n * highlighting, so any value — known, unknown or absent — renders as plain\n * preformatted text; it travels as data for surfaces that highlight.\n */\n language?: string;\n code: string;\n}\n\n/** A table cell is a span array, so inline marks work inside cells. */\nexport type PortableTextTableCell = PortableTextSpan[];\nexport type PortableTextTableRow = PortableTextTableCell[];\n\nexport interface PortableTextTableBlock {\n type: \"table\";\n header: PortableTextTableRow;\n rows: PortableTextTableRow[];\n}\n\n/** A themed horizontal rule between sections. Carries no data. */\nexport interface PortableTextDividerBlock {\n type: \"divider\";\n}\n\nexport type PortableTextBlock =\n | PortableTextParagraphBlock\n | PortableTextHeadingBlock\n | PortableTextListBlock\n | PortableTextMediaBlock\n | PortableTextTitledTextBlock\n | PortableTextCodeBlock\n | PortableTextTableBlock\n | PortableTextDividerBlock;\n\n/**\n * Derived from the union's discriminators, so adding a block to the union\n * without a renderer entry is a compile error, never silent drift.\n */\nexport type PortableTextDefaultBlockType = (\n | PortableTextBlock\n | PortableTextListItemBlock\n)[\"type\"];\n\n// A Record so the compiler checks the list against the union in both\n// directions: a missing and a stray key each fail to build.\nconst DEFAULT_BLOCK_TYPES: Record<PortableTextDefaultBlockType, true> = {\n paragraph: true,\n heading: true,\n list: true,\n \"list-item\": true,\n media: true,\n \"titled-text\": true,\n \"code-block\": true,\n table: true,\n divider: true,\n};\n\n/** Blocks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_BLOCKS = Object.keys(\n DEFAULT_BLOCK_TYPES\n) as readonly PortableTextDefaultBlockType[];\n\n/* ---- Objects ----------------------------------------------------------- */\n\n/**\n * An embedded component the envelope does not interpret: `_type` names an\n * application-catalog element, everything else is that element's data. An\n * object whose `_type` has no injected renderer renders nothing and is logged.\n */\nexport interface PortableTextObjectNode {\n type: \"object\";\n _type: string;\n [data: string]: unknown;\n}\n\nexport type PortableTextNode = PortableTextBlock | PortableTextObjectNode;\n\n/** The root of a message body: what an API returns under `content`. */\nexport type PortableTextContent = PortableTextNode[];\n\n/* ---- Injection contract ------------------------------------------------ */\n\nexport interface PortableTextMarkRendererProps<\n TMark extends PortableTextMarkObject = PortableTextMarkObject\n> {\n /** Present for object marks; absent when the mark is a plain string. */\n mark?: TMark;\n children: ReactNode;\n}\n\nexport type PortableTextMarkRenderer<\n TMark extends PortableTextMarkObject = PortableTextMarkObject\n> = ComponentType<PortableTextMarkRendererProps<TMark>>;\n\nexport interface PortableTextObjectRendererProps<\n TNode extends PortableTextObjectNode = PortableTextObjectNode\n> {\n node: TNode;\n /** The object's nested `content`, already rendered by the engine. */\n children?: ReactNode;\n}\n\nexport type PortableTextObjectRenderer<\n TNode extends PortableTextObjectNode = PortableTextObjectNode\n> = ComponentType<PortableTextObjectRendererProps<TNode>>;\n\nexport interface PortableTextBlockRendererProps<\n TBlock extends PortableTextBlock = PortableTextBlock\n> {\n block: TBlock;\n /** The block's rendered children/content, when it has any. */\n children?: ReactNode;\n /**\n * Engine-bound span renderer for blocks that carry spans outside `children`\n * (table cells). Resolves marks with the same precedence — injected first,\n * then defaults — as flowing text. Absent when a renderer is used without\n * the engine.\n */\n renderSpans?: (spans: PortableTextSpan[]) => ReactNode;\n}\n\nexport type PortableTextBlockRenderer<\n TBlock extends PortableTextBlock = PortableTextBlock\n> = ComponentType<PortableTextBlockRendererProps<TBlock>>;\n\nexport type PortableTextUnknownKind = \"block\" | \"mark\" | \"object\";\n\n/**\n * Called once per unknown type instead of rendering it, so content written\n * for newer clients degrades silently on older ones.\n */\nexport type PortableTextUnknownTypeHandler = (\n kind: PortableTextUnknownKind,\n type: string\n) => void;\n\n/**\n * What an application injects into the Portable Text engine: renderers for\n * its catalog marks and objects, optional overrides for the default blocks,\n * and the unknown-type hook.\n */\nexport interface PortableTextComponents {\n marks?: Record<string, PortableTextMarkRenderer>;\n objects?: Record<string, PortableTextObjectRenderer>;\n blocks?: Partial<\n Record<PortableTextDefaultBlockType, PortableTextBlockRenderer>\n >;\n onUnknownType?: PortableTextUnknownTypeHandler;\n}\n\n/* ---- Runtime guards ----------------------------------------------------- */\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === \"object\" && value !== null;\n\nexport const isPortableTextSpan = (value: unknown): value is PortableTextSpan =>\n isRecord(value) && typeof value.text === \"string\";\n\nexport const isPortableTextTableRow = (\n value: unknown\n): value is PortableTextTableRow =>\n Array.isArray(value) &&\n value.every((cell) => Array.isArray(cell) && cell.every(isPortableTextSpan));\n\nexport const isPortableTextObjectNode = (\n value: unknown\n): value is PortableTextObjectNode =>\n isRecord(value) && value.type === \"object\" && typeof value._type === \"string\";\n\n/**\n * A block is any non-object node with a string `type`. Unknown block types\n * stay valid on purpose — they render nothing on clients that predate them.\n * Known types are held to their shape, so a serializer bug (a paragraph\n * without `children`, a list of non-nodes) fails here instead of at render.\n */\nexport const isPortableTextBlock = (\n value: unknown\n): value is PortableTextBlock => {\n if (\n !isRecord(value) ||\n typeof value.type !== \"string\" ||\n value.type === \"object\"\n ) {\n return false;\n }\n\n switch (value.type) {\n case \"paragraph\":\n return (\n Array.isArray(value.children) &&\n value.children.every(isPortableTextSpan)\n );\n case \"heading\":\n return (\n (value.id === undefined || typeof value.id === \"string\") &&\n Array.isArray(value.children) &&\n value.children.every(isPortableTextSpan)\n );\n case \"list-item\":\n // The item's spans, plus optional nested `list` block(s). Widened only\n // for nested lists: any other block child (a stray paragraph, an object)\n // still fails, so a serializer bug is caught here, not at render.\n return (\n Array.isArray(value.children) &&\n value.children.every(\n (child) =>\n isPortableTextSpan(child) ||\n (isPortableTextBlock(child) && child.type === \"list\")\n )\n );\n case \"list\":\n // A list holds `list-item`s only. A sublist emitted as a sibling of the\n // items (the classic half-implemented-nesting bug) renders invalid HTML\n // — <ul> with a direct <ul> child — so it fails here, not at render.\n // `list-item` is validated but sits outside the PortableTextBlock union,\n // so the discriminator is checked before isPortableTextBlock narrows it.\n return (\n Array.isArray(value.children) &&\n value.children.every(\n (child) =>\n isRecord(child) &&\n child.type === \"list-item\" &&\n isPortableTextBlock(child)\n )\n );\n case \"media\":\n return typeof value.src === \"string\";\n case \"titled-text\":\n return (\n typeof value.title === \"string\" &&\n (value.content === undefined || isPortableTextContent(value.content))\n );\n case \"code-block\":\n return (\n typeof value.code === \"string\" &&\n (value.language === undefined || typeof value.language === \"string\")\n );\n case \"table\":\n return (\n isPortableTextTableRow(value.header) &&\n Array.isArray(value.rows) &&\n value.rows.every(isPortableTextTableRow)\n );\n case \"divider\":\n return true;\n default:\n return true;\n }\n};\n\nexport const isPortableTextContent = (\n value: unknown\n): value is PortableTextContent =>\n Array.isArray(value) &&\n value.every(\n (node) => isPortableTextBlock(node) || isPortableTextObjectNode(node)\n );\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":["PORTABLE_TEXT_DEFAULT_MARKS","MEDIA_IMAGE_VARIANTS","screenshot","illustration","isPortableTextMediaImageVariant","value","DEFAULT_BLOCK_TYPES","paragraph","heading","list","media","table","divider","PORTABLE_TEXT_DEFAULT_BLOCKS","Object","keys","isRecord","isPortableTextSpan","text","isPortableTextTableRow","Array","isArray","every","cell","isPortableTextObjectNode","type","_type","isPortableTextBlock","children","id","undefined","child","src","title","content","isPortableTextContent","code","language","header","rows","node"],"sources":["../../../../src/components/PortableText/types.ts"],"sourcesContent":["import { ComponentType, ReactNode } from \"react\";\n\n/**\n * Portable Text envelope — the general content contract for structured,\n * renderer-independent content (in-app messages, help, changelogs).\n *\n * The design system owns this envelope and the universal default set below.\n * It never hardcodes a product element: concrete elements (callout,\n * button-reference, doc-link, …) are defined in the application catalog and\n * injected into the Portable Text engine through {@link PortableTextComponents}.\n * See README.md next to this file for the full contract.\n */\n\n/* ---- Spans and marks ------------------------------------------------- */\n\n/**\n * A mark with data. Parameterless marks travel as plain strings (\"strong\");\n * marks that need data travel as objects discriminated by `type`.\n */\nexport interface PortableTextMarkObject {\n type: string;\n [data: string]: unknown;\n}\n\n/** The one default mark that carries data. */\nexport interface PortableTextLinkMark extends PortableTextMarkObject {\n type: \"link\";\n href: string;\n}\n\nexport type PortableTextMark = string | PortableTextMarkObject;\n\n/** The leaf of every text run: a piece of text plus the marks wrapping it. */\nexport interface PortableTextSpan {\n text: string;\n marks?: PortableTextMark[];\n}\n\n/** Marks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_MARKS = [\n \"strong\",\n \"em\",\n \"code\",\n \"link\",\n] as const;\n\nexport type PortableTextDefaultMark =\n (typeof PORTABLE_TEXT_DEFAULT_MARKS)[number];\n\n/* ---- Blocks ----------------------------------------------------------- */\n\nexport interface PortableTextParagraphBlock {\n type: \"paragraph\";\n children: PortableTextSpan[];\n}\n\n/** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */\nexport type PortableTextHeadingLevel = 1 | 2 | 3;\n\nexport interface PortableTextHeadingBlock {\n type: \"heading\";\n level: PortableTextHeadingLevel;\n /**\n * Optional anchor id, rendered verbatim as the heading element's `id` so the\n * heading is a scroll target (e.g. subarticle deep-links). Opaque to the\n * renderer — any slug convention lives with whoever produced the block.\n */\n id?: string;\n children: PortableTextSpan[];\n}\n\nexport type PortableTextListStyle = \"bullet\" | \"number\";\n\n/**\n * A list item's children are its own spans first, then any nested `list`\n * block(s) — the shape that carries multi-level lists. A spans-only item (no\n * nested list) is the common, flat case and stays valid unchanged.\n */\nexport interface PortableTextListItemBlock {\n type: \"list-item\";\n children: (PortableTextSpan | PortableTextListBlock)[];\n}\n\nexport interface PortableTextListBlock {\n type: \"list\";\n style?: PortableTextListStyle;\n children: PortableTextListItemBlock[];\n}\n\n/** Screenshots render framed (border, no shadow); illustrations render flat. */\nexport type PortableTextMediaImageVariant = \"screenshot\" | \"illustration\";\n\n/**\n * Video variants name the hosting service; `src` is the canonical video URL.\n * Their rendering carries service semantics (URL parsing, embed derivation),\n * so it belongs to the application catalog — injected as a `media` block\n * override — never to the default set. The default renderer degrades them.\n */\nexport type PortableTextMediaVideoVariant = \"vimeo\" | \"youtube\";\n\nexport type PortableTextMediaVariant =\n | PortableTextMediaImageVariant\n | PortableTextMediaVideoVariant;\n\n// A Record so the compiler checks the list against the union in both\n// directions: a missing and a stray key each fail to build.\nconst MEDIA_IMAGE_VARIANTS: Record<PortableTextMediaImageVariant, true> = {\n screenshot: true,\n illustration: true,\n};\n\nexport const isPortableTextMediaImageVariant = (\n value: unknown\n): value is PortableTextMediaImageVariant =>\n typeof value === \"string\" && value in MEDIA_IMAGE_VARIANTS;\n\nexport interface PortableTextMediaBlock {\n type: \"media\";\n src: string;\n alt?: string;\n variant?: PortableTextMediaVariant;\n caption?: string;\n /**\n * Display size in CSS pixels — the image's real on-screen size after the\n * compile-time density divide (a 2x screenshot is measured, then halved).\n * The renderer draws the image at this size, capping the width at the\n * column and never upscaling past it. Absent when the build could not\n * measure the source (e.g. a remote `http(s)` src); the renderer then falls\n * back to the column-width cap.\n */\n width?: number;\n height?: number;\n /**\n * The density factor the width and height were derived from (2 for a Retina\n * capture). Drives the `srcset` so Retina viewers get full sharpness at the\n * same display size. Opaque to layout.\n */\n density?: number;\n}\n\nexport interface PortableTextTitledTextBlock {\n type: \"titled-text\";\n /**\n * Same semantic scale as `heading` — 1, 2 or 3 (the default) — so the wire\n * format never encodes a typography name. How a level looks is the\n * renderer's business.\n */\n level?: PortableTextHeadingLevel;\n title: string;\n content?: PortableTextNode[];\n}\n\nexport interface PortableTextCodeBlock {\n type: \"code-block\";\n /**\n * A language hint (e.g. \"php\", \"json\"). The default renderer does no\n * highlighting, so any value — known, unknown or absent — renders as plain\n * preformatted text; it travels as data for surfaces that highlight.\n */\n language?: string;\n code: string;\n}\n\n/** A table cell is a span array, so inline marks work inside cells. */\nexport type PortableTextTableCell = PortableTextSpan[];\nexport type PortableTextTableRow = PortableTextTableCell[];\n\nexport interface PortableTextTableBlock {\n type: \"table\";\n header: PortableTextTableRow;\n rows: PortableTextTableRow[];\n}\n\n/** A themed horizontal rule between sections. Carries no data. */\nexport interface PortableTextDividerBlock {\n type: \"divider\";\n}\n\nexport type PortableTextBlock =\n | PortableTextParagraphBlock\n | PortableTextHeadingBlock\n | PortableTextListBlock\n | PortableTextMediaBlock\n | PortableTextTitledTextBlock\n | PortableTextCodeBlock\n | PortableTextTableBlock\n | PortableTextDividerBlock;\n\n/**\n * Derived from the union's discriminators, so adding a block to the union\n * without a renderer entry is a compile error, never silent drift.\n */\nexport type PortableTextDefaultBlockType = (\n | PortableTextBlock\n | PortableTextListItemBlock\n)[\"type\"];\n\n// A Record so the compiler checks the list against the union in both\n// directions: a missing and a stray key each fail to build.\nconst DEFAULT_BLOCK_TYPES: Record<PortableTextDefaultBlockType, true> = {\n paragraph: true,\n heading: true,\n list: true,\n \"list-item\": true,\n media: true,\n \"titled-text\": true,\n \"code-block\": true,\n table: true,\n divider: true,\n};\n\n/** Blocks every client understands without injection. */\nexport const PORTABLE_TEXT_DEFAULT_BLOCKS = Object.keys(\n DEFAULT_BLOCK_TYPES\n) as readonly PortableTextDefaultBlockType[];\n\n/* ---- Objects ----------------------------------------------------------- */\n\n/**\n * An embedded component the envelope does not interpret: `_type` names an\n * application-catalog element, everything else is that element's data. An\n * object whose `_type` has no injected renderer renders nothing and is logged.\n */\nexport interface PortableTextObjectNode {\n type: \"object\";\n _type: string;\n [data: string]: unknown;\n}\n\nexport type PortableTextNode = PortableTextBlock | PortableTextObjectNode;\n\n/** The root of a message body: what an API returns under `content`. */\nexport type PortableTextContent = PortableTextNode[];\n\n/* ---- Injection contract ------------------------------------------------ */\n\nexport interface PortableTextMarkRendererProps<\n TMark extends PortableTextMarkObject = PortableTextMarkObject\n> {\n /** Present for object marks; absent when the mark is a plain string. */\n mark?: TMark;\n children: ReactNode;\n}\n\nexport type PortableTextMarkRenderer<\n TMark extends PortableTextMarkObject = PortableTextMarkObject\n> = ComponentType<PortableTextMarkRendererProps<TMark>>;\n\nexport interface PortableTextObjectRendererProps<\n TNode extends PortableTextObjectNode = PortableTextObjectNode\n> {\n node: TNode;\n /** The object's nested `content`, already rendered by the engine. */\n children?: ReactNode;\n}\n\nexport type PortableTextObjectRenderer<\n TNode extends PortableTextObjectNode = PortableTextObjectNode\n> = ComponentType<PortableTextObjectRendererProps<TNode>>;\n\nexport interface PortableTextBlockRendererProps<\n TBlock extends PortableTextBlock = PortableTextBlock\n> {\n block: TBlock;\n /** The block's rendered children/content, when it has any. */\n children?: ReactNode;\n /**\n * Engine-bound span renderer for blocks that carry spans outside `children`\n * (table cells). Resolves marks with the same precedence — injected first,\n * then defaults — as flowing text. Absent when a renderer is used without\n * the engine.\n */\n renderSpans?: (spans: PortableTextSpan[]) => ReactNode;\n}\n\nexport type PortableTextBlockRenderer<\n TBlock extends PortableTextBlock = PortableTextBlock\n> = ComponentType<PortableTextBlockRendererProps<TBlock>>;\n\nexport type PortableTextUnknownKind = \"block\" | \"mark\" | \"object\";\n\n/**\n * Called once per unknown type instead of rendering it, so content written\n * for newer clients degrades silently on older ones.\n */\nexport type PortableTextUnknownTypeHandler = (\n kind: PortableTextUnknownKind,\n type: string\n) => void;\n\n/**\n * What an application injects into the Portable Text engine: renderers for\n * its catalog marks and objects, optional overrides for the default blocks,\n * and the unknown-type hook.\n */\nexport interface PortableTextComponents {\n marks?: Record<string, PortableTextMarkRenderer>;\n objects?: Record<string, PortableTextObjectRenderer>;\n blocks?: Partial<\n Record<PortableTextDefaultBlockType, PortableTextBlockRenderer>\n >;\n onUnknownType?: PortableTextUnknownTypeHandler;\n}\n\n/* ---- Runtime guards ----------------------------------------------------- */\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n typeof value === \"object\" && value !== null;\n\nexport const isPortableTextSpan = (value: unknown): value is PortableTextSpan =>\n isRecord(value) && typeof value.text === \"string\";\n\nexport const isPortableTextTableRow = (\n value: unknown\n): value is PortableTextTableRow =>\n Array.isArray(value) &&\n value.every((cell) => Array.isArray(cell) && cell.every(isPortableTextSpan));\n\nexport const isPortableTextObjectNode = (\n value: unknown\n): value is PortableTextObjectNode =>\n isRecord(value) && value.type === \"object\" && typeof value._type === \"string\";\n\n/**\n * A block is any non-object node with a string `type`. Unknown block types\n * stay valid on purpose — they render nothing on clients that predate them.\n * Known types are held to their shape, so a serializer bug (a paragraph\n * without `children`, a list of non-nodes) fails here instead of at render.\n */\nexport const isPortableTextBlock = (\n value: unknown\n): value is PortableTextBlock => {\n if (\n !isRecord(value) ||\n typeof value.type !== \"string\" ||\n value.type === \"object\"\n ) {\n return false;\n }\n\n switch (value.type) {\n case \"paragraph\":\n return (\n Array.isArray(value.children) &&\n value.children.every(isPortableTextSpan)\n );\n case \"heading\":\n return (\n (value.id === undefined || typeof value.id === \"string\") &&\n Array.isArray(value.children) &&\n value.children.every(isPortableTextSpan)\n );\n case \"list-item\":\n // The item's spans, plus optional nested `list` block(s). Widened only\n // for nested lists: any other block child (a stray paragraph, an object)\n // still fails, so a serializer bug is caught here, not at render.\n return (\n Array.isArray(value.children) &&\n value.children.every(\n (child) =>\n isPortableTextSpan(child) ||\n (isPortableTextBlock(child) && child.type === \"list\")\n )\n );\n case \"list\":\n // A list holds `list-item`s only. A sublist emitted as a sibling of the\n // items (the classic half-implemented-nesting bug) renders invalid HTML\n // — <ul> with a direct <ul> child — so it fails here, not at render.\n // `list-item` is validated but sits outside the PortableTextBlock union,\n // so the discriminator is checked before isPortableTextBlock narrows it.\n return (\n Array.isArray(value.children) &&\n value.children.every(\n (child) =>\n isRecord(child) &&\n child.type === \"list-item\" &&\n isPortableTextBlock(child)\n )\n );\n case \"media\":\n return typeof value.src === \"string\";\n case \"titled-text\":\n return (\n typeof value.title === \"string\" &&\n (value.content === undefined || isPortableTextContent(value.content))\n );\n case \"code-block\":\n return (\n typeof value.code === \"string\" &&\n (value.language === undefined || typeof value.language === \"string\")\n );\n case \"table\":\n return (\n isPortableTextTableRow(value.header) &&\n Array.isArray(value.rows) &&\n value.rows.every(isPortableTextTableRow)\n );\n case \"divider\":\n return true;\n default:\n return true;\n }\n};\n\nexport const isPortableTextContent = (\n value: unknown\n): value is PortableTextContent =>\n Array.isArray(value) &&\n value.every(\n (node) => isPortableTextBlock(node) || isPortableTextObjectNode(node)\n );\n"],"mappings":"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","ignoreList":[]}
@@ -27,10 +27,12 @@ export declare const ProjectPageHeader: {
27
27
  export interface TabHeaderProps {
28
28
  /** Which view-mode toggle is highlighted as active. */
29
29
  activeView?: "list" | "column" | "timeline";
30
+ /** Batch edit is a list/board affordance; views without it pass `false`. */
31
+ showBatchEdit?: boolean;
30
32
  }
31
33
  /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
32
34
  export declare const TabHeader: {
33
- ({ activeView, }: TabHeaderProps): ReactElement;
35
+ ({ activeView, showBatchEdit, }: TabHeaderProps): ReactElement;
34
36
  displayName: string;
35
37
  };
36
38
  //# sourceMappingURL=headers.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA8GvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AAmMF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,4BAA4B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5C,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iGAK3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;sBAEnB,cAAc,GAAG,YAAY;;CA8C/B,CAAC"}
1
+ {"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA8GvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AAmMF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,4BAA4B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5C,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iGAK3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC5C,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;qCAGnB,cAAc,GAAG,YAAY;;CAkD/B,CAAC"}
@@ -194,7 +194,9 @@ const StyledTabControls = styled.div.withConfig({
194
194
  /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
195
195
  export const TabHeader = _ref3 => {
196
196
  let _ref3$activeView = _ref3.activeView,
197
- activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView;
197
+ activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView,
198
+ _ref3$showBatchEdit = _ref3.showBatchEdit,
199
+ showBatchEdit = _ref3$showBatchEdit === void 0 ? true : _ref3$showBatchEdit;
198
200
  const _useState2 = useState(0),
199
201
  active = _useState2[0],
200
202
  setActive = _useState2[1];
@@ -207,13 +209,13 @@ export const TabHeader = _ref3 => {
207
209
  }, /*#__PURE__*/React.createElement(Body2, {
208
210
  color: "secondary",
209
211
  weight: "medium"
210
- }, label)))), /*#__PURE__*/React.createElement(StyledTabControls, null, /*#__PURE__*/React.createElement(Tooltip, {
212
+ }, label)))), /*#__PURE__*/React.createElement(StyledTabControls, null, showBatchEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
211
213
  title: "Batch Edit"
212
214
  }, /*#__PURE__*/React.createElement(IconButton, {
213
215
  variant: "text gray"
214
216
  }, /*#__PURE__*/React.createElement(EditMultipleIcon, null))), /*#__PURE__*/React.createElement("span", {
215
217
  className: "vertical-separator"
216
- }), /*#__PURE__*/React.createElement(Button, {
218
+ })) : null, /*#__PURE__*/React.createElement(Button, {
217
219
  variant: "text gray",
218
220
  className: "filter-button"
219
221
  }, /*#__PURE__*/React.createElement(FilterIcon, null), "Filter"), /*#__PURE__*/React.createElement(Tooltip, {
@@ -1 +1 @@
1
- {"version":3,"file":"headers.js","names":["React","useState","styled","ProjectOptionsMenu","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CounterButton","Header","IconButton","AddCrossTinyIcon","ArrowLeftIcon","CloseSmallIcon","CrownBlankIcon","CrownSelectedIcon","EditMultipleIcon","FilterIcon","InfoIcon","PeopleIcon","ViewListIcon","ViewTimelineIcon","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","PROJECT_MEMBERS","name","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState","open","setOpen","onOpen","onClose","position","target","label","String","length","icon","active","onClearAll","undefined","rightElement","type","variant","size","weight","map","member","key","$bg","$bordered","style","fill","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState2","setActive","onSelect","index","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n AddCrossTinyIcon,\n ArrowLeftIcon,\n CloseSmallIcon,\n CrownBlankIcon,\n CrownSelectedIcon,\n EditMultipleIcon,\n FilterIcon,\n InfoIcon,\n PeopleIcon,\n ViewListIcon,\n ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx) */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 12px 0;\n width: 100%;\n height: 40px;\n flex-shrink: 0;\n\n .page-header-left {\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n\n @media (min-width: ${SM}) {\n min-width: 0;\n }\n }\n\n /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n .back-button {\n flex-shrink: 0;\n margin-right: 4px;\n\n @media (min-width: ${MD}) {\n margin-right: 8px;\n }\n }\n\n .page-title-desktop {\n display: none;\n margin-right: 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n @media (min-width: ${MD}) {\n display: block;\n }\n }\n\n .page-title-mobile {\n display: block;\n margin-right: 8px;\n font-weight: 300;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${MD}) {\n display: none;\n }\n }\n\n .page-header-children {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n }\n\n /* spacer that keeps the header clear of the absolutely positioned\n top-right controls, same as in the app (tw-w-52) */\n .page-header-spacer {\n display: none;\n height: 100%;\n width: 208px;\n flex-shrink: 0;\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n }\n`;\n\nexport interface PageHeaderProps {\n title: string;\n children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n title,\n children,\n}: PageHeaderProps): ReactElement => (\n <StyledPageHeader>\n <div className=\"page-header-left\">\n <Title2 className=\"page-title-desktop\">{title}</Title2>\n <Header2 className=\"page-title-mobile\">{title}</Header2>\n <div className=\"page-header-children\">{children}</div>\n </div>\n <div className=\"page-header-spacer\" />\n </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children) */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n\n .project-progress {\n display: flex;\n align-items: center;\n margin-left: 4px;\n }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n (\"People\" + add button), a \"Members\" section and a row per member. The\n project leader shows a gold crown; other members reveal a \"set as leader\"\n crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n name: string;\n initials: string;\n color: string;\n leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n {\n name: \"Theo Brandt\",\n initials: \"TB\",\n color: AVATAR_COLORS.blue,\n leader: true,\n },\n { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n width: 256px;\n\n .members-label {\n display: block;\n margin: 8px 0;\n padding: 0 16px;\n }\n\n .member-row {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 40px;\n margin: 0 8px;\n padding: 2px 8px;\n border-radius: 4px;\n cursor: default;\n transition: background-color ${TRANSITION};\n }\n\n .member-row:hover {\n background-color: var(--color-theme-200);\n }\n\n /* gold left bar on the project-leader row */\n .member-row.leader::before {\n content: \"\";\n position: absolute;\n top: 4px;\n bottom: 4px;\n left: 0;\n width: 4px;\n border-radius: 4px;\n background-color: ${LEADER_GOLD};\n }\n\n /* gold ring on the leader's avatar */\n .member-row.leader .member-avatar {\n outline: 2px solid ${LEADER_GOLD};\n outline-offset: -2px;\n }\n\n .member-name {\n flex: 1;\n margin-left: 12px;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .member-right {\n display: flex;\n align-items: center;\n gap: 2px;\n flex-shrink: 0;\n margin-left: 8px;\n }\n\n .leader-crown {\n flex-shrink: 0;\n }\n\n /* member actions (set-as-leader / remove) appear on hover, like the app */\n .member-options {\n display: none;\n align-items: center;\n gap: 2px;\n }\n\n .member-row:hover .member-options {\n display: flex;\n }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n const [open, setOpen] = useState(false);\n return (\n <Menu\n open={open}\n onOpen={() => setOpen(true)}\n onClose={() => setOpen(false)}\n position=\"bottom-end\"\n target={\n <CounterButton\n label={String(PROJECT_MEMBERS.length)}\n icon={<PeopleIcon />}\n active={open}\n onClearAll={() => undefined}\n />\n }\n >\n <StyledPeopleMenu>\n <MenuHeader\n title=\"People\"\n rightElement={\n <IconButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n aria-label=\"Add People\"\n >\n <AddCrossTinyIcon />\n </IconButton>\n }\n />\n <Caption1 weight=\"bold\" className=\"members-label\">\n Members\n </Caption1>\n {PROJECT_MEMBERS.map((member) => (\n <div\n className={member.leader ? \"member-row leader\" : \"member-row\"}\n key={member.name}\n >\n <RoundAvatar\n className=\"member-avatar\"\n $bg={member.color}\n $bordered={false}\n >\n {member.initials}\n </RoundAvatar>\n <Body2 className=\"member-name\">{member.name}</Body2>\n <span className=\"member-right\">\n {member.leader && (\n <CrownSelectedIcon\n className=\"leader-crown\"\n style={{ fill: LEADER_GOLD }}\n />\n )}\n <span className=\"member-options\">\n {!member.leader && (\n <Tooltip title=\"Set as Project Leader\">\n <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n <CrownBlankIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip title=\"Remove from Project\">\n <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n <CloseSmallIcon />\n </IconButton>\n </Tooltip>\n </span>\n </span>\n </div>\n ))}\n </StyledPeopleMenu>\n </Menu>\n );\n};\n\nexport interface ProjectPageHeaderProps {\n title?: string;\n /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n * section (connected repositories + Connect Repository). */\n sourceModuleLoaded?: boolean;\n /** Repositories already connected to the project (seeds the count + submenu). */\n initialConnectedRepositories?: Repository[];\n /** Whether the current user can manage the project's repositories. */\n canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n title = \"#131: Ime projekta\",\n sourceModuleLoaded = false,\n initialConnectedRepositories,\n canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n <StyledPageHeader>\n <div className=\"page-header-left\">\n <IconButton variant=\"text gray\" className=\"back-button\">\n <ArrowLeftIcon />\n </IconButton>\n <Title2 className=\"page-title-desktop\">{title}</Title2>\n <Header2 className=\"page-title-mobile\">{title}</Header2>\n <div className=\"page-header-children\">\n <StyledProjectHeaderChildren>\n <span className=\"project-progress\">\n <ProgressPie\n radius={11}\n progress={64}\n progressColor=\"var(--color-secondary)\"\n backgroundColor=\"var(--color-theme-300)\"\n />\n </span>\n <Tooltip title=\"Project Info\">\n <IconButton variant=\"text gray\">\n <InfoIcon />\n </IconButton>\n </Tooltip>\n <PeoplePopover />\n <ProjectOptionsMenu\n sourceModuleLoaded={sourceModuleLoaded}\n initialConnectedRepositories={initialConnectedRepositories}\n canManageProjectRepositories={canManageProjectRepositories}\n />\n </StyledProjectHeaderChildren>\n </div>\n </div>\n <div className=\"page-header-spacer\" />\n </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js) */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n min-height: 64px;\n flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n display: flex;\n align-items: center;\n flex-shrink: 0;\n gap: 4px;\n\n .vertical-separator {\n width: 1px;\n height: 24px;\n background-color: var(--color-theme-400);\n margin: 0 8px;\n }\n\n .filter-button {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n`;\n\nexport interface TabHeaderProps {\n /** Which view-mode toggle is highlighted as active. */\n activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n const [active, setActive] = useState(0);\n return (\n <StyledTabHeader>\n <Nav onSelect={setActive}>\n {NAV_TABS.map((label, index) => (\n <Item active={index === active} key={label} name={label}>\n <Body2 color=\"secondary\" weight=\"medium\">\n {label}\n </Body2>\n </Item>\n ))}\n </Nav>\n <StyledTabControls>\n <Tooltip title=\"Batch Edit\">\n <IconButton variant=\"text gray\">\n <EditMultipleIcon />\n </IconButton>\n </Tooltip>\n <span className=\"vertical-separator\" />\n <Button variant=\"text gray\" className=\"filter-button\">\n <FilterIcon />\n Filter\n </Button>\n <Tooltip title=\"List view\">\n <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n <ViewListIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Column view\">\n <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Timeline view\">\n <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n <ViewTimelineIcon />\n </IconButton>\n </Tooltip>\n <span className=\"vertical-separator\" />\n <Tooltip title=\"Add New\">\n <GlobalAddButton />\n </Tooltip>\n </StyledTabControls>\n </StyledTabHeader>\n );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"headers.js","names":["React","useState","styled","ProjectOptionsMenu","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CounterButton","Header","IconButton","AddCrossTinyIcon","ArrowLeftIcon","CloseSmallIcon","CrownBlankIcon","CrownSelectedIcon","EditMultipleIcon","FilterIcon","InfoIcon","PeopleIcon","ViewListIcon","ViewTimelineIcon","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","PROJECT_MEMBERS","name","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState","open","setOpen","onOpen","onClose","position","target","label","String","length","icon","active","onClearAll","undefined","rightElement","type","variant","size","weight","map","member","key","$bg","$bordered","style","fill","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_ref3$showBatchEdit","showBatchEdit","_useState2","setActive","onSelect","index","Fragment","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n AddCrossTinyIcon,\n ArrowLeftIcon,\n CloseSmallIcon,\n CrownBlankIcon,\n CrownSelectedIcon,\n EditMultipleIcon,\n FilterIcon,\n InfoIcon,\n PeopleIcon,\n ViewListIcon,\n ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx) */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 12px 0;\n width: 100%;\n height: 40px;\n flex-shrink: 0;\n\n .page-header-left {\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n\n @media (min-width: ${SM}) {\n min-width: 0;\n }\n }\n\n /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n .back-button {\n flex-shrink: 0;\n margin-right: 4px;\n\n @media (min-width: ${MD}) {\n margin-right: 8px;\n }\n }\n\n .page-title-desktop {\n display: none;\n margin-right: 8px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n @media (min-width: ${MD}) {\n display: block;\n }\n }\n\n .page-title-mobile {\n display: block;\n margin-right: 8px;\n font-weight: 300;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: ${MD}) {\n display: none;\n }\n }\n\n .page-header-children {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n }\n\n /* spacer that keeps the header clear of the absolutely positioned\n top-right controls, same as in the app (tw-w-52) */\n .page-header-spacer {\n display: none;\n height: 100%;\n width: 208px;\n flex-shrink: 0;\n\n @media (min-width: ${SM}) {\n display: flex;\n }\n }\n`;\n\nexport interface PageHeaderProps {\n title: string;\n children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n title,\n children,\n}: PageHeaderProps): ReactElement => (\n <StyledPageHeader>\n <div className=\"page-header-left\">\n <Title2 className=\"page-title-desktop\">{title}</Title2>\n <Header2 className=\"page-title-mobile\">{title}</Header2>\n <div className=\"page-header-children\">{children}</div>\n </div>\n <div className=\"page-header-spacer\" />\n </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children) */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n\n .project-progress {\n display: flex;\n align-items: center;\n margin-left: 4px;\n }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n (\"People\" + add button), a \"Members\" section and a row per member. The\n project leader shows a gold crown; other members reveal a \"set as leader\"\n crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n name: string;\n initials: string;\n color: string;\n leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n {\n name: \"Theo Brandt\",\n initials: \"TB\",\n color: AVATAR_COLORS.blue,\n leader: true,\n },\n { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n width: 256px;\n\n .members-label {\n display: block;\n margin: 8px 0;\n padding: 0 16px;\n }\n\n .member-row {\n position: relative;\n display: flex;\n align-items: center;\n min-height: 40px;\n margin: 0 8px;\n padding: 2px 8px;\n border-radius: 4px;\n cursor: default;\n transition: background-color ${TRANSITION};\n }\n\n .member-row:hover {\n background-color: var(--color-theme-200);\n }\n\n /* gold left bar on the project-leader row */\n .member-row.leader::before {\n content: \"\";\n position: absolute;\n top: 4px;\n bottom: 4px;\n left: 0;\n width: 4px;\n border-radius: 4px;\n background-color: ${LEADER_GOLD};\n }\n\n /* gold ring on the leader's avatar */\n .member-row.leader .member-avatar {\n outline: 2px solid ${LEADER_GOLD};\n outline-offset: -2px;\n }\n\n .member-name {\n flex: 1;\n margin-left: 12px;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .member-right {\n display: flex;\n align-items: center;\n gap: 2px;\n flex-shrink: 0;\n margin-left: 8px;\n }\n\n .leader-crown {\n flex-shrink: 0;\n }\n\n /* member actions (set-as-leader / remove) appear on hover, like the app */\n .member-options {\n display: none;\n align-items: center;\n gap: 2px;\n }\n\n .member-row:hover .member-options {\n display: flex;\n }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n const [open, setOpen] = useState(false);\n return (\n <Menu\n open={open}\n onOpen={() => setOpen(true)}\n onClose={() => setOpen(false)}\n position=\"bottom-end\"\n target={\n <CounterButton\n label={String(PROJECT_MEMBERS.length)}\n icon={<PeopleIcon />}\n active={open}\n onClearAll={() => undefined}\n />\n }\n >\n <StyledPeopleMenu>\n <MenuHeader\n title=\"People\"\n rightElement={\n <IconButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n aria-label=\"Add People\"\n >\n <AddCrossTinyIcon />\n </IconButton>\n }\n />\n <Caption1 weight=\"bold\" className=\"members-label\">\n Members\n </Caption1>\n {PROJECT_MEMBERS.map((member) => (\n <div\n className={member.leader ? \"member-row leader\" : \"member-row\"}\n key={member.name}\n >\n <RoundAvatar\n className=\"member-avatar\"\n $bg={member.color}\n $bordered={false}\n >\n {member.initials}\n </RoundAvatar>\n <Body2 className=\"member-name\">{member.name}</Body2>\n <span className=\"member-right\">\n {member.leader && (\n <CrownSelectedIcon\n className=\"leader-crown\"\n style={{ fill: LEADER_GOLD }}\n />\n )}\n <span className=\"member-options\">\n {!member.leader && (\n <Tooltip title=\"Set as Project Leader\">\n <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n <CrownBlankIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip title=\"Remove from Project\">\n <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n <CloseSmallIcon />\n </IconButton>\n </Tooltip>\n </span>\n </span>\n </div>\n ))}\n </StyledPeopleMenu>\n </Menu>\n );\n};\n\nexport interface ProjectPageHeaderProps {\n title?: string;\n /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n * section (connected repositories + Connect Repository). */\n sourceModuleLoaded?: boolean;\n /** Repositories already connected to the project (seeds the count + submenu). */\n initialConnectedRepositories?: Repository[];\n /** Whether the current user can manage the project's repositories. */\n canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n title = \"#131: Ime projekta\",\n sourceModuleLoaded = false,\n initialConnectedRepositories,\n canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n <StyledPageHeader>\n <div className=\"page-header-left\">\n <IconButton variant=\"text gray\" className=\"back-button\">\n <ArrowLeftIcon />\n </IconButton>\n <Title2 className=\"page-title-desktop\">{title}</Title2>\n <Header2 className=\"page-title-mobile\">{title}</Header2>\n <div className=\"page-header-children\">\n <StyledProjectHeaderChildren>\n <span className=\"project-progress\">\n <ProgressPie\n radius={11}\n progress={64}\n progressColor=\"var(--color-secondary)\"\n backgroundColor=\"var(--color-theme-300)\"\n />\n </span>\n <Tooltip title=\"Project Info\">\n <IconButton variant=\"text gray\">\n <InfoIcon />\n </IconButton>\n </Tooltip>\n <PeoplePopover />\n <ProjectOptionsMenu\n sourceModuleLoaded={sourceModuleLoaded}\n initialConnectedRepositories={initialConnectedRepositories}\n canManageProjectRepositories={canManageProjectRepositories}\n />\n </StyledProjectHeaderChildren>\n </div>\n </div>\n <div className=\"page-header-spacer\" />\n </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js) */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n min-height: 64px;\n flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n display: flex;\n align-items: center;\n flex-shrink: 0;\n gap: 4px;\n\n .vertical-separator {\n width: 1px;\n height: 24px;\n background-color: var(--color-theme-400);\n margin: 0 8px;\n }\n\n .filter-button {\n display: flex;\n align-items: center;\n gap: 6px;\n }\n`;\n\nexport interface TabHeaderProps {\n /** Which view-mode toggle is highlighted as active. */\n activeView?: \"list\" | \"column\" | \"timeline\";\n /** Batch edit is a list/board affordance; views without it pass `false`. */\n showBatchEdit?: boolean;\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n activeView = \"list\",\n showBatchEdit = true,\n}: TabHeaderProps): ReactElement => {\n const [active, setActive] = useState(0);\n return (\n <StyledTabHeader>\n <Nav onSelect={setActive}>\n {NAV_TABS.map((label, index) => (\n <Item active={index === active} key={label} name={label}>\n <Body2 color=\"secondary\" weight=\"medium\">\n {label}\n </Body2>\n </Item>\n ))}\n </Nav>\n <StyledTabControls>\n {showBatchEdit ? (\n <>\n <Tooltip title=\"Batch Edit\">\n <IconButton variant=\"text gray\">\n <EditMultipleIcon />\n </IconButton>\n </Tooltip>\n <span className=\"vertical-separator\" />\n </>\n ) : null}\n <Button variant=\"text gray\" className=\"filter-button\">\n <FilterIcon />\n Filter\n </Button>\n <Tooltip title=\"List view\">\n <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n <ViewListIcon />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Column view\">\n <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n </IconButton>\n </Tooltip>\n <Tooltip title=\"Timeline view\">\n <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n <ViewTimelineIcon />\n </IconButton>\n </Tooltip>\n <span className=\"vertical-separator\" />\n <Tooltip title=\"Add New\">\n <GlobalAddButton />\n </Tooltip>\n </StyledTabControls>\n </StyledTabHeader>\n );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}