@activecollab/components 2.0.416 → 2.0.418

package/dist/esm/presentation/shared/MessageFeedback.js

@@ -0,0 +1,252 @@
+import React, { useCallback, useState } from "react";
+import styled from "styled-components";
+import { screenBelow } from "../../components/BreakPoints";
+import { Button } from "../../components/Button";
+import { Dialog } from "../../components/Dialog";
+import { IconButton } from "../../components/IconButton";
+import { ThumbUpOutlineIcon } from "../../components/Icons";
+import { Label } from "../../components/Label";
+import { Textarea } from "../../components/Textarea";
+import { Tooltip } from "../../components/Tooltip";
+import { Body2 } from "../../components/Typography";
+import { Typography } from "../../components/Typography/Typography";
+
+/**
+ * MessageFeedback — the reusable "Was this helpful?" flow, as a Presentation
+ * mock.
+ *
+ * It is built only from design-system parts and owns the whole flow, so any
+ * content surface (the message dialog, a help article, a settings panel) can
+ * drop it in and get the same behaviour:
+ *
+ *  1. Prompt   — an inline "Was this helpful?" row with a thumb up / down.
+ *  2. Details  — a centred dialog: option chips for the chosen sentiment,
+ *                plus an optional free-text comment. Submit or Cancel.
+ *  3. Thank you — a short confirmation, then the prompt shows a quiet
+ *                "Thanks for your feedback!".
+ *
+ * The vote is recorded the moment a thumb is pressed (`onVote`), so a user who
+ * cancels the details step still leaves a valid vote — the same contract the
+ * trial Feedback flow uses. The details are reported on Submit (`onSubmit`).
+ *
+ * In the product this lives in application code; the presentation ships this
+ * demo copy so the stories need no app imports.
+ */
+
+/* ---- public types & default option catalogs ------------------------ */
+
+/* The options rate the one piece of content, not the whole product. Each
+   negative option maps to an action a writer can take. Override per surface
+   through the component props. */
+export const POSITIVE_FEEDBACK_OPTIONS = [{
+  id: "clear",
+  label: "Clear and easy to understand"
+}, {
+  id: "answered",
+  label: "Answered my question"
+}, {
+  id: "right-detail",
+  label: "Right amount of detail"
+}, {
+  id: "helped-use",
+  label: "Helped me use the feature"
+}, {
+  id: "good-examples",
+  label: "Good examples or screenshots"
+}, {
+  id: "other",
+  label: "Other"
+}];
+export const NEGATIVE_FEEDBACK_OPTIONS = [{
+  id: "not-answered",
+  label: "Did not answer my question"
+}, {
+  id: "confusing",
+  label: "Confusing or hard to follow"
+}, {
+  id: "too-long",
+  label: "Too long"
+}, {
+  id: "not-enough-detail",
+  label: "Not enough detail"
+}, {
+  id: "out-of-date",
+  label: "Out of date or incorrect"
+}, {
+  id: "wrong-plan-role",
+  label: "Wrong for my plan or role"
+}, {
+  id: "not-found",
+  label: "I could not find what I needed"
+}, {
+  id: "broken",
+  label: "Something is broken"
+}, {
+  id: "other",
+  label: "Other"
+}];
+
+/* ---- the inline prompt row ----------------------------------------- */
+
+/* Down-vote reuses the up icon, rotated (the DS set only ships
+   ThumbUpOutlineIcon). */
+const StyledPrompt = styled.div.withConfig({
+  displayName: "MessageFeedback__StyledPrompt",
+  componentId: "sc-1i96o75-0"
+})(["display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px 28px;", "{padding:4px 24px 24px;}.fb-question{margin-right:4px;}.fb-btn svg{width:18px;height:18px;}.fb-down svg{transform:rotate(180deg);}"], screenBelow.sm);
+
+/* ---- the details dialog -------------------------------------------- */
+
+const StyledForm = styled.div.withConfig({
+  displayName: "MessageFeedback__StyledForm",
+  componentId: "sc-1i96o75-1"
+})(["display:flex;flex-direction:column;gap:20px;.fb-field{display:flex;flex-direction:column;gap:8px;}.fb-chips{display:flex;flex-wrap:wrap;gap:8px;}.c-textarea{width:100%;box-sizing:border-box;}"]);
+
+/* The option chip — a pill that toggles to the theme primary tint when
+   selected. Translated from the trial Feedback chip into styled-components
+   (runtime tw- classes do not work in the presentation storybook). The label
+   text is a DS Body2 so it carries the correct font. */
+const StyledChip = styled.button.withConfig({
+  displayName: "MessageFeedback__StyledChip",
+  componentId: "sc-1i96o75-2"
+})(["display:inline-flex;align-items:center;box-sizing:border-box;margin:0;padding:3px 8px 4px;border:1px solid ", ";border-radius:4px;background-color:", ";cursor:pointer;transition:border-color 120ms ease,background-color 120ms ease;&:hover{border-color:var(--color-primary);}"], _ref => {
+  let $selected = _ref.$selected;
+  return $selected ? "var(--color-primary)" : "var(--color-theme-500)";
+}, _ref2 => {
+  let $selected = _ref2.$selected;
+  return $selected ? "var(--color-primary-300)" : "transparent";
+});
+const FeedbackChip = _ref3 => {
+  let option = _ref3.option,
+    selected = _ref3.selected,
+    onToggle = _ref3.onToggle;
+  return /*#__PURE__*/React.createElement(StyledChip, {
+    type: "button",
+    $selected: selected,
+    "aria-pressed": selected,
+    onClick: () => onToggle(option.id)
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "Body 2",
+    as: "span"
+  }, option.label));
+};
+const StyledActions = styled.div.withConfig({
+  displayName: "MessageFeedback__StyledActions",
+  componentId: "sc-1i96o75-3"
+})(["display:flex;gap:12px;"]);
+
+/* ---- the component ------------------------------------------------- */
+
+export const MessageFeedback = _ref4 => {
+  let _ref4$question = _ref4.question,
+    question = _ref4$question === void 0 ? "Was this helpful?" : _ref4$question,
+    _ref4$positiveTitle = _ref4.positiveTitle,
+    positiveTitle = _ref4$positiveTitle === void 0 ? "What was good?" : _ref4$positiveTitle,
+    _ref4$negativeTitle = _ref4.negativeTitle,
+    negativeTitle = _ref4$negativeTitle === void 0 ? "What went wrong?" : _ref4$negativeTitle,
+    _ref4$positiveOptions = _ref4.positiveOptions,
+    positiveOptions = _ref4$positiveOptions === void 0 ? POSITIVE_FEEDBACK_OPTIONS : _ref4$positiveOptions,
+    _ref4$negativeOptions = _ref4.negativeOptions,
+    negativeOptions = _ref4$negativeOptions === void 0 ? NEGATIVE_FEEDBACK_OPTIONS : _ref4$negativeOptions,
+    onVote = _ref4.onVote,
+    onSubmit = _ref4.onSubmit;
+  const _useState = useState(null),
+    sentiment = _useState[0],
+    setSentiment = _useState[1];
+  const _useState2 = useState("closed"),
+    stage = _useState2[0],
+    setStage = _useState2[1];
+  const _useState3 = useState([]),
+    selected = _useState3[0],
+    setSelected = _useState3[1];
+  const _useState4 = useState(""),
+    comment = _useState4[0],
+    setComment = _useState4[1];
+  const _useState5 = useState(false),
+    done = _useState5[0],
+    setDone = _useState5[1];
+  const vote = useCallback(value => {
+    setSentiment(value);
+    setSelected([]);
+    setComment("");
+    onVote == null || onVote(value);
+    setStage("details");
+  }, [onVote]);
+  const toggleOption = useCallback(id => {
+    setSelected(current => current.includes(id) ? current.filter(one => one !== id) : [...current, id]);
+  }, []);
+  const submit = useCallback(() => {
+    if (sentiment) {
+      onSubmit == null || onSubmit({
+        sentiment,
+        options: selected,
+        comment: comment.trim()
+      });
+    }
+    setStage("closed");
+    setDone(true);
+  }, [sentiment, selected, comment, onSubmit]);
+
+  /* Cancel keeps the vote (already sent on the thumb press) and closes. */
+  const finish = useCallback(() => {
+    setStage("closed");
+    setDone(true);
+  }, []);
+  const isPositive = sentiment === "up";
+  const options = isPositive ? positiveOptions : negativeOptions;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledPrompt, null, done ? /*#__PURE__*/React.createElement(Body2, {
+    color: "secondary"
+  }, "Thank you for the feedback!") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Body2, {
+    color: "secondary",
+    className: "fb-question"
+  }, question), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Yes, helpful"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray",
+    className: "fb-btn",
+    "aria-label": "Yes, helpful",
+    onClick: () => vote("up")
+  }, /*#__PURE__*/React.createElement(ThumbUpOutlineIcon, null))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "No, not helpful"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    type: "button",
+    variant: "text gray",
+    className: "fb-btn fb-down",
+    "aria-label": "No, not helpful",
+    onClick: () => vote("down")
+  }, /*#__PURE__*/React.createElement(ThumbUpOutlineIcon, null))))), /*#__PURE__*/React.createElement(Dialog, {
+    open: stage !== "closed",
+    onClose: finish,
+    enableBackgroundClick: true
+  }, stage === "details" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Title, null, isPositive ? positiveTitle : negativeTitle), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(StyledForm, null, /*#__PURE__*/React.createElement("div", {
+    className: "fb-field"
+  }, /*#__PURE__*/React.createElement(Label, null, "Select all that apply"), /*#__PURE__*/React.createElement("div", {
+    className: "fb-chips"
+  }, options.map(option => /*#__PURE__*/React.createElement(FeedbackChip, {
+    key: option.id,
+    option: option,
+    selected: selected.includes(option.id),
+    onToggle: toggleOption
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "fb-field"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: "fb-comment"
+  }, "Tell us more (optional)"), /*#__PURE__*/React.createElement(Textarea, {
+    id: "fb-comment",
+    value: comment,
+    placeholder: isPositive ? "What made this useful?" : "What would have helped?",
+    onChange: event => setComment(event.target.value)
+  })))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(StyledActions, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    size: "small",
+    type: "button",
+    onClick: submit
+  }, "Submit"), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    size: "small",
+    type: "button",
+    onClick: finish
+  }, "Cancel")))) : null));
+};
+//# sourceMappingURL=MessageFeedback.js.map

package/dist/esm/presentation/shared/MessageFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageFeedback.js","names":["React","useCallback","useState","styled","screenBelow","Button","Dialog","IconButton","ThumbUpOutlineIcon","Label","Textarea","Tooltip","Body2","Typography","POSITIVE_FEEDBACK_OPTIONS","id","label","NEGATIVE_FEEDBACK_OPTIONS","StyledPrompt","div","withConfig","displayName","componentId","sm","StyledForm","StyledChip","button","_ref","$selected","_ref2","FeedbackChip","_ref3","option","selected","onToggle","createElement","type","onClick","variant","as","StyledActions","MessageFeedback","_ref4","_ref4$question","question","_ref4$positiveTitle","positiveTitle","_ref4$negativeTitle","negativeTitle","_ref4$positiveOptions","positiveOptions","_ref4$negativeOptions","negativeOptions","onVote","onSubmit","_useState","sentiment","setSentiment","_useState2","stage","setStage","_useState3","setSelected","_useState4","comment","setComment","_useState5","done","setDone","vote","value","toggleOption","current","includes","filter","one","submit","options","trim","finish","isPositive","Fragment","color","className","title","open","onClose","enableBackgroundClick","Title","ContentDivider","Content","map","key","htmlFor","placeholder","onChange","event","target","Actions","size"],"sources":["../../../../src/presentation/shared/MessageFeedback.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { screenBelow } from \"../../components/BreakPoints\";\nimport { Button } from \"../../components/Button\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { ThumbUpOutlineIcon } from \"../../components/Icons\";\nimport { Label } from \"../../components/Label\";\nimport { Textarea } from \"../../components/Textarea\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2 } from \"../../components/Typography\";\nimport { Typography } from \"../../components/Typography/Typography\";\n\n/**\n * MessageFeedback — the reusable \"Was this helpful?\" flow, as a Presentation\n * mock.\n *\n * It is built only from design-system parts and owns the whole flow, so any\n * content surface (the message dialog, a help article, a settings panel) can\n * drop it in and get the same behaviour:\n *\n *  1. Prompt   — an inline \"Was this helpful?\" row with a thumb up / down.\n *  2. Details  — a centred dialog: option chips for the chosen sentiment,\n *                plus an optional free-text comment. Submit or Cancel.\n *  3. Thank you — a short confirmation, then the prompt shows a quiet\n *                \"Thanks for your feedback!\".\n *\n * The vote is recorded the moment a thumb is pressed (`onVote`), so a user who\n * cancels the details step still leaves a valid vote — the same contract the\n * trial Feedback flow uses. The details are reported on Submit (`onSubmit`).\n *\n * In the product this lives in application code; the presentation ships this\n * demo copy so the stories need no app imports.\n */\n\n/* ---- public types & default option catalogs ------------------------ */\n\nexport type FeedbackSentiment = \"up\" | \"down\";\n\nexport interface FeedbackOption {\n  /** Stable id sent with the feedback record; not shown to the user. */\n  id: string;\n  /** The chip label the user sees. */\n  label: string;\n}\n\nexport interface MessageFeedbackResult {\n  sentiment: FeedbackSentiment;\n  /** The ids of the chosen option chips. */\n  options: string[];\n  /** The free-text comment, trimmed; \"\" when left blank. */\n  comment: string;\n}\n\n/* The options rate the one piece of content, not the whole product. Each\n   negative option maps to an action a writer can take. Override per surface\n   through the component props. */\nexport const POSITIVE_FEEDBACK_OPTIONS: FeedbackOption[] = [\n  { id: \"clear\", label: \"Clear and easy to understand\" },\n  { id: \"answered\", label: \"Answered my question\" },\n  { id: \"right-detail\", label: \"Right amount of detail\" },\n  { id: \"helped-use\", label: \"Helped me use the feature\" },\n  { id: \"good-examples\", label: \"Good examples or screenshots\" },\n  { id: \"other\", label: \"Other\" },\n];\n\nexport const NEGATIVE_FEEDBACK_OPTIONS: FeedbackOption[] = [\n  { id: \"not-answered\", label: \"Did not answer my question\" },\n  { id: \"confusing\", label: \"Confusing or hard to follow\" },\n  { id: \"too-long\", label: \"Too long\" },\n  { id: \"not-enough-detail\", label: \"Not enough detail\" },\n  { id: \"out-of-date\", label: \"Out of date or incorrect\" },\n  { id: \"wrong-plan-role\", label: \"Wrong for my plan or role\" },\n  { id: \"not-found\", label: \"I could not find what I needed\" },\n  { id: \"broken\", label: \"Something is broken\" },\n  { id: \"other\", label: \"Other\" },\n];\n\n/* ---- the inline prompt row ----------------------------------------- */\n\n/* Down-vote reuses the up icon, rotated (the DS set only ships\n   ThumbUpOutlineIcon). */\nconst StyledPrompt = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 24px 28px;\n\n  ${screenBelow.sm} {\n    padding: 4px 24px 24px;\n  }\n\n  .fb-question {\n    margin-right: 4px;\n  }\n\n  .fb-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .fb-down svg {\n    transform: rotate(180deg);\n  }\n`;\n\n/* ---- the details dialog -------------------------------------------- */\n\nconst StyledForm = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  .fb-field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .fb-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  /* DS Textarea is a fixed 360px; let it fill the dialog width instead. */\n  .c-textarea {\n    width: 100%;\n    box-sizing: border-box;\n  }\n`;\n\n/* The option chip — a pill that toggles to the theme primary tint when\n   selected. Translated from the trial Feedback chip into styled-components\n   (runtime tw- classes do not work in the presentation storybook). The label\n   text is a DS Body2 so it carries the correct font. */\nconst StyledChip = styled.button<{ $selected: boolean }>`\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 3px 8px 4px;\n  border: 1px solid\n    ${({ $selected }) =>\n      $selected ? \"var(--color-primary)\" : \"var(--color-theme-500)\"};\n  border-radius: 4px;\n  background-color: ${({ $selected }) =>\n    $selected ? \"var(--color-primary-300)\" : \"transparent\"};\n  cursor: pointer;\n  transition: border-color 120ms ease, background-color 120ms ease;\n\n  &:hover {\n    border-color: var(--color-primary);\n  }\n`;\n\nconst FeedbackChip = ({\n  option,\n  selected,\n  onToggle,\n}: {\n  option: FeedbackOption;\n  selected: boolean;\n  onToggle: (id: string) => void;\n}): ReactElement => (\n  <StyledChip\n    type=\"button\"\n    $selected={selected}\n    aria-pressed={selected}\n    onClick={() => onToggle(option.id)}\n  >\n    <Typography variant=\"Body 2\" as=\"span\">\n      {option.label}\n    </Typography>\n  </StyledChip>\n);\n\nconst StyledActions = styled.div`\n  display: flex;\n  gap: 12px;\n`;\n\n/* ---- the component ------------------------------------------------- */\n\ntype DialogStage = \"closed\" | \"details\";\n\nexport interface MessageFeedbackProps {\n  /** The inline prompt copy. */\n  question?: ReactNode;\n  /** Details-dialog title for a thumb up / down. */\n  positiveTitle?: string;\n  negativeTitle?: string;\n  /** Option catalogs; default to the content-feedback sets above. */\n  positiveOptions?: FeedbackOption[];\n  negativeOptions?: FeedbackOption[];\n  /** Fired the moment a thumb is pressed (the vote itself). */\n  onVote?: (sentiment: FeedbackSentiment) => void;\n  /** Fired on Submit, with the chosen options and comment. */\n  onSubmit?: (result: MessageFeedbackResult) => void;\n}\n\nexport const MessageFeedback = ({\n  question = \"Was this helpful?\",\n  positiveTitle = \"What was good?\",\n  negativeTitle = \"What went wrong?\",\n  positiveOptions = POSITIVE_FEEDBACK_OPTIONS,\n  negativeOptions = NEGATIVE_FEEDBACK_OPTIONS,\n  onVote,\n  onSubmit,\n}: MessageFeedbackProps): ReactElement => {\n  const [sentiment, setSentiment] = useState<FeedbackSentiment | null>(null);\n  const [stage, setStage] = useState<DialogStage>(\"closed\");\n  const [selected, setSelected] = useState<string[]>([]);\n  const [comment, setComment] = useState(\"\");\n  const [done, setDone] = useState(false);\n\n  const vote = useCallback(\n    (value: FeedbackSentiment) => {\n      setSentiment(value);\n      setSelected([]);\n      setComment(\"\");\n      onVote?.(value);\n      setStage(\"details\");\n    },\n    [onVote]\n  );\n\n  const toggleOption = useCallback((id: string) => {\n    setSelected((current) =>\n      current.includes(id)\n        ? current.filter((one) => one !== id)\n        : [...current, id]\n    );\n  }, []);\n\n  const submit = useCallback(() => {\n    if (sentiment) {\n      onSubmit?.({ sentiment, options: selected, comment: comment.trim() });\n    }\n    setStage(\"closed\");\n    setDone(true);\n  }, [sentiment, selected, comment, onSubmit]);\n\n  /* Cancel keeps the vote (already sent on the thumb press) and closes. */\n  const finish = useCallback(() => {\n    setStage(\"closed\");\n    setDone(true);\n  }, []);\n\n  const isPositive = sentiment === \"up\";\n  const options = isPositive ? positiveOptions : negativeOptions;\n\n  return (\n    <>\n      <StyledPrompt>\n        {done ? (\n          <Body2 color=\"secondary\">Thank you for the feedback!</Body2>\n        ) : (\n          <>\n            <Body2 color=\"secondary\" className=\"fb-question\">\n              {question}\n            </Body2>\n            <Tooltip title=\"Yes, helpful\">\n              <IconButton\n                type=\"button\"\n                variant=\"text gray\"\n                className=\"fb-btn\"\n                aria-label=\"Yes, helpful\"\n                onClick={() => vote(\"up\")}\n              >\n                <ThumbUpOutlineIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"No, not helpful\">\n              <IconButton\n                type=\"button\"\n                variant=\"text gray\"\n                className=\"fb-btn fb-down\"\n                aria-label=\"No, not helpful\"\n                onClick={() => vote(\"down\")}\n              >\n                <ThumbUpOutlineIcon />\n              </IconButton>\n            </Tooltip>\n          </>\n        )}\n      </StyledPrompt>\n\n      <Dialog open={stage !== \"closed\"} onClose={finish} enableBackgroundClick>\n        {stage === \"details\" ? (\n          <>\n            <Dialog.Title>\n              {isPositive ? positiveTitle : negativeTitle}\n            </Dialog.Title>\n            <Dialog.ContentDivider />\n            <Dialog.Content>\n              <StyledForm>\n                <div className=\"fb-field\">\n                  <Label>Select all that apply</Label>\n                  <div className=\"fb-chips\">\n                    {options.map((option) => (\n                      <FeedbackChip\n                        key={option.id}\n                        option={option}\n                        selected={selected.includes(option.id)}\n                        onToggle={toggleOption}\n                      />\n                    ))}\n                  </div>\n                </div>\n                <div className=\"fb-field\">\n                  <Label htmlFor=\"fb-comment\">Tell us more (optional)</Label>\n                  <Textarea\n                    id=\"fb-comment\"\n                    value={comment}\n                    placeholder={\n                      isPositive\n                        ? \"What made this useful?\"\n                        : \"What would have helped?\"\n                    }\n                    onChange={(event) => setComment(event.target.value)}\n                  />\n                </div>\n              </StyledForm>\n            </Dialog.Content>\n            <Dialog.ContentDivider />\n            <Dialog.Actions>\n              <StyledActions>\n                <Button\n                  variant=\"primary\"\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={submit}\n                >\n                  Submit\n                </Button>\n                <Button\n                  variant=\"secondary\"\n                  size=\"small\"\n                  type=\"button\"\n                  onClick={finish}\n                >\n                  Cancel\n                </Button>\n              </StyledActions>\n            </Dialog.Actions>\n          </>\n        ) : null}\n      </Dialog>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/index.d.ts

@@ -14,6 +14,8 @@ export type { PageHeaderProps, ProjectPageHeaderProps, TabHeaderProps, } from ".
 export { FloatingControls } from "./FloatingControls";
 export { MessageDialog, DocLinkContext, messageComponents, } from "./MessageDialog";
 export type { MessageDialogProps, MessageDialogSize, OpenArticleHandler, } from "./MessageDialog";
+export { MessageFeedback, POSITIVE_FEEDBACK_OPTIONS, NEGATIVE_FEEDBACK_OPTIONS, } from "./MessageFeedback";
+export type { MessageFeedbackProps, MessageFeedbackResult, FeedbackOption, FeedbackSentiment, } from "./MessageFeedback";
 export { HelpAndSupportMenu } from "./HelpAndSupportMenu";
 export type { HelpAndSupportMenuProps } from "./HelpAndSupportMenu";
 export { LinkingCommandsButton } from "./LinkingCommandsButton";

package/dist/esm/presentation/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/presentation/shared/index.js

@@ -11,6 +11,7 @@ export { PresentationShell, StyledPagePaper } from "./PresentationShell";
 export { PageHeader, ProjectPageHeader, TabHeader } from "./headers";
 export { FloatingControls } from "./FloatingControls";
 export { MessageDialog, DocLinkContext, messageComponents } from "./MessageDialog";
+export { MessageFeedback, POSITIVE_FEEDBACK_OPTIONS, NEGATIVE_FEEDBACK_OPTIONS } from "./MessageFeedback";
 export { HelpAndSupportMenu } from "./HelpAndSupportMenu";
 export { LinkingCommandsButton } from "./LinkingCommandsButton";
 export { LinkBranchOrPullRequestDialog } from "./LinkBranchOrPullRequestDialog";

package/dist/esm/presentation/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","MessageDialog","DocLinkContext","messageComponents","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu","UserMenu","TwoFactorShield","BackupCodesDialogs","CreateLoginCodeDialogs","SettingsHeader","SettingsContent","StyledSettingRow","RowText","SettingRow","FeatureAvailability","DEFAULT_FEATURE_AVAILABILITY"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport {\n  MessageDialog,\n  DocLinkContext,\n  messageComponents,\n} from \"./MessageDialog\";\nexport type {\n  MessageDialogProps,\n  MessageDialogSize,\n  OpenArticleHandler,\n} from \"./MessageDialog\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\nexport {\n  SettingsHeader,\n  SettingsContent,\n  StyledSettingRow,\n  RowText,\n  SettingRow,\n} from \"./settings\";\nexport type { SettingsHeaderProps, SettingRowProps } from \"./settings\";\nexport {\n  FeatureAvailability,\n  DEFAULT_FEATURE_AVAILABILITY,\n} from \"./FeatureAvailability\";\nexport type {\n  FeatureAvailabilityProps,\n  AvailabilityRow,\n  AvailabilityMark,\n  AvailabilityStatus,\n} from \"./FeatureAvailability\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,QACZ,iBAAiB;AAMxB,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB;AAKxE,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,oBAAoB;AAK/E,SACEC,cAAc,EACdC,eAAe,EACfC,gBAAgB,EAChBC,OAAO,EACPC,UAAU,QACL,YAAY;AAEnB,SACEC,mBAAmB,EACnBC,4BAA4B,QACvB,uBAAuB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","MessageDialog","DocLinkContext","messageComponents","MessageFeedback","POSITIVE_FEEDBACK_OPTIONS","NEGATIVE_FEEDBACK_OPTIONS","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu","UserMenu","TwoFactorShield","BackupCodesDialogs","CreateLoginCodeDialogs","SettingsHeader","SettingsContent","StyledSettingRow","RowText","SettingRow","FeatureAvailability","DEFAULT_FEATURE_AVAILABILITY"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport {\n  MessageDialog,\n  DocLinkContext,\n  messageComponents,\n} from \"./MessageDialog\";\nexport type {\n  MessageDialogProps,\n  MessageDialogSize,\n  OpenArticleHandler,\n} from \"./MessageDialog\";\nexport {\n  MessageFeedback,\n  POSITIVE_FEEDBACK_OPTIONS,\n  NEGATIVE_FEEDBACK_OPTIONS,\n} from \"./MessageFeedback\";\nexport type {\n  MessageFeedbackProps,\n  MessageFeedbackResult,\n  FeedbackOption,\n  FeedbackSentiment,\n} from \"./MessageFeedback\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\nexport {\n  SettingsHeader,\n  SettingsContent,\n  StyledSettingRow,\n  RowText,\n  SettingRow,\n} from \"./settings\";\nexport type { SettingsHeaderProps, SettingRowProps } from \"./settings\";\nexport {\n  FeatureAvailability,\n  DEFAULT_FEATURE_AVAILABILITY,\n} from \"./FeatureAvailability\";\nexport type {\n  FeatureAvailabilityProps,\n  AvailabilityRow,\n  AvailabilityMark,\n  AvailabilityStatus,\n} from \"./FeatureAvailability\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,QACZ,iBAAiB;AAMxB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,yBAAyB,QACpB,mBAAmB;AAO1B,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB;AAKxE,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,oBAAoB;AAK/E,SACEC,cAAc,EACdC,eAAe,EACfC,gBAAgB,EAChBC,OAAO,EACPC,UAAU,QACL,YAAY;AAEnB,SACEC,mBAAmB,EACnBC,4BAA4B,QACvB,uBAAuB","ignoreList":[]}

package/dist/index.js

@@ -25481,8 +25481,9 @@
     }
     switch (value.type) {
       case "paragraph":
-      case "heading":
         return Array.isArray(value.children) && value.children.every(isPortableTextSpan);
+      case "heading":
+        return (value.id === undefined || typeof value.id === "string") && Array.isArray(value.children) && value.children.every(isPortableTextSpan);
       case "list-item":
         // The item's spans, plus optional nested `list` block(s). Widened only
         // for nested lists: any other block child (a stray paragraph, an object)
@@ -25591,9 +25592,13 @@
 
   /** Heading typography of a TitledText — a component prop, not wire data. */
 
+  /** Props every heading in the trio accepts: content plus an optional anchor id. */
+
   var BoldTitle2 = function BoldTitle2(_ref) {
-    var children = _ref.children;
+    var id = _ref.id,
+      children = _ref.children;
     return /*#__PURE__*/React__default["default"].createElement(Title2, {
+      id: id,
       weight: "bold"
     }, children);
   };
@@ -25694,9 +25699,12 @@
     var block = _ref5.block,
       children = _ref5.children;
     var _ref6 = block,
-      level = _ref6.level;
+      level = _ref6.level,
+      id = _ref6.id;
     var Heading = titledTextHeadings[headingVariantForLevel(level)];
-    return /*#__PURE__*/React__default["default"].createElement(Heading, null, children);
+    return /*#__PURE__*/React__default["default"].createElement(Heading, {
+      id: id
+    }, children);
   };
   var portableTextDefaultBlockRenderers = {
     paragraph: function paragraph(_ref7) {