@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.
- package/dist/cjs/components/Media/Media.js +45 -4
- package/dist/cjs/components/Media/Media.js.map +1 -1
- package/dist/cjs/components/Media/Styles.js +4 -1
- package/dist/cjs/components/Media/Styles.js.map +1 -1
- package/dist/cjs/components/PortableText/renderers.js +8 -2
- package/dist/cjs/components/PortableText/renderers.js.map +1 -1
- package/dist/cjs/components/PortableText/types.js.map +1 -1
- package/dist/cjs/presentation/shared/headers.js +5 -3
- package/dist/cjs/presentation/shared/headers.js.map +1 -1
- package/dist/esm/components/Media/Media.d.ts +9 -0
- package/dist/esm/components/Media/Media.d.ts.map +1 -1
- package/dist/esm/components/Media/Media.js +44 -3
- package/dist/esm/components/Media/Media.js.map +1 -1
- package/dist/esm/components/Media/Styles.d.ts +1 -0
- package/dist/esm/components/Media/Styles.d.ts.map +1 -1
- package/dist/esm/components/Media/Styles.js +4 -1
- package/dist/esm/components/Media/Styles.js.map +1 -1
- package/dist/esm/components/PortableText/renderers.d.ts.map +1 -1
- package/dist/esm/components/PortableText/renderers.js +8 -2
- package/dist/esm/components/PortableText/renderers.js.map +1 -1
- package/dist/esm/components/PortableText/types.d.ts +16 -0
- package/dist/esm/components/PortableText/types.d.ts.map +1 -1
- package/dist/esm/components/PortableText/types.js.map +1 -1
- package/dist/esm/presentation/shared/headers.d.ts +3 -1
- package/dist/esm/presentation/shared/headers.d.ts.map +1 -1
- package/dist/esm/presentation/shared/headers.js +5 -3
- package/dist/esm/presentation/shared/headers.js.map +1 -1
- package/dist/index.js +57 -6
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,18 +3,51 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Media = void 0;
|
|
6
|
+
exports.Media = exports.MEDIA_PORTRAIT_MAX_HEIGHT = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _Styles = require("./Styles");
|
|
9
9
|
var _Typography = require("../Typography");
|
|
10
|
-
var _excluded = ["src", "alt", "variant", "caption"];
|
|
10
|
+
var _excluded = ["src", "alt", "variant", "caption", "width", "height", "density"];
|
|
11
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
12
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
13
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
14
14
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
15
|
+
/** A tall image (height greater than width) is capped at this display height. */
|
|
16
|
+
var MEDIA_PORTRAIT_MAX_HEIGHT = exports.MEDIA_PORTRAIT_MAX_HEIGHT = 680;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* The box the `<img>` is laid out in, in CSS pixels. A portrait image taller
|
|
20
|
+
* than the cap is scaled down to the cap, keeping its aspect ratio. Resolving
|
|
21
|
+
* the cap here — rather than with `width: auto; max-height` in CSS — keeps the
|
|
22
|
+
* size independent of the file's natural pixel size, so a 2x capture without a
|
|
23
|
+
* `density` (and therefore no `srcset` descriptor) never renders upscaled.
|
|
24
|
+
*/
|
|
25
|
+
var displaySize = function displaySize(width, height) {
|
|
26
|
+
if (width == null || height == null) {
|
|
27
|
+
return undefined;
|
|
28
|
+
}
|
|
29
|
+
if (height > width && height > MEDIA_PORTRAIT_MAX_HEIGHT) {
|
|
30
|
+
return {
|
|
31
|
+
width: Math.round(width * MEDIA_PORTRAIT_MAX_HEIGHT / height),
|
|
32
|
+
height: MEDIA_PORTRAIT_MAX_HEIGHT
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
width,
|
|
37
|
+
height
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
|
|
15
41
|
/**
|
|
16
42
|
* An image block: a screenshot renders framed (border, no shadow), a flat
|
|
17
43
|
* illustration renders without a frame. The caption sits below the frame.
|
|
44
|
+
*
|
|
45
|
+
* `width`/`height` are the image's real display size in CSS pixels, measured
|
|
46
|
+
* at compile time. When present, the image renders at that size — centered,
|
|
47
|
+
* capped at the column width, never upscaled — and the `<img>` reserves the
|
|
48
|
+
* space so the layout does not jump as it loads. A tall image (height greater
|
|
49
|
+
* than width) is capped by height instead. When absent (e.g. a remote source
|
|
50
|
+
* the build could not measure), the image falls back to the column-width cap.
|
|
18
51
|
*/
|
|
19
52
|
var Media = exports.Media = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
20
53
|
var src = _ref.src,
|
|
@@ -22,15 +55,23 @@ var Media = exports.Media = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
|
|
|
22
55
|
_ref$variant = _ref.variant,
|
|
23
56
|
variant = _ref$variant === void 0 ? "illustration" : _ref$variant,
|
|
24
57
|
caption = _ref.caption,
|
|
58
|
+
width = _ref.width,
|
|
59
|
+
height = _ref.height,
|
|
60
|
+
density = _ref.density,
|
|
25
61
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
62
|
+
var size = displaySize(width, height);
|
|
26
63
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledMedia, _extends({
|
|
27
64
|
ref: ref,
|
|
28
|
-
$bordered: variant === "screenshot"
|
|
65
|
+
$bordered: variant === "screenshot",
|
|
66
|
+
$sized: size !== undefined
|
|
29
67
|
}, rest), /*#__PURE__*/_react.default.createElement("div", {
|
|
30
68
|
className: "c-media-frame"
|
|
31
69
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
32
70
|
src: src,
|
|
33
|
-
alt: alt !== null && alt !== void 0 ? alt : ""
|
|
71
|
+
alt: alt !== null && alt !== void 0 ? alt : "",
|
|
72
|
+
width: size === null || size === void 0 ? void 0 : size.width,
|
|
73
|
+
height: size === null || size === void 0 ? void 0 : size.height,
|
|
74
|
+
srcSet: density ? "".concat(src, " ").concat(density, "x") : undefined
|
|
34
75
|
})), caption ? /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
|
|
35
76
|
color: "secondary"
|
|
36
77
|
}, caption) : null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","
|
|
1
|
+
{"version":3,"file":"Media.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","MEDIA_PORTRAIT_MAX_HEIGHT","exports","displaySize","width","height","undefined","Math","round","Media","forwardRef","_ref","ref","src","alt","_ref$variant","variant","caption","density","rest","size","createElement","StyledMedia","$bordered","$sized","className","srcSet","concat","Caption1","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":"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","ignoreList":[]}
|
|
@@ -10,9 +10,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
10
10
|
var StyledMedia = exports.StyledMedia = _styledComponents.default.div.withConfig({
|
|
11
11
|
displayName: "Styles__StyledMedia",
|
|
12
12
|
componentId: "sc-zjz7mh-0"
|
|
13
|
-
})(["display:flex;flex-direction:column;gap:", ";width:100%;.c-media-frame{", "}.c-media-frame img{display:block;
|
|
13
|
+
})(["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;", "}"], _LayoutTokens.SPACE.sm, function (_ref) {
|
|
14
14
|
var $bordered = _ref.$bordered;
|
|
15
15
|
return $bordered && (0, _styledComponents.css)(["overflow:hidden;border:1px solid var(--border-primary);border-radius:", ";"], "0.5rem");
|
|
16
|
+
}, function (_ref2) {
|
|
17
|
+
var $sized = _ref2.$sized;
|
|
18
|
+
return $sized ? (0, _styledComponents.css)(["max-width:100%;"]) : (0, _styledComponents.css)(["width:100%;"]);
|
|
16
19
|
});
|
|
17
20
|
StyledMedia.displayName = "StyledMedia";
|
|
18
21
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_LayoutTokens","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMedia","exports","styled","div","withConfig","displayName","componentId","SPACE","sm","_ref","$bordered","css"],"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
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_LayoutTokens","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMedia","exports","styled","div","withConfig","displayName","componentId","SPACE","sm","_ref","$bordered","css","_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,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAAwC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEjC,IAAMmB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0LAG5BC,mBAAK,CAACC,EAAE,EAUX,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,kFAGgB,QAAwB,CAC1C;AAAA,GAOD,UAAAC,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OACTA,MAAM,OACFF,qBAAG,6BAQHA,qBAAG,kBAIF;AAAA,EAEV;AAEDX,WAAW,CAACK,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -124,7 +124,10 @@ var portableTextDefaultBlockRenderers = exports.portableTextDefaultBlockRenderer
|
|
|
124
124
|
src = _ref1.src,
|
|
125
125
|
alt = _ref1.alt,
|
|
126
126
|
variant = _ref1.variant,
|
|
127
|
-
caption = _ref1.caption
|
|
127
|
+
caption = _ref1.caption,
|
|
128
|
+
width = _ref1.width,
|
|
129
|
+
height = _ref1.height,
|
|
130
|
+
density = _ref1.density;
|
|
128
131
|
|
|
129
132
|
// Video (and future) variants carry service semantics, so their renderer
|
|
130
133
|
// is application-catalog territory — an injected `media` override. The
|
|
@@ -138,7 +141,10 @@ var portableTextDefaultBlockRenderers = exports.portableTextDefaultBlockRenderer
|
|
|
138
141
|
src: src,
|
|
139
142
|
alt: alt,
|
|
140
143
|
variant: variant,
|
|
141
|
-
caption: caption
|
|
144
|
+
caption: caption,
|
|
145
|
+
width: width,
|
|
146
|
+
height: height,
|
|
147
|
+
density: density
|
|
142
148
|
});
|
|
143
149
|
},
|
|
144
150
|
"titled-text": function titledText(_ref10) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","names":["_react","_interopRequireWildcard","require","_Styles","_types","_Media","_Tables","_TitledText","_Typography","_Typography2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","portableTextDefaultMarkRenderers","exports","strong","_ref","children","createElement","em","_ref2","code","_ref3","StyledCode","link","_ref4","mark","href","Fragment","StyledLink","target","rel","HEADING_LEVEL_VARIANTS","DEFAULT_HEADING_LEVEL","headingVariantForLevel","level","undefined","variant","console","warn","concat","HeadingBlock","_ref5","block","_ref6","id","Heading","titledTextHeadings","portableTextDefaultBlockRenderers","paragraph","_ref7","Body1","heading","list","_ref8","ordered","style","StyledList","as","$ordered","listItem","_ref9","Typography","media","_ref0","_ref1","src","alt","caption","isPortableTextMediaImageVariant","Media","titledText","_ref10","_ref11","title","TitledText","codeBlock","_ref12","_ref13","language","StyledCodeBlock","table","_ref14","renderSpans","_ref15","header","rows","cell","spans","map","span","index","key","text","StyledTableBlock","Table","Thead","Tbody","row","rowIndex","cellIndex","divider","StyledDivider"],"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","_interopRequireWildcard","require","_Styles","_types","_Media","_Tables","_TitledText","_Typography","_Typography2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","portableTextDefaultMarkRenderers","exports","strong","_ref","children","createElement","em","_ref2","code","_ref3","StyledCode","link","_ref4","mark","href","Fragment","StyledLink","target","rel","HEADING_LEVEL_VARIANTS","DEFAULT_HEADING_LEVEL","headingVariantForLevel","level","undefined","variant","console","warn","concat","HeadingBlock","_ref5","block","_ref6","id","Heading","titledTextHeadings","portableTextDefaultBlockRenderers","paragraph","_ref7","Body1","heading","list","_ref8","ordered","style","StyledList","as","$ordered","listItem","_ref9","Typography","media","_ref0","_ref1","src","alt","caption","width","height","density","isPortableTextMediaImageVariant","Media","titledText","_ref10","_ref11","title","TitledText","codeBlock","_ref12","_ref13","language","StyledCodeBlock","table","_ref14","renderSpans","_ref15","header","rows","cell","spans","map","span","index","key","text","StyledTableBlock","Table","Thead","Tbody","row","rowIndex","cellIndex","divider","StyledDivider"],"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AAgBA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAKA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAsD,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,wBAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEtD;AACA;AACA;AACA;AACA;;AAEO,IAAMmB,gCAGZ,GAAAC,OAAA,CAAAD,gCAAA,GAAG;EACFE,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,iBAASD,QAAiB,CAAC;EAAA;EACrDE,EAAE,EAAE,SAAJA,EAAEA,CAAAC,KAAA;IAAA,IAAKH,QAAQ,GAAAG,KAAA,CAARH,QAAQ;IAAA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,aAAKD,QAAa,CAAC;EAAA;EACzCI,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA;IAAA,IAAKL,QAAQ,GAAAK,KAAA,CAARL,QAAQ;IAAA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAAqC,UAAU,QAAEN,QAAqB,CAAC;EAAA;EAC3DO,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAA0B;IAAA,IAArBC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAET,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;IACrB,IAAMU,IAAI,GAAID,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAuCC,IAAI;;IAE7D;IACA;IACA,IAAI,CAACA,IAAI,EAAE;MACT,oBAAO5C,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAAnC,MAAA,CAAAoB,OAAA,CAAAyB,QAAA,QAAGX,QAAW,CAAC;IACxB;IAEA,oBACElC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAA2C,UAAU;MAACF,IAAI,EAAEA,IAAK;MAACG,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC;IAAqB,GAC9Dd,QACS,CAAC;EAEjB;AACF,CAAC;;AAED;AACA,IAAMe,sBAGL,GAAG;EACF,CAAC,EAAE,QAAQ;EACX,CAAC,EAAE,QAAQ;EACX,CAAC,EAAE;AACL,CAAC;;AAED;AACA,IAAMC,qBAA+C,GAAG,CAAC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC1BC,KAA2C,EACrB;EACtB,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOJ,sBAAsB,CAACC,qBAAqB,CAAC;EACtD;EAEA,IAAMI,OAAO,GAAGL,sBAAsB,CAACG,KAAK,CAAC;EAC7C,IAAI,CAACE,OAAO,EAAE;IACZC,OAAO,CAACC,IAAI,wCAAAC,MAAA,CAC6BL,KAAK,wBAAAK,MAAA,CAAqBP,qBAAqB,MACxF,CAAC;IACD,OAAOD,sBAAsB,CAACC,qBAAqB,CAAC;EACtD;EAEA,OAAOI,OAAO;AAChB,CAAC;;AAED;AACA,IAAMI,YAAuC,GAAG,SAA1CA,YAAuCA,CAAAC,KAAA,EAA4B;EAAA,IAAtBC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAE1B,QAAQ,GAAAyB,KAAA,CAARzB,QAAQ;EAChE,IAAA2B,KAAA,GAAsBD,KAAK;IAAnBR,KAAK,GAAAS,KAAA,CAALT,KAAK;IAAEU,EAAE,GAAAD,KAAA,CAAFC,EAAE;EACjB,IAAMC,OAAO,GAAGC,8BAAkB,CAACb,sBAAsB,CAACC,KAAK,CAAC,CAAC;EACjE,oBAAOpD,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC4B,OAAO;IAACD,EAAE,EAAEA;EAAG,GAAE5B,QAAkB,CAAC;AAC9C,CAAC;AAEM,IAAM+B,iCAGZ,GAAAlC,OAAA,CAAAkC,iCAAA,GAAG;EACFC,SAAS,EAAE,SAAXA,SAASA,CAAAC,KAAA;IAAA,IAAKjC,QAAQ,GAAAiC,KAAA,CAARjC,QAAQ;IAAA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC3B,WAAA,CAAA4D,KAAK,QAAElC,QAAgB,CAAC;EAAA;EACtDmC,OAAO,EAAEX,YAAY;EACrBY,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAA2B;IAAA,IAAtBX,KAAK,GAAAW,KAAA,CAALX,KAAK;MAAE1B,QAAQ,GAAAqC,KAAA,CAARrC,QAAQ;IACtB,IAAMsC,OAAO,GAAIZ,KAAK,CAA2Ba,KAAK,KAAK,QAAQ;IACnE;MAAA;MACE;MACA;MACAzE,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAAuE,UAAU;QACTC,EAAE,EAAEH,OAAO,GAAG,IAAI,GAAG,IAAK;QAC1BI,QAAQ,EAAEJ,OAAQ;QAClB,sBAAmB;MAAE,GAEpBtC,QACS;IAAC;EAEjB,CAAC;EACD,WAAW,EAAE,SAAb2C,QAAWA,CAAAC,KAAA;IAAA,IAAK5C,QAAQ,GAAA4C,KAAA,CAAR5C,QAAQ;IAAA,oBACtBlC,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC1B,YAAA,CAAAsE,UAAU;MAACzB,OAAO,EAAC,QAAQ;MAACqB,EAAE,EAAC;IAAI,GACjCzC,QACS,CAAC;EAAA,CACd;EACD8C,KAAK,EAAE,SAAPA,KAAKA,CAAAC,KAAA,EAAiB;IAAA,IAAZrB,KAAK,GAAAqB,KAAA,CAALrB,KAAK;IACb,IAAAsB,KAAA,GACEtB,KAAK;MADCuB,GAAG,GAAAD,KAAA,CAAHC,GAAG;MAAEC,GAAG,GAAAF,KAAA,CAAHE,GAAG;MAAE9B,OAAO,GAAA4B,KAAA,CAAP5B,OAAO;MAAE+B,OAAO,GAAAH,KAAA,CAAPG,OAAO;MAAEC,KAAK,GAAAJ,KAAA,CAALI,KAAK;MAAEC,MAAM,GAAAL,KAAA,CAANK,MAAM;MAAEC,OAAO,GAAAN,KAAA,CAAPM,OAAO;;IAG1D;IACA;IACA;IACA;IACA,IAAIlC,OAAO,KAAKD,SAAS,IAAI,CAAC,IAAAoC,sCAA+B,EAACnC,OAAO,CAAC,EAAE;MACtEC,OAAO,CAACC,IAAI,0DAAAC,MAAA,CAC8CH,OAAO,QACjE,CAAC;MACD,OAAO,IAAI;IACb;IAEA,oBACEtD,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC9B,MAAA,CAAAqF,KAAK;MACJP,GAAG,EAAEA,GAAI;MACTC,GAAG,EAAEA,GAAI;MACT9B,OAAO,EAAEA,OAAQ;MACjB+B,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEA;IAAQ,CAClB,CAAC;EAEN,CAAC;EACD,aAAa,EAAE,SAAfG,UAAaA,CAAAC,MAAA,EAA2B;IAAA,IAAtBhC,KAAK,GAAAgC,MAAA,CAALhC,KAAK;MAAE1B,QAAQ,GAAA0D,MAAA,CAAR1D,QAAQ;IAC/B,IAAA2D,MAAA,GAAyBjC,KAAK;MAAtBkC,KAAK,GAAAD,MAAA,CAALC,KAAK;MAAE1C,KAAK,GAAAyC,MAAA,CAALzC,KAAK;IACpB,oBACEpD,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC5B,WAAA,CAAAwF,UAAU;MAACD,KAAK,EAAEA,KAAM;MAACxC,OAAO,EAAEH,sBAAsB,CAACC,KAAK;IAAE,GAC9DlB,QACS,CAAC;EAEjB,CAAC;EACD;EACA;EACA;EACA,YAAY,EAAE,SAAd8D,SAAYA,CAAAC,MAAA,EAAiB;IAAA,IAAZrC,KAAK,GAAAqC,MAAA,CAALrC,KAAK;IACpB,IAAAsC,MAAA,GAA2BtC,KAAK;MAAxBtB,IAAI,GAAA4D,MAAA,CAAJ5D,IAAI;MAAE6D,QAAQ,GAAAD,MAAA,CAARC,QAAQ;IACtB,oBACEnG,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAAiG,eAAe;MAAC,iBAAeD,QAAQ,IAAI9C;IAAU,gBACpDrD,MAAA,CAAAoB,OAAA,CAAAe,aAAA,eAAOG,IAAW,CACH,CAAC;EAEtB,CAAC;EACD+D,KAAK,EAAE,SAAPA,KAAKA,CAAAC,MAAA,EAA8B;IAAA,IAAzB1C,KAAK,GAAA0C,MAAA,CAAL1C,KAAK;MAAE2C,WAAW,GAAAD,MAAA,CAAXC,WAAW;IAC1B,IAAAC,MAAA,GAAyB5C,KAAK;MAAtB6C,MAAM,GAAAD,MAAA,CAANC,MAAM;MAAEC,IAAI,GAAAF,MAAA,CAAJE,IAAI;IACpB;IACA,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAyB;MAAA,OACrCL,WAAW,GACPA,WAAW,CAACK,KAAK,CAAC,GAClBA,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBACpB/G,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAACnC,MAAA,CAAA6C,QAAQ;UAACmE,GAAG,EAAED;QAAM,GAAED,IAAI,CAACG,IAAe,CAAC;MAAA,CAC7C,CAAC;IAAA;IAER,oBACEjH,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAA+G,gBAAgB,qBACflH,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC7B,OAAA,CAAA6G,KAAK,qBACJnH,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC7B,OAAA,CAAA8G,KAAK,qBACJpH,MAAA,CAAAoB,OAAA,CAAAe,aAAA,aACGsE,MAAM,CAACI,GAAG,CAAC,UAACD,KAAK,EAAEG,KAAK;MAAA,oBACvB/G,MAAA,CAAAoB,OAAA,CAAAe,aAAA;QAAI6E,GAAG,EAAED;MAAM,GAAEJ,IAAI,CAACC,KAAK,CAAM,CAAC;IAAA,CACnC,CACC,CACC,CAAC,eACR5G,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC7B,OAAA,CAAA+G,KAAK,QACHX,IAAI,CAACG,GAAG,CAAC,UAACS,GAAG,EAAEC,QAAQ;MAAA,oBACtBvH,MAAA,CAAAoB,OAAA,CAAAe,aAAA;QAAI6E,GAAG,EAAEO;MAAS,GACfD,GAAG,CAACT,GAAG,CAAC,UAACD,KAAK,EAAEY,SAAS;QAAA,oBACxBxH,MAAA,CAAAoB,OAAA,CAAAe,aAAA;UAAI6E,GAAG,EAAEQ;QAAU,GAAEb,IAAI,CAACC,KAAK,CAAM,CAAC;MAAA,CACvC,CACC,CAAC;IAAA,CACN,CACI,CACF,CACS,CAAC;EAEvB,CAAC;EACDa,OAAO,EAAE,SAATA,OAAOA,CAAA;IAAA,oBAAQzH,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAChC,OAAA,CAAAuH,aAAa,MAAE,CAAC;EAAA;AAClC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["PORTABLE_TEXT_DEFAULT_MARKS","exports","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","exports","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":[]}
|
|
@@ -216,7 +216,9 @@ var StyledTabControls = _styledComponents.default.div.withConfig({
|
|
|
216
216
|
/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
|
|
217
217
|
var TabHeader = exports.TabHeader = function TabHeader(_ref3) {
|
|
218
218
|
var _ref3$activeView = _ref3.activeView,
|
|
219
|
-
activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView
|
|
219
|
+
activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView,
|
|
220
|
+
_ref3$showBatchEdit = _ref3.showBatchEdit,
|
|
221
|
+
showBatchEdit = _ref3$showBatchEdit === void 0 ? true : _ref3$showBatchEdit;
|
|
220
222
|
var _useState3 = (0, _react.useState)(0),
|
|
221
223
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
222
224
|
active = _useState4[0],
|
|
@@ -232,13 +234,13 @@ var TabHeader = exports.TabHeader = function TabHeader(_ref3) {
|
|
|
232
234
|
color: "secondary",
|
|
233
235
|
weight: "medium"
|
|
234
236
|
}, label));
|
|
235
|
-
})), /*#__PURE__*/_react.default.createElement(StyledTabControls, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
237
|
+
})), /*#__PURE__*/_react.default.createElement(StyledTabControls, null, showBatchEdit ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
236
238
|
title: "Batch Edit"
|
|
237
239
|
}, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
|
|
238
240
|
variant: "text gray"
|
|
239
241
|
}, /*#__PURE__*/_react.default.createElement(_Icons.EditMultipleIcon, null))), /*#__PURE__*/_react.default.createElement("span", {
|
|
240
242
|
className: "vertical-separator"
|
|
241
|
-
}), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
243
|
+
})) : null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
242
244
|
variant: "text gray",
|
|
243
245
|
className: "filter-button"
|
|
244
246
|
}, /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null), "Filter"), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headers.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ProjectOptionsMenu","_RoundAvatar","_tokens","_Button","_GlobalAddButton","_CounterButton","_Header","_IconButton","_Icons","_Menu","_Nav","_ProgressPie","_Tooltip","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","LEADER_GOLD","StyledPageHeader","styled","div","withConfig","displayName","componentId","SM","MD","PageHeader","exports","_ref","title","children","createElement","className","Title2","Header2","StyledProjectHeaderChildren","PROJECT_MEMBERS","initials","color","AVATAR_COLORS","blue","leader","purple","orange","StyledPeopleMenu","TRANSITION","PeoplePopover","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","CounterButton","label","String","icon","PeopleIcon","active","onClearAll","undefined","MenuHeader","rightElement","IconButton","type","variant","size","AddCrossTinyIcon","Caption1","weight","map","member","key","RoundAvatar","$bg","$bordered","Body2","CrownSelectedIcon","style","fill","Tooltip","CrownBlankIcon","CloseSmallIcon","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","ArrowLeftIcon","ProgressPie","radius","progress","progressColor","backgroundColor","InfoIcon","ProjectOptionsMenu","NAV_TABS","StyledTabHeader","Header","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState3","_useState4","setActive","Nav","onSelect","index","Item","EditMultipleIcon","Button","FilterIcon","ViewListIcon","transform","ViewTimelineIcon","GlobalAddButton"],"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","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ProjectOptionsMenu","_RoundAvatar","_tokens","_Button","_GlobalAddButton","_CounterButton","_Header","_IconButton","_Icons","_Menu","_Nav","_ProgressPie","_Tooltip","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","LEADER_GOLD","StyledPageHeader","styled","div","withConfig","displayName","componentId","SM","MD","PageHeader","exports","_ref","title","children","createElement","className","Title2","Header2","StyledProjectHeaderChildren","PROJECT_MEMBERS","initials","color","AVATAR_COLORS","blue","leader","purple","orange","StyledPeopleMenu","TRANSITION","PeoplePopover","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","CounterButton","label","String","icon","PeopleIcon","active","onClearAll","undefined","MenuHeader","rightElement","IconButton","type","variant","size","AddCrossTinyIcon","Caption1","weight","map","member","key","RoundAvatar","$bg","$bordered","Body2","CrownSelectedIcon","style","fill","Tooltip","CrownBlankIcon","CloseSmallIcon","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","ArrowLeftIcon","ProgressPie","radius","progress","progressColor","backgroundColor","InfoIcon","ProjectOptionsMenu","NAV_TABS","StyledTabHeader","Header","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_ref3$showBatchEdit","showBatchEdit","_useState3","_useState4","setActive","Nav","onSelect","index","Item","Fragment","EditMultipleIcon","Button","FilterIcon","ViewListIcon","transform","ViewTimelineIcon","GlobalAddButton"],"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":[]}
|
|
@@ -3,9 +3,18 @@ import { PortableTextMediaBlock, PortableTextMediaImageVariant } from "../Portab
|
|
|
3
3
|
export interface IMediaProps extends Omit<PortableTextMediaBlock, "type" | "variant">, React.ComponentPropsWithoutRef<"div"> {
|
|
4
4
|
variant?: PortableTextMediaImageVariant;
|
|
5
5
|
}
|
|
6
|
+
/** A tall image (height greater than width) is capped at this display height. */
|
|
7
|
+
export declare const MEDIA_PORTRAIT_MAX_HEIGHT = 680;
|
|
6
8
|
/**
|
|
7
9
|
* An image block: a screenshot renders framed (border, no shadow), a flat
|
|
8
10
|
* illustration renders without a frame. The caption sits below the frame.
|
|
11
|
+
*
|
|
12
|
+
* `width`/`height` are the image's real display size in CSS pixels, measured
|
|
13
|
+
* at compile time. When present, the image renders at that size — centered,
|
|
14
|
+
* capped at the column width, never upscaled — and the `<img>` reserves the
|
|
15
|
+
* space so the layout does not jump as it loads. A tall image (height greater
|
|
16
|
+
* than width) is capped by height instead. When absent (e.g. a remote source
|
|
17
|
+
* the build could not measure), the image falls back to the column-width cap.
|
|
9
18
|
*/
|
|
10
19
|
export declare const Media: React.ForwardRefExoticComponent<IMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
20
|
//# sourceMappingURL=Media.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../src/components/Media/Media.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC,EACtD,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,CAAC,EAAE,6BAA6B,CAAC;CACzC;AAED
|
|
1
|
+
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../src/components/Media/Media.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC,EACtD,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACvC,OAAO,CAAC,EAAE,6BAA6B,CAAC;CACzC;AAED,iFAAiF;AACjF,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAwB7C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,oFAoCjB,CAAC"}
|