@activecollab/components 2.0.307 → 2.0.309

package/dist/cjs/presentation/shared/TaskOptionsMenu.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TaskOptionsMenu = exports.TaskListOptionsMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Checkbox = require("../../components/Checkbox");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _List = require("../../components/List");
+var _Menu = require("../../components/Menu");
+var _Tooltip = require("../../components/Tooltip");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/* Task three-dot options menu — same component as the real TaskItem
+   (Menu in "normal" mode = 260px, List/ListItem + TreeDots target), shared by
+   the List view and Column view presentations. Spacing is styled-components
+   (this Storybook has no runtime Tailwind). Clicks are intentionally no-ops. */
+var StyledTaskMenu = _styledComponents.default.div.withConfig({
+  displayName: "TaskOptionsMenu__StyledTaskMenu",
+  componentId: "sc-1hrykzg-0"
+})([".menu-list{padding:8px 0;}.menu-item{justify-content:space-between;}.menu-item .label{min-width:0;padding-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.menu-bottom{display:flex;justify-content:space-between;padding:0 16px;margin:16px 0 12px;}"]);
+var MENU_PICKER_ITEMS = ["Task List", "Assignees", "Due Date", "Label", "Estimate"];
+var TaskOptionsMenu = exports.TaskOptionsMenu = function TaskOptionsMenu(_ref) {
+  var targetClassName = _ref.targetClassName,
+    size = _ref.size;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var handleOpen = (0, _react.useCallback)(function () {
+    return setOpen(true);
+  }, []);
+  var handleClose = (0, _react.useCallback)(function () {
+    return setOpen(false);
+  }, []);
+  var triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
+  }, /*#__PURE__*/_react.default.createElement(StyledTaskMenu, null, /*#__PURE__*/_react.default.createElement(_List.List, {
+    className: "menu-list",
+    tabIndex: 0
+  }, MENU_PICKER_ITEMS.map(function (name) {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      key: name,
+      className: "menu-item"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "label"
+    }, name), /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null));
+  }), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: "menu-item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "label"
+  }, "Hidden from clients"), /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    id: "task-menu-hidden-from-clients",
+    onChange: function onChange() {
+      return undefined;
+    }
+  })), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: "menu-item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "label"
+  }, "High priority"), /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    id: "task-menu-high-priority",
+    onChange: function onChange() {
+      return undefined;
+    }
+  })), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "menu-bottom"
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Edit"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.EditIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Duplicate"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DuplicateIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Create Recurring Task"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.RecurringCheckmarkIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Delete"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    type: "button",
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, null)))))));
+};
+TaskOptionsMenu.displayName = "TaskOptionsMenu";
+/* Task-LIST three-dot menu (Menu + List with leading-icon items) — same
+   options as the real TaskListOptions. Shared by List & Column views.
+   Clicks are intentionally no-ops. */
+var TaskListOptionsMenu = exports.TaskListOptionsMenu = function TaskListOptionsMenu(_ref2) {
+  var targetClassName = _ref2.targetClassName,
+    size = _ref2.size;
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var handleOpen = (0, _react.useCallback)(function () {
+    return setOpen(true);
+  }, []);
+  var handleClose = (0, _react.useCallback)(function () {
+    return setOpen(false);
+  }, []);
+  var triggerClassName = [targetClassName, open ? "open" : ""].filter(Boolean).join(" ") || undefined;
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+      type: "button",
+      variant: "text gray",
+      size: size,
+      className: triggerClassName,
+      active: open
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.EditIcon, null), "Rename"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.DuplicateIcon, null), "Duplicate"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.CopyIcon, null), "Move/Copy to Project"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.TaskListCompleteIcon, null), "Complete"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, null), "Delete")));
+};
+TaskListOptionsMenu.displayName = "TaskListOptionsMenu";
+//# sourceMappingURL=TaskOptionsMenu.js.map

package/dist/cjs/presentation/shared/TaskOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskOptionsMenu.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Checkbox","_IconButton","_Icons","_List","_Menu","_Tooltip","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","StyledTaskMenu","styled","div","withConfig","displayName","componentId","MENU_PICKER_ITEMS","TaskOptionsMenu","exports","_ref","targetClassName","size","_useState","useState","_useState2","open","setOpen","handleOpen","useCallback","handleClose","triggerClassName","filter","Boolean","join","undefined","createElement","Menu","onOpen","onClose","position","target","IconButton","type","variant","className","active","TreeDotsIcon","List","tabIndex","map","ListItem","key","ArrowRightIcon","ListSeparator","Checkbox","id","onChange","Tooltip","title","EditIcon","DuplicateIcon","RecurringCheckmarkIcon","TrashIcon","TaskListOptionsMenu","_ref2","_useState3","_useState4","style","padding","CopyIcon","TaskListCompleteIcon"],"sources":["../../../../src/presentation/shared/TaskOptionsMenu.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Checkbox } from \"../../components/Checkbox\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowRightIcon,\n  CopyIcon,\n  DuplicateIcon,\n  EditIcon,\n  RecurringCheckmarkIcon,\n  TaskListCompleteIcon,\n  TrashIcon,\n  TreeDotsIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Tooltip } from \"../../components/Tooltip\";\n\n/* Task three-dot options menu — same component as the real TaskItem\n   (Menu in \"normal\" mode = 260px, List/ListItem + TreeDots target), shared by\n   the List view and Column view presentations. Spacing is styled-components\n   (this Storybook has no runtime Tailwind). Clicks are intentionally no-ops. */\nconst StyledTaskMenu = styled.div`\n  /* no width — fills the 260px Menu bubble */\n\n  .menu-list {\n    padding: 8px 0;\n  }\n\n  /* text on the left, control (arrow / checkbox) on the right */\n  .menu-item {\n    justify-content: space-between;\n  }\n\n  .menu-item .label {\n    min-width: 0;\n    padding-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  /* bottom action icons: same horizontal padding as a list item (0 1rem),\n     spread evenly */\n  .menu-bottom {\n    display: flex;\n    justify-content: space-between;\n    padding: 0 16px;\n    margin: 16px 0 12px;\n  }\n`;\n\nconst MENU_PICKER_ITEMS = [\n  \"Task List\",\n  \"Assignees\",\n  \"Due Date\",\n  \"Label\",\n  \"Estimate\",\n];\n\nexport interface TaskOptionsMenuProps {\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 TaskOptionsMenu = ({\n  targetClassName,\n  size,\n}: TaskOptionsMenuProps): 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      <StyledTaskMenu>\n        <List className=\"menu-list\" tabIndex={0}>\n          {MENU_PICKER_ITEMS.map((name) => (\n            <ListItem key={name} className=\"menu-item\">\n              <div className=\"label\">{name}</div>\n              <ArrowRightIcon />\n            </ListItem>\n          ))}\n          <ListSeparator />\n          <ListItem className=\"menu-item\">\n            <div className=\"label\">Hidden from clients</div>\n            <Checkbox\n              id=\"task-menu-hidden-from-clients\"\n              onChange={() => undefined}\n            />\n          </ListItem>\n          <ListItem className=\"menu-item\">\n            <div className=\"label\">High priority</div>\n            <Checkbox id=\"task-menu-high-priority\" onChange={() => undefined} />\n          </ListItem>\n          <ListSeparator />\n          <div className=\"menu-bottom\">\n            <Tooltip title=\"Edit\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <EditIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Duplicate\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <DuplicateIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Create Recurring Task\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <RecurringCheckmarkIcon />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n              <IconButton type=\"button\" variant=\"text gray\">\n                <TrashIcon />\n              </IconButton>\n            </Tooltip>\n          </div>\n        </List>\n      </StyledTaskMenu>\n    </Menu>\n  );\n};\n\nTaskOptionsMenu.displayName = \"TaskOptionsMenu\";\n\nexport interface TaskListOptionsMenuProps {\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\n/* Task-LIST three-dot menu (Menu + List with leading-icon items) — same\n   options as the real TaskListOptions. Shared by List & Column views.\n   Clicks are intentionally no-ops. */\nexport const TaskListOptionsMenu = ({\n  targetClassName,\n  size,\n}: TaskListOptionsMenuProps): 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      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        <ListItem>\n          <EditIcon />\n          Rename\n        </ListItem>\n        <ListItem>\n          <DuplicateIcon />\n          Duplicate\n        </ListItem>\n        <ListItem>\n          <CopyIcon />\n          Move/Copy to Project\n        </ListItem>\n        <ListItem>\n          <TaskListCompleteIcon />\n          Complete\n        </ListItem>\n        <ListSeparator />\n        <ListItem>\n          <TrashIcon />\n          Delete\n        </ListItem>\n      </List>\n    </Menu>\n  );\n};\n\nTaskListOptionsMenu.displayName = \"TaskListOptionsMenu\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/shared/headers.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabHeader = exports.ProjectPageHeader = exports.PageHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _tokens = require("./tokens");
+var _Button = require("../../components/Button");
+var _GlobalAddButton = require("../../components/Button/GlobalAddButton");
+var _Checkbox = require("../../components/Checkbox");
+var _CounterButton = require("../../components/CounterButton");
+var _Header = require("../../components/Header");
+var _IconButton = require("../../components/IconButton");
+var _Icons = require("../../components/Icons");
+var _List = require("../../components/List");
+var _Menu = require("../../components/Menu");
+var _Nav = require("../../components/Nav");
+var _ProgressPie = require("../../components/ProgressPie");
+var _Tooltip = require("../../components/Tooltip");
+var _Typography = require("../../components/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/* ------------------------------------------------------------------ */
+/* Page header row (mirrors PageHeader.jsx)                            */
+/* ------------------------------------------------------------------ */
+
+var StyledPageHeader = _styledComponents.default.div.withConfig({
+  displayName: "headers__StyledPageHeader",
+  componentId: "sc-yf6o6n-0"
+})(["display:flex;align-items:center;justify-content:space-between;margin:12px 0;width:100%;height:40px;flex-shrink:0;.page-header-left{display:flex;align-items:center;width:100%;max-width:100%;@media (min-width:", "){min-width:0;}}.back-button{flex-shrink:0;margin-right:4px;@media (min-width:", "){margin-right:8px;}}.page-title-desktop{display:none;margin-right:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;@media (min-width:", "){display:block;}}.page-title-mobile{display:block;margin-right:8px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;@media (min-width:", "){display:none;}}.page-header-children{flex-shrink:0;display:flex;align-items:center;}.page-header-spacer{display:none;height:100%;width:208px;flex-shrink:0;@media (min-width:", "){display:flex;}}"], _tokens.SM, _tokens.MD, _tokens.MD, _tokens.MD, _tokens.SM);
+/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */
+var PageHeader = exports.PageHeader = function PageHeader(_ref) {
+  var title = _ref.title,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(StyledPageHeader, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-left"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Title2, {
+    className: "page-title-desktop"
+  }, title), /*#__PURE__*/_react.default.createElement(_Typography.Header2, {
+    className: "page-title-mobile"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-children"
+  }, children)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-spacer"
+  }));
+};
+PageHeader.displayName = "PageHeader";
+
+/* ------------------------------------------------------------------ */
+/* Project page header (mirrors ProjectPage.js Page.Header children)   */
+/* ------------------------------------------------------------------ */
+
+var StyledProjectHeaderChildren = _styledComponents.default.div.withConfig({
+  displayName: "headers__StyledProjectHeaderChildren",
+  componentId: "sc-yf6o6n-1"
+})(["display:flex;align-items:center;gap:8px;.project-progress{display:flex;align-items:center;margin-left:4px;}"]);
+
+/* Project "..." options menu (Menu + List with leading-icon items). Two items
+   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */
+var StyledProjectMenu = _styledComponents.default.div.withConfig({
+  displayName: "headers__StyledProjectMenu",
+  componentId: "sc-yf6o6n-2"
+})([".toggle-item{justify-content:space-between;}.toggle-item .opt-left{display:flex;align-items:center;min-width:0;}.toggle-item .opt-left svg{margin-right:8px;flex-shrink:0;}"]);
+var ProjectOptionsMenu = function ProjectOptionsMenu() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    open: open,
+    onOpen: function onOpen() {
+      return setOpen(true);
+    },
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    position: "bottom-end",
+    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+      type: "button",
+      variant: "text gray",
+      active: open
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
+  }, /*#__PURE__*/_react.default.createElement(StyledProjectMenu, null, /*#__PURE__*/_react.default.createElement(_List.List, {
+    style: {
+      padding: "8px 0"
+    },
+    tabIndex: -1
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.EditIcon, null), "Edit"), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: "toggle-item"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "opt-left"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.StarIcon, null), "Mark as Favorite"), /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    id: "proj-favorite",
+    onChange: function onChange() {
+      return undefined;
+    }
+  })), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    className: "toggle-item"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "opt-left"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.NotificationBellIcon, null), "Subscribe to Everything"), /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+    id: "proj-subscribe",
+    onChange: function onChange() {
+      return undefined;
+    }
+  })), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.LabelsIcon, null), "Manage Task Labels"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.InsertLinkIcon, null), "Copy Link"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.CheckboxBlankTogglerIcon, null), "Complete"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.DuplicateIcon, null), "Duplicate"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateIcon, null), "Apply Template"), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.ProjectTemplateConvertIcon, null), "Convert to Template"), /*#__PURE__*/_react.default.createElement(_List.ListSeparator, null), /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, null), "Delete"))));
+};
+/** The project page header: back arrow, title, progress, info, people, options. */
+var ProjectPageHeader = exports.ProjectPageHeader = function ProjectPageHeader(_ref2) {
+  var _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? "#131: Ime projekta" : _ref2$title;
+  return /*#__PURE__*/_react.default.createElement(StyledPageHeader, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-left"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    className: "back-button"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowLeftIcon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Title2, {
+    className: "page-title-desktop"
+  }, title), /*#__PURE__*/_react.default.createElement(_Typography.Header2, {
+    className: "page-title-mobile"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-children"
+  }, /*#__PURE__*/_react.default.createElement(StyledProjectHeaderChildren, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "project-progress"
+  }, /*#__PURE__*/_react.default.createElement(_ProgressPie.ProgressPie, {
+    radius: 11,
+    progress: 64,
+    progressColor: "var(--color-secondary)",
+    backgroundColor: "var(--color-theme-300)"
+  })), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Project Info"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.InfoIcon, null))), /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+    label: "5",
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.PeopleIcon, null),
+    onClearAll: function onClearAll() {
+      return undefined;
+    }
+  }), /*#__PURE__*/_react.default.createElement(ProjectOptionsMenu, null)))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "page-header-spacer"
+  }));
+};
+ProjectPageHeader.displayName = "ProjectPageHeader";
+
+/* ------------------------------------------------------------------ */
+/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */
+/* ------------------------------------------------------------------ */
+
+var NAV_TABS = ["Tasks", "Discussions", "Files", "Notes", "Activity"];
+var StyledTabHeader = (0, _styledComponents.default)(_Header.Header).withConfig({
+  displayName: "headers__StyledTabHeader",
+  componentId: "sc-yf6o6n-3"
+})(["justify-content:space-between;align-items:center;margin-bottom:16px;min-height:64px;flex-shrink:0;"]);
+var StyledTabControls = _styledComponents.default.div.withConfig({
+  displayName: "headers__StyledTabControls",
+  componentId: "sc-yf6o6n-4"
+})(["display:flex;align-items:center;flex-shrink:0;gap:4px;.vertical-separator{width:1px;height:24px;background-color:var(--color-theme-400);margin:0 8px;}.filter-button{display:flex;align-items:center;gap:6px;}"]);
+/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
+var TabHeader = exports.TabHeader = function TabHeader(_ref3) {
+  var _ref3$activeView = _ref3.activeView,
+    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView;
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
+  return /*#__PURE__*/_react.default.createElement(StyledTabHeader, null, /*#__PURE__*/_react.default.createElement(_Nav.Nav, {
+    onSelect: setActive
+  }, NAV_TABS.map(function (label, index) {
+    return /*#__PURE__*/_react.default.createElement(_Nav.Item, {
+      active: index === active,
+      key: label,
+      name: label
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+      color: "secondary",
+      weight: "medium"
+    }, label));
+  })), /*#__PURE__*/_react.default.createElement(StyledTabControls, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Batch Edit"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.EditMultipleIcon, null))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "vertical-separator"
+  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    variant: "text gray",
+    className: "filter-button"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null), "Filter"), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "List view"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    active: activeView === "list"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ViewListIcon, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Column view"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    active: activeView === "column"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ViewListIcon, {
+    style: {
+      transform: "rotate(90deg)"
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Timeline view"
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    variant: "text gray",
+    active: activeView === "timeline"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ViewTimelineIcon, null))), /*#__PURE__*/_react.default.createElement("span", {
+    className: "vertical-separator"
+  }), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Add New"
+  }, /*#__PURE__*/_react.default.createElement(_GlobalAddButton.GlobalAddButton, null))));
+};
+TabHeader.displayName = "TabHeader";
+//# sourceMappingURL=headers.js.map

package/dist/cjs/presentation/shared/headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_tokens","_Button","_GlobalAddButton","_Checkbox","_CounterButton","_Header","_IconButton","_Icons","_List","_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","StyledPageHeader","styled","div","withConfig","displayName","componentId","SM","MD","PageHeader","exports","_ref","title","children","createElement","className","Title2","Header2","StyledProjectHeaderChildren","StyledProjectMenu","ProjectOptionsMenu","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","IconButton","type","variant","active","TreeDotsIcon","List","style","padding","tabIndex","ListItem","EditIcon","StarIcon","Checkbox","id","onChange","undefined","NotificationBellIcon","LabelsIcon","InsertLinkIcon","ListSeparator","CheckboxBlankTogglerIcon","DuplicateIcon","ProjectTemplateIcon","ProjectTemplateConvertIcon","TrashIcon","ProjectPageHeader","_ref2","_ref2$title","ArrowLeftIcon","ProgressPie","radius","progress","progressColor","backgroundColor","Tooltip","InfoIcon","CounterButton","label","icon","PeopleIcon","onClearAll","NAV_TABS","StyledTabHeader","Header","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState3","_useState4","setActive","Nav","onSelect","map","index","Item","key","Body2","color","weight","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 { MD, SM } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { Checkbox } from \"../../components/Checkbox\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowLeftIcon,\n  CheckboxBlankTogglerIcon,\n  DuplicateIcon,\n  EditIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  InsertLinkIcon,\n  LabelsIcon,\n  NotificationBellIcon,\n  PeopleIcon,\n  ProjectTemplateConvertIcon,\n  ProjectTemplateIcon,\n  StarIcon,\n  TrashIcon,\n  TreeDotsIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem, ListSeparator } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Header2, Title2 } from \"../../components/Typography\";\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/* Project \"...\" options menu (Menu + List with leading-icon items). Two items\n   (Favorite, Subscribe) have a checkbox on the right. Clicks are no-ops. */\nconst StyledProjectMenu = styled.div`\n  .toggle-item {\n    justify-content: space-between;\n  }\n\n  .toggle-item .opt-left {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  .toggle-item .opt-left svg {\n    margin-right: 8px;\n    flex-shrink: 0;\n  }\n`;\n\nconst ProjectOptionsMenu = (): 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        <IconButton type=\"button\" variant=\"text gray\" active={open}>\n          <TreeDotsIcon />\n        </IconButton>\n      }\n    >\n      <StyledProjectMenu>\n        <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n          <ListItem>\n            <EditIcon />\n            Edit\n          </ListItem>\n          <ListItem className=\"toggle-item\">\n            <span className=\"opt-left\">\n              <StarIcon />\n              Mark as Favorite\n            </span>\n            <Checkbox id=\"proj-favorite\" onChange={() => undefined} />\n          </ListItem>\n          <ListItem className=\"toggle-item\">\n            <span className=\"opt-left\">\n              <NotificationBellIcon />\n              Subscribe to Everything\n            </span>\n            <Checkbox id=\"proj-subscribe\" onChange={() => undefined} />\n          </ListItem>\n          <ListItem>\n            <LabelsIcon />\n            Manage Task Labels\n          </ListItem>\n          <ListItem>\n            <InsertLinkIcon />\n            Copy Link\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <CheckboxBlankTogglerIcon />\n            Complete\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <DuplicateIcon />\n            Duplicate\n          </ListItem>\n          <ListItem>\n            <ProjectTemplateIcon />\n            Apply Template\n          </ListItem>\n          <ListItem>\n            <ProjectTemplateConvertIcon />\n            Convert to Template\n          </ListItem>\n          <ListSeparator />\n          <ListItem>\n            <TrashIcon />\n            Delete\n          </ListItem>\n        </List>\n      </StyledProjectMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\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          <CounterButton\n            label=\"5\"\n            icon={<PeopleIcon />}\n            onClearAll={() => undefined}\n          />\n          <ProjectOptionsMenu />\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":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  MainLogo: true,
+  RoundAvatar: true,
+  PresentationShell: true,
+  StyledPagePaper: true,
+  PageHeader: true,
+  ProjectPageHeader: true,
+  TabHeader: true,
+  FloatingControls: true,
+  TaskOptionsMenu: true,
+  TaskListOptionsMenu: true
+};
+Object.defineProperty(exports, "FloatingControls", {
+  enumerable: true,
+  get: function get() {
+    return _FloatingControls.FloatingControls;
+  }
+});
+Object.defineProperty(exports, "MainLogo", {
+  enumerable: true,
+  get: function get() {
+    return _MainLogo.MainLogo;
+  }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function get() {
+    return _headers.PageHeader;
+  }
+});
+Object.defineProperty(exports, "PresentationShell", {
+  enumerable: true,
+  get: function get() {
+    return _PresentationShell.PresentationShell;
+  }
+});
+Object.defineProperty(exports, "ProjectPageHeader", {
+  enumerable: true,
+  get: function get() {
+    return _headers.ProjectPageHeader;
+  }
+});
+Object.defineProperty(exports, "RoundAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _RoundAvatar.RoundAvatar;
+  }
+});
+Object.defineProperty(exports, "StyledPagePaper", {
+  enumerable: true,
+  get: function get() {
+    return _PresentationShell.StyledPagePaper;
+  }
+});
+Object.defineProperty(exports, "TabHeader", {
+  enumerable: true,
+  get: function get() {
+    return _headers.TabHeader;
+  }
+});
+Object.defineProperty(exports, "TaskListOptionsMenu", {
+  enumerable: true,
+  get: function get() {
+    return _TaskOptionsMenu.TaskListOptionsMenu;
+  }
+});
+Object.defineProperty(exports, "TaskOptionsMenu", {
+  enumerable: true,
+  get: function get() {
+    return _TaskOptionsMenu.TaskOptionsMenu;
+  }
+});
+var _tokens = require("./tokens");
+Object.keys(_tokens).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _tokens[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tokens[key];
+    }
+  });
+});
+var _MainLogo = require("./MainLogo");
+var _RoundAvatar = require("./RoundAvatar");
+var _PresentationShell = require("./PresentationShell");
+var _headers = require("./headers");
+var _FloatingControls = require("./FloatingControls");
+var _TaskOptionsMenu = require("./TaskOptionsMenu");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_tokens","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MainLogo","_RoundAvatar","_PresentationShell","_headers","_FloatingControls","_TaskOptionsMenu"],"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 { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;AAEA,IAAAgB,QAAA,GAAAhB,OAAA;AAMA,IAAAiB,iBAAA,GAAAjB,OAAA;AACA,IAAAkB,gBAAA,GAAAlB,OAAA","ignoreList":[]}

package/dist/cjs/presentation/shared/tokens.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.XL = exports.TRANSITION = exports.SM = exports.MD = exports.LG = exports.BREAKPOINT = exports.AVATAR_COLORS = void 0;
+/**
+ * Shared constants for the Presentation mock-ups.
+ *
+ * Breakpoints mirror new-activecollab-front (Tailwind sm / md / lg / xl).
+ */
+var BREAKPOINT = exports.BREAKPOINT = 640;
+var SM = exports.SM = "640px";
+var MD = exports.MD = "768px";
+var LG = exports.LG = "1024px";
+var XL = exports.XL = "1280px";
+var TRANSITION = exports.TRANSITION = "200ms ease";
+
+/** Mock avatar background colours (stand-ins for real user avatars). */
+var AVATAR_COLORS = exports.AVATAR_COLORS = {
+  yellow: "#F5B041",
+  purple: "#A569BD",
+  blue: "#5499C7",
+  orange: "#E67E22",
+  green: "#32B370",
+  teal: "#48C9B0"
+};
+//# sourceMappingURL=tokens.js.map

package/dist/cjs/presentation/shared/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","names":["BREAKPOINT","exports","SM","MD","LG","XL","TRANSITION","AVATAR_COLORS","yellow","purple","blue","orange","green","teal"],"sources":["../../../../src/presentation/shared/tokens.ts"],"sourcesContent":["/**\n * Shared constants for the Presentation mock-ups.\n *\n * Breakpoints mirror new-activecollab-front (Tailwind sm / md / lg / xl).\n */\nexport const BREAKPOINT = 640;\nexport const SM = \"640px\";\nexport const MD = \"768px\";\nexport const LG = \"1024px\";\nexport const XL = \"1280px\";\nexport const TRANSITION = \"200ms ease\";\n\n/** Mock avatar background colours (stand-ins for real user avatars). */\nexport const AVATAR_COLORS = {\n  yellow: \"#F5B041\",\n  purple: \"#A569BD\",\n  blue: \"#5499C7\",\n  orange: \"#E67E22\",\n  green: \"#32B370\",\n  teal: \"#48C9B0\",\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,GAAG;AACtB,IAAME,EAAE,GAAAD,OAAA,CAAAC,EAAA,GAAG,OAAO;AAClB,IAAMC,EAAE,GAAAF,OAAA,CAAAE,EAAA,GAAG,OAAO;AAClB,IAAMC,EAAE,GAAAH,OAAA,CAAAG,EAAA,GAAG,QAAQ;AACnB,IAAMC,EAAE,GAAAJ,OAAA,CAAAI,EAAA,GAAG,QAAQ;AACnB,IAAMC,UAAU,GAAAL,OAAA,CAAAK,UAAA,GAAG,YAAY;;AAEtC;AACO,IAAMC,aAAa,GAAAN,OAAA,CAAAM,aAAA,GAAG;EAC3BC,MAAM,EAAE,SAAS;EACjBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+/** The bottom-right floating chat-hub button. */
+export declare const FloatingControls: {
+    (): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=FloatingControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingControls.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/FloatingControls.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AA4B5C,iDAAiD;AACjD,eAAO,MAAM,gBAAgB;QAAO,YAAY;;CAM/C,CAAC"}