@activecollab/components 2.0.417 → 2.0.419

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/PortfolioOptionsMenu.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from "react";
+export interface PortfolioOptionsMenuProps {
+    /** Class on the TreeDots trigger (parent controls its hover visibility). */
+    targetClassName?: string;
+    /** IconButton size of the trigger (omit for the default/regular size). */
+    size?: "small" | "big";
+}
+export declare const PortfolioOptionsMenu: {
+    ({ targetClassName, size, }: PortfolioOptionsMenuProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=PortfolioOptionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/PortfolioOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AA4BnE,MAAM,WAAW,yBAAyB;IACxC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB;iCAG9B,yBAAyB,GAAG,YAAY;;CA8C1C,CAAC"}

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

@@ -0,0 +1,46 @@
+import React, { useCallback, useState } from "react";
+import styled from "styled-components";
+import { IconButton } from "../../components/IconButton";
+import { ArchiveIcon, EditIcon, TrashIcon, TreeDotsIcon } from "../../components/Icons";
+import { List, ListItem, ListSeparator } from "../../components/List";
+import { Menu } from "../../components/Menu";
+
+/* Portfolio three-dots menu — Edit / Archive / Delete, per the Portfolios
+   spec (notebook 1998, note 01). Shared by the Portfolios list rows and the
+   portfolio dashboard header. Clicks are intentionally no-ops. */
+const StyledPortfolioMenu = styled.div.withConfig({
+  displayName: "PortfolioOptionsMenu__StyledPortfolioMenu",
+  componentId: "sc-i253fh-0"
+})([".danger{color:var(--red-alert);}.danger svg{fill:var(--red-alert);}"]);
+export const PortfolioOptionsMenu = _ref => {
+  let targetClassName = _ref.targetClassName,
+    size = _ref.size;
+  const _useState = useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const handleOpen = useCallback(() => setOpen(true), []);
+  const handleClose = useCallback(() => setOpen(false), []);
+  const triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/React.createElement(Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/React.createElement(IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(StyledPortfolioMenu, null, /*#__PURE__*/React.createElement(List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(EditIcon, null), "Edit"), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ArchiveIcon, null), "Archive"), /*#__PURE__*/React.createElement(ListSeparator, null), /*#__PURE__*/React.createElement(ListItem, {
+    className: "danger"
+  }, /*#__PURE__*/React.createElement(TrashIcon, null), "Delete"))));
+};
+PortfolioOptionsMenu.displayName = "PortfolioOptionsMenu";
+//# sourceMappingURL=PortfolioOptionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioOptionsMenu.js","names":["React","useCallback","useState","styled","IconButton","ArchiveIcon","EditIcon","TrashIcon","TreeDotsIcon","List","ListItem","ListSeparator","Menu","StyledPortfolioMenu","div","withConfig","displayName","componentId","PortfolioOptionsMenu","_ref","targetClassName","size","_useState","open","setOpen","handleOpen","handleClose","triggerClassName","filter","Boolean","join","undefined","createElement","onOpen","onClose","position","target","type","variant","className","active","style","padding","tabIndex"],"sources":["../../../../src/presentation/shared/PortfolioOptionsMenu.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArchiveIcon,\n  EditIcon,\n  TrashIcon,\n  TreeDotsIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\n\n/* Portfolio three-dots menu — Edit / Archive / Delete, per the Portfolios\n   spec (notebook 1998, note 01). Shared by the Portfolios list rows and the\n   portfolio dashboard header. Clicks are intentionally no-ops. */\nconst StyledPortfolioMenu = styled.div`\n  /* Delete is a destructive action → red text + icon */\n  .danger {\n    color: var(--red-alert);\n  }\n\n  .danger svg {\n    fill: var(--red-alert);\n  }\n`;\n\nexport interface PortfolioOptionsMenuProps {\n  /** Class on the TreeDots trigger (parent controls its hover visibility). */\n  targetClassName?: string;\n  /** IconButton size of the trigger (omit for the default/regular size). */\n  size?: \"small\" | \"big\";\n}\n\nexport const PortfolioOptionsMenu = ({\n  targetClassName,\n  size,\n}: PortfolioOptionsMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const handleOpen = useCallback(() => setOpen(true), []);\n  const handleClose = useCallback(() => setOpen(false), []);\n\n  const triggerClassName =\n    [targetClassName, open ? \"open\" : \"\"].filter(Boolean).join(\" \") ||\n    undefined;\n\n  return (\n    <Menu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          size={size}\n          className={triggerClassName}\n          active={open}\n        >\n          <TreeDotsIcon />\n        </IconButton>\n      }\n    >\n      <StyledPortfolioMenu>\n        <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n          <ListItem>\n            <EditIcon />\n            Edit\n          </ListItem>\n          <ListItem>\n            <ArchiveIcon />\n            Archive\n          </ListItem>\n          <ListSeparator />\n          <ListItem className=\"danger\">\n            <TrashIcon />\n            Delete\n          </ListItem>\n        </List>\n      </StyledPortfolioMenu>\n    </Menu>\n  );\n};\n\nPortfolioOptionsMenu.displayName = \"PortfolioOptionsMenu\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAkBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAElE,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SACEC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,YAAY,QACP,wBAAwB;AAC/B,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,uBAAuB;AACrE,SAASC,IAAI,QAAQ,uBAAuB;;AAE5C;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGV,MAAM,CAACW,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EASrC;AASD,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAGW;EAAA,IAF7CC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAEJ,MAAAC,SAAA,GAAwBpB,QAAQ,CAAC,KAAK,CAAC;IAAhCqB,IAAI,GAAAD,SAAA;IAAEE,OAAO,GAAAF,SAAA;EACpB,MAAMG,UAAU,GAAGxB,WAAW,CAAC,MAAMuB,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACvD,MAAME,WAAW,GAAGzB,WAAW,CAAC,MAAMuB,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEzD,MAAMG,gBAAgB,GACpB,CAACP,eAAe,EAAEG,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,IAC/DC,SAAS;EAEX,oBACE/B,KAAA,CAAAgC,aAAA,CAACpB,IAAI;IACHW,IAAI,EAAEA,IAAK;IACXU,MAAM,EAAER,UAAW;IACnBS,OAAO,EAAER,WAAY;IACrBS,QAAQ,EAAC,YAAY;IACrBC,MAAM,eACJpC,KAAA,CAAAgC,aAAA,CAAC5B,UAAU;MACTiC,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAC,WAAW;MACnBjB,IAAI,EAAEA,IAAK;MACXkB,SAAS,EAAEZ,gBAAiB;MAC5Ba,MAAM,EAAEjB;IAAK,gBAEbvB,KAAA,CAAAgC,aAAA,CAACxB,YAAY,MAAE,CACL;EACb,gBAEDR,KAAA,CAAAgC,aAAA,CAACnB,mBAAmB,qBAClBb,KAAA,CAAAgC,aAAA,CAACvB,IAAI;IAACgC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAQ,CAAE;IAACC,QAAQ,EAAE,CAAC;EAAE,gBAC9C3C,KAAA,CAAAgC,aAAA,CAACtB,QAAQ,qBACPV,KAAA,CAAAgC,aAAA,CAAC1B,QAAQ,MAAE,CAAC,QAEJ,CAAC,eACXN,KAAA,CAAAgC,aAAA,CAACtB,QAAQ,qBACPV,KAAA,CAAAgC,aAAA,CAAC3B,WAAW,MAAE,CAAC,WAEP,CAAC,eACXL,KAAA,CAAAgC,aAAA,CAACrB,aAAa,MAAE,CAAC,eACjBX,KAAA,CAAAgC,aAAA,CAACtB,QAAQ;IAAC6B,SAAS,EAAC;EAAQ,gBAC1BvC,KAAA,CAAAgC,aAAA,CAACzB,SAAS,MAAE,CAAC,UAEL,CACN,CACa,CACjB,CAAC;AAEX,CAAC;AAEDW,oBAAoB,CAACF,WAAW,GAAG,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import { ReactElement } from "react";
+import { Repository } from "./ConnectRepositoryDialog";
+export interface ProjectOptionsMenuProps {
+    /** When the `source` module is loaded, show the Repositories section. */
+    sourceModuleLoaded?: boolean;
+    /** Repositories already connected to the project when the menu first mounts. */
+    initialConnectedRepositories?: Repository[];
+    /**
+     * Whether the current user can manage the project's repositories. Gates the
+     * Webhook Logs entry (a manage-only action) — see note 09, Permissions.
+     */
+    canManageProjectRepositories?: boolean;
+    /** Extra class on the TreeDots trigger (e.g. for hover-reveal in a listing). */
+    className?: string;
+    /** IconButton size of the trigger (omit for the default/regular size). */
+    size?: "small" | "big";
+}
+/**
+ * The project "..." options menu. When the `source` module is loaded it gains
+ * a **Repositories** item that, instead of flying out to the side, **drills in
+ * within the same menu** (the pattern used across the app — see `Filter`): the
+ * index slides out to the left and the Repositories view (a back-arrow header,
+ * the connected repositories sorted by name, and a **Connect Repository**
+ * action) slides in. Connecting adds a repository to the list; clicking one
+ * would, in production, open it in a new tab (surfaced here via a dialog).
+ */
+export declare const ProjectOptionsMenu: {
+    ({ sourceModuleLoaded, initialConnectedRepositories, canManageProjectRepositories, className, size, }: ProjectOptionsMenuProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=ProjectOptionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectOptionsMenu.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/ProjectOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAe,YAAY,EAAyB,MAAM,OAAO,CAAC;AAIhF,OAAO,EAGL,UAAU,EACX,MAAM,2BAA2B,CAAC;AAqLnC,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5C;;;OAGG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB;2GAM5B,uBAAuB,GAAG,YAAY;;CAiTxC,CAAC"}