@activecollab/components 2.0.425 → 2.0.427

package/dist/cjs/components/Button/Button.js

@@ -7,7 +7,7 @@ exports.Button = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "active", "variant", "size", "className"];
+var _excluded = ["children", "active", "variant", "size", "type", "className"];
 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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -22,6 +22,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
  * @prop {variant} - adds unique look and feel to button.
  * @prop {size} - controls the size of a button.
  * @prop {active} - adds active/pressed state to a button.
+ * @prop {type} - defaults to "button"; pass "submit" for a form's submit control.
  *
  * @example
  * return (
@@ -41,6 +42,8 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     variant = _ref$variant === void 0 ? "contained" : _ref$variant,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
     className = _ref.className,
     args = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledButton, _extends({
@@ -61,7 +64,8 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     size: size,
     ref: ref,
     "aria-pressed": active,
-    role: "button"
+    role: "button",
+    type: type
   }, args), children instanceof Array ? /*#__PURE__*/_react.default.createElement(_Styles.StyledButtonElements, {
     className: "c-btn__elements"
   }, children.map(function (value, index) {

package/dist/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Button","exports","forwardRef","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","className","args","createElement","StyledButton","classnames","Array","iconOnly","role","StyledButtonElements","map","value","index","StyledButtonElement","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Button","exports","forwardRef","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","_ref$type","type","className","args","createElement","StyledButton","classnames","Array","iconOnly","role","StyledButtonElements","map","value","index","StyledButtonElement","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n * @prop {type} - defaults to \"button\"; pass \"submit\" for a form's submit control.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      type = \"button\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        type={type}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -216,7 +216,9 @@ var StyledTabControls = _styledComponents.default.div.withConfig({
 /** 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;
+    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView,
+    _ref3$showBatchEdit = _ref3.showBatchEdit,
+    showBatchEdit = _ref3$showBatchEdit === void 0 ? true : _ref3$showBatchEdit;
   var _useState3 = (0, _react.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
     active = _useState4[0],
@@ -232,13 +234,13 @@ var TabHeader = exports.TabHeader = function TabHeader(_ref3) {
       color: "secondary",
       weight: "medium"
     }, label));
-  })), /*#__PURE__*/_react.default.createElement(StyledTabControls, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+  })), /*#__PURE__*/_react.default.createElement(StyledTabControls, null, showBatchEdit ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, 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, {
+  })) : null, /*#__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, {

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

@@ -1 +1 @@
-{"version":3,"file":"headers.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ProjectOptionsMenu","_RoundAvatar","_tokens","_Button","_GlobalAddButton","_CounterButton","_Header","_IconButton","_Icons","_Menu","_Nav","_ProgressPie","_Tooltip","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","LEADER_GOLD","StyledPageHeader","styled","div","withConfig","displayName","componentId","SM","MD","PageHeader","exports","_ref","title","children","createElement","className","Title2","Header2","StyledProjectHeaderChildren","PROJECT_MEMBERS","initials","color","AVATAR_COLORS","blue","leader","purple","orange","StyledPeopleMenu","TRANSITION","PeoplePopover","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","CounterButton","label","String","icon","PeopleIcon","active","onClearAll","undefined","MenuHeader","rightElement","IconButton","type","variant","size","AddCrossTinyIcon","Caption1","weight","map","member","key","RoundAvatar","$bg","$bordered","Body2","CrownSelectedIcon","style","fill","Tooltip","CrownBlankIcon","CloseSmallIcon","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","ArrowLeftIcon","ProgressPie","radius","progress","progressColor","backgroundColor","InfoIcon","ProjectOptionsMenu","NAV_TABS","StyledTabHeader","Header","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState3","_useState4","setActive","Nav","onSelect","index","Item","EditMultipleIcon","Button","FilterIcon","ViewListIcon","transform","ViewTimelineIcon","GlobalAddButton"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  PeopleIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n  /** Repositories already connected to the project (seeds the count + submenu). */\n  initialConnectedRepositories?: Repository[];\n  /** Whether the current user can manage the project's repositories. */\n  canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n  initialConnectedRepositories,\n  canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu\n            sourceModuleLoaded={sourceModuleLoaded}\n            initialConnectedRepositories={initialConnectedRepositories}\n            canManageProjectRepositories={canManageProjectRepositories}\n          />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        <Tooltip title=\"Batch Edit\">\n          <IconButton variant=\"text gray\">\n            <EditMultipleIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"headers.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_ProjectOptionsMenu","_RoundAvatar","_tokens","_Button","_GlobalAddButton","_CounterButton","_Header","_IconButton","_Icons","_Menu","_Nav","_ProgressPie","_Tooltip","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","LEADER_GOLD","StyledPageHeader","styled","div","withConfig","displayName","componentId","SM","MD","PageHeader","exports","_ref","title","children","createElement","className","Title2","Header2","StyledProjectHeaderChildren","PROJECT_MEMBERS","initials","color","AVATAR_COLORS","blue","leader","purple","orange","StyledPeopleMenu","TRANSITION","PeoplePopover","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","CounterButton","label","String","icon","PeopleIcon","active","onClearAll","undefined","MenuHeader","rightElement","IconButton","type","variant","size","AddCrossTinyIcon","Caption1","weight","map","member","key","RoundAvatar","$bg","$bordered","Body2","CrownSelectedIcon","style","fill","Tooltip","CrownBlankIcon","CloseSmallIcon","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","ArrowLeftIcon","ProgressPie","radius","progress","progressColor","backgroundColor","InfoIcon","ProjectOptionsMenu","NAV_TABS","StyledTabHeader","Header","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_ref3$showBatchEdit","showBatchEdit","_useState3","_useState4","setActive","Nav","onSelect","index","Item","Fragment","EditMultipleIcon","Button","FilterIcon","ViewListIcon","transform","ViewTimelineIcon","GlobalAddButton"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  PeopleIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n  /** Repositories already connected to the project (seeds the count + submenu). */\n  initialConnectedRepositories?: Repository[];\n  /** Whether the current user can manage the project's repositories. */\n  canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n  initialConnectedRepositories,\n  canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu\n            sourceModuleLoaded={sourceModuleLoaded}\n            initialConnectedRepositories={initialConnectedRepositories}\n            canManageProjectRepositories={canManageProjectRepositories}\n          />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n  /** Batch edit is a list/board affordance; views without it pass `false`. */\n  showBatchEdit?: boolean;\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n  showBatchEdit = true,\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        {showBatchEdit ? (\n          <>\n            <Tooltip title=\"Batch Edit\">\n              <IconButton variant=\"text gray\">\n                <EditMultipleIcon />\n              </IconButton>\n            </Tooltip>\n            <span className=\"vertical-separator\" />\n          </>\n        ) : null}\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Button/Button.d.ts

@@ -16,6 +16,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
  * @prop {variant} - adds unique look and feel to button.
  * @prop {size} - controls the size of a button.
  * @prop {active} - adds active/pressed state to a button.
+ * @prop {type} - defaults to "button"; pass "submit" for a form's submit control.
  *
  * @example
  * return (

package/dist/esm/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACrE,yBAAyB;IACzB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;2CA0DlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACrE,yBAAyB;IACzB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;2CA4DlB,CAAC"}

package/dist/esm/components/Button/Button.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "active", "variant", "size", "className"];
+const _excluded = ["children", "active", "variant", "size", "type", "className"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Styles";
@@ -13,6 +13,7 @@ import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Style
  * @prop {variant} - adds unique look and feel to button.
  * @prop {size} - controls the size of a button.
  * @prop {active} - adds active/pressed state to a button.
+ * @prop {type} - defaults to "button"; pass "submit" for a form's submit control.
  *
  * @example
  * return (
@@ -32,6 +33,8 @@ export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     variant = _ref$variant === void 0 ? "contained" : _ref$variant,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
     className = _ref.className,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
@@ -52,7 +55,8 @@ export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     size: size,
     ref: ref,
     "aria-pressed": active,
-    role: "button"
+    role: "button",
+    type: type
   }, args), children instanceof Array ? /*#__PURE__*/React.createElement(StyledButtonElements, {
     className: "c-btn__elements"
   }, children.map((value, index) => value ? /*#__PURE__*/React.createElement(StyledButtonElement, {

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EASEC,GAAG,KACA;EAAA,IARDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAAE,SAAA,GAAAP,IAAA,CACrBQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,SAAS,GAAAT,IAAA,CAATS,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,oBACEnB,KAAA,CAAAoB,aAAA,CAACjB,YAAY,EAAAkB,QAAA;IACXL,SAAS,EAAEd,UAAU,CAAC,OAAO,EAAEc,SAAS,EAAE;MACxC,kBAAkB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEE,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBN,QAAQ,YAAYa,MAAM,IAAI,EAAEb,QAAQ,YAAYc,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEf,QAAQ,YAAYa,MAAM,IAAI,EAAEb,QAAQ,YAAYc,KAAK,CAAE;IACrEV,OAAO,EAAEA,OAAQ;IACjBF,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXP,GAAG,EAAEA,GAAI;IACT,gBAAcG,MAAO;IACrBc,IAAI,EAAC;EAAQ,GACTR,IAAI,GAEPR,QAAQ,YAAYc,KAAK,gBACxBvB,KAAA,CAAAoB,aAAA,CAACf,oBAAoB;IAACW,SAAS,EAAC;EAAiB,GAC9CP,QAAQ,CAACiB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACH3B,KAAA,CAAAoB,aAAA,CAAChB,mBAAmB;IAClBY,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBlB,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","_ref$type","type","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n * @prop {type} - defaults to \"button\"; pass \"submit\" for a form's submit control.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      type = \"button\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        type={type}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAUEC,GAAG,KACA;EAAA,IATDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAAE,SAAA,GAAAP,IAAA,CACrBQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,SAAA,GAAAT,IAAA,CACfU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,SAAS,GAAAX,IAAA,CAATW,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAIT,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,YAAY,EAAAoB,QAAA;IACXL,SAAS,EAAEhB,UAAU,CAAC,OAAO,EAAEgB,SAAS,EAAE;MACxC,kBAAkB,EAAEL,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEE,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBN,QAAQ,YAAYe,MAAM,IAAI,EAAEf,QAAQ,YAAYgB,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEjB,QAAQ,YAAYe,MAAM,IAAI,EAAEf,QAAQ,YAAYgB,KAAK,CAAE;IACrEZ,OAAO,EAAEA,OAAQ;IACjBF,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXP,GAAG,EAAEA,GAAI;IACT,gBAAcG,MAAO;IACrBgB,IAAI,EAAC,QAAQ;IACbV,IAAI,EAAEA;EAAK,GACPE,IAAI,GAEPV,QAAQ,YAAYgB,KAAK,gBACxBzB,KAAA,CAAAsB,aAAA,CAACjB,oBAAoB;IAACa,SAAS,EAAC;EAAiB,GAC9CT,QAAQ,CAACmB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACH7B,KAAA,CAAAsB,aAAA,CAAClB,mBAAmB;IAClBc,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBpB,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAAC0B,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -27,10 +27,12 @@ export declare const ProjectPageHeader: {
 export interface TabHeaderProps {
     /** Which view-mode toggle is highlighted as active. */
     activeView?: "list" | "column" | "timeline";
+    /** Batch edit is a list/board affordance; views without it pass `false`. */
+    showBatchEdit?: boolean;
 }
 /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
 export declare const TabHeader: {
-    ({ activeView, }: TabHeaderProps): ReactElement;
+    ({ activeView, showBatchEdit, }: TabHeaderProps): ReactElement;
     displayName: string;
 };
 //# sourceMappingURL=headers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA8GvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AAmMF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,4BAA4B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5C,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iGAK3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;sBAEnB,cAAc,GAAG,YAAY;;CA8C/B,CAAC"}
+{"version":3,"file":"headers.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/headers.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA8GvD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+EAA+E;AAC/E,eAAO,MAAM,UAAU;2BAGpB,eAAe,GAAG,YAAY;;CAShC,CAAC;AAmMF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iFAAiF;IACjF,4BAA4B,CAAC,EAAE,UAAU,EAAE,CAAC;IAC5C,sEAAsE;IACtE,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC;AAED,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;iGAK3B,sBAAsB,GAAG,YAAY;;CAkCvC,CAAC;AAsCF,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC5C,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wEAAwE;AACxE,eAAO,MAAM,SAAS;qCAGnB,cAAc,GAAG,YAAY;;CAkD/B,CAAC"}

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

@@ -194,7 +194,9 @@ const StyledTabControls = styled.div.withConfig({
 /** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */
 export const TabHeader = _ref3 => {
   let _ref3$activeView = _ref3.activeView,
-    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView;
+    activeView = _ref3$activeView === void 0 ? "list" : _ref3$activeView,
+    _ref3$showBatchEdit = _ref3.showBatchEdit,
+    showBatchEdit = _ref3$showBatchEdit === void 0 ? true : _ref3$showBatchEdit;
   const _useState2 = useState(0),
     active = _useState2[0],
     setActive = _useState2[1];
@@ -207,13 +209,13 @@ export const TabHeader = _ref3 => {
   }, /*#__PURE__*/React.createElement(Body2, {
     color: "secondary",
     weight: "medium"
-  }, label)))), /*#__PURE__*/React.createElement(StyledTabControls, null, /*#__PURE__*/React.createElement(Tooltip, {
+  }, label)))), /*#__PURE__*/React.createElement(StyledTabControls, null, showBatchEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
     title: "Batch Edit"
   }, /*#__PURE__*/React.createElement(IconButton, {
     variant: "text gray"
   }, /*#__PURE__*/React.createElement(EditMultipleIcon, null))), /*#__PURE__*/React.createElement("span", {
     className: "vertical-separator"
-  }), /*#__PURE__*/React.createElement(Button, {
+  })) : null, /*#__PURE__*/React.createElement(Button, {
     variant: "text gray",
     className: "filter-button"
   }, /*#__PURE__*/React.createElement(FilterIcon, null), "Filter"), /*#__PURE__*/React.createElement(Tooltip, {

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

@@ -1 +1 @@
-{"version":3,"file":"headers.js","names":["React","useState","styled","ProjectOptionsMenu","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CounterButton","Header","IconButton","AddCrossTinyIcon","ArrowLeftIcon","CloseSmallIcon","CrownBlankIcon","CrownSelectedIcon","EditMultipleIcon","FilterIcon","InfoIcon","PeopleIcon","ViewListIcon","ViewTimelineIcon","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","PROJECT_MEMBERS","name","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState","open","setOpen","onOpen","onClose","position","target","label","String","length","icon","active","onClearAll","undefined","rightElement","type","variant","size","weight","map","member","key","$bg","$bordered","style","fill","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_useState2","setActive","onSelect","index","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  PeopleIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n  /** Repositories already connected to the project (seeds the count + submenu). */\n  initialConnectedRepositories?: Repository[];\n  /** Whether the current user can manage the project's repositories. */\n  canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n  initialConnectedRepositories,\n  canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu\n            sourceModuleLoaded={sourceModuleLoaded}\n            initialConnectedRepositories={initialConnectedRepositories}\n            canManageProjectRepositories={canManageProjectRepositories}\n          />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        <Tooltip title=\"Batch Edit\">\n          <IconButton variant=\"text gray\">\n            <EditMultipleIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAA6BC,QAAQ,QAAQ,OAAO;AAEhE,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,aAAa,EAAEC,EAAE,EAAEC,EAAE,EAAEC,UAAU,QAAQ,UAAU;AAC5D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,eAAe,QAAQ,yCAAyC;AACzE,SAASC,aAAa,QAAQ,gCAAgC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,UAAU,QAAQ,6BAA6B;AACxD,SACEC,gBAAgB,EAChBC,aAAa,EACbC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EACjBC,gBAAgB,EAChBC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,gBAAgB,QACX,wBAAwB;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,uBAAuB;AACxD,SAASC,IAAI,EAAEC,GAAG,QAAQ,sBAAsB;AAChD,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,QAAQ,6BAA6B;;AAE9E;AACA,MAAMC,WAAW,GAAG,SAAS;;AAE7B;AACA;AACA;;AAEA,MAAMC,gBAAgB,GAAGlC,MAAM,CAACmC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6yBAeVjC,EAAE,EAUFD,EAAE,EAYFA,EAAE,EAaFA,EAAE,EAmBFC,EAAE,CAI1B;AAOD;AACA,OAAO,MAAMkC,UAAU,GAAGC,IAAA;EAAA,IACxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAER5C,KAAA,CAAA6C,aAAA,CAACT,gBAAgB,qBACfpC,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAkB,gBAC/B9C,KAAA,CAAA6C,aAAA,CAACX,MAAM;IAACY,SAAS,EAAC;EAAoB,GAAEH,KAAc,CAAC,eACvD3C,KAAA,CAAA6C,aAAA,CAACZ,OAAO;IAACa,SAAS,EAAC;EAAmB,GAAEH,KAAe,CAAC,eACxD3C,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEF,QAAc,CAClD,CAAC,eACN5C,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CACrB,CAAC;AAAA,CACpB;AAEDL,UAAU,CAACF,WAAW,GAAG,YAAY;;AAErC;AACA;AACA;;AAEA,MAAMQ,2BAA2B,GAAG7C,MAAM,CAACmC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mHAU7C;;AAED;AACA;AACA;AACA;;AAQA,MAAMQ,eAAgC,GAAG,CACvC;EACEC,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAE,IAAI;EACdC,KAAK,EAAE9C,aAAa,CAAC+C,IAAI;EACzBC,MAAM,EAAE;AACV,CAAC,EACD;EAAEJ,IAAI,EAAE,eAAe;EAAEC,QAAQ,EAAE,IAAI;EAAEC,KAAK,EAAE9C,aAAa,CAACiD;AAAO,CAAC,EACtE;EAAEL,IAAI,EAAE,kBAAkB;EAAEC,QAAQ,EAAE,IAAI;EAAEC,KAAK,EAAE;AAAU,CAAC,EAC9D;EAAEF,IAAI,EAAE,eAAe;EAAEC,QAAQ,EAAE,IAAI;EAAEC,KAAK,EAAE9C,aAAa,CAACkD;AAAO,CAAC,CACvE;AAED,MAAMC,gBAAgB,GAAGtD,MAAM,CAACmC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,o1BAkBAhC,UAAU,EAgBrB2B,WAAW,EAKVA,WAAW,CAmCnC;AAED,MAAMsB,aAAa,GAAGA,CAAA,KAAoB;EACxC,MAAAC,SAAA,GAAwBzD,QAAQ,CAAC,KAAK,CAAC;IAAhC0D,IAAI,GAAAD,SAAA;IAAEE,OAAO,GAAAF,SAAA;EACpB,oBACE1D,KAAA,CAAA6C,aAAA,CAACpB,IAAI;IACHkC,IAAI,EAAEA,IAAK;IACXE,MAAM,EAAEA,CAAA,KAAMD,OAAO,CAAC,IAAI,CAAE;IAC5BE,OAAO,EAAEA,CAAA,KAAMF,OAAO,CAAC,KAAK,CAAE;IAC9BG,QAAQ,EAAC,YAAY;IACrBC,MAAM,eACJhE,KAAA,CAAA6C,aAAA,CAAClC,aAAa;MACZsD,KAAK,EAAEC,MAAM,CAAClB,eAAe,CAACmB,MAAM,CAAE;MACtCC,IAAI,eAAEpE,KAAA,CAAA6C,aAAA,CAACvB,UAAU,MAAE,CAAE;MACrB+C,MAAM,EAAEV,IAAK;MACbW,UAAU,EAAEA,CAAA,KAAMC;IAAU,CAC7B;EACF,gBAEDvE,KAAA,CAAA6C,aAAA,CAACW,gBAAgB,qBACfxD,KAAA,CAAA6C,aAAA,CAACnB,UAAU;IACTiB,KAAK,EAAC,QAAQ;IACd6B,YAAY,eACVxE,KAAA,CAAA6C,aAAA,CAAChC,UAAU;MACT4D,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,OAAO;MACZ,cAAW;IAAY,gBAEvB3E,KAAA,CAAA6C,aAAA,CAAC/B,gBAAgB,MAAE,CACT;EACb,CACF,CAAC,eACFd,KAAA,CAAA6C,aAAA,CAACb,QAAQ;IAAC4C,MAAM,EAAC,MAAM;IAAC9B,SAAS,EAAC;EAAe,GAAC,SAExC,CAAC,EACVE,eAAe,CAAC6B,GAAG,CAAEC,MAAM,iBAC1B9E,KAAA,CAAA6C,aAAA;IACEC,SAAS,EAAEgC,MAAM,CAACzB,MAAM,GAAG,mBAAmB,GAAG,YAAa;IAC9D0B,GAAG,EAAED,MAAM,CAAC7B;EAAK,gBAEjBjD,KAAA,CAAA6C,aAAA,CAACzC,WAAW;IACV0C,SAAS,EAAC,eAAe;IACzBkC,GAAG,EAAEF,MAAM,CAAC3B,KAAM;IAClB8B,SAAS,EAAE;EAAM,GAEhBH,MAAM,CAAC5B,QACG,CAAC,eACdlD,KAAA,CAAA6C,aAAA,CAACd,KAAK;IAACe,SAAS,EAAC;EAAa,GAAEgC,MAAM,CAAC7B,IAAY,CAAC,eACpDjD,KAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAC;EAAc,GAC3BgC,MAAM,CAACzB,MAAM,iBACZrD,KAAA,CAAA6C,aAAA,CAAC3B,iBAAiB;IAChB4B,SAAS,EAAC,cAAc;IACxBoC,KAAK,EAAE;MAAEC,IAAI,EAAEhD;IAAY;EAAE,CAC9B,CACF,eACDnC,KAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAC;EAAgB,GAC7B,CAACgC,MAAM,CAACzB,MAAM,iBACbrD,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAuB,gBACpC3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC4D,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAO,gBACxD3E,KAAA,CAAA6C,aAAA,CAAC5B,cAAc,MAAE,CACP,CACL,CACV,eACDjB,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAqB,gBAClC3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC4D,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAO,gBACxD3E,KAAA,CAAA6C,aAAA,CAAC7B,cAAc,MAAE,CACP,CACL,CACL,CACF,CACH,CACN,CACe,CACd,CAAC;AAEX,CAAC;AAaD;AACA,OAAO,MAAMoE,iBAAiB,GAAGC,KAAA;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAC/B1C,KAAK;IAALA,KAAK,GAAA2C,WAAA,cAAG,oBAAoB,GAAAA,WAAA;IAAAC,qBAAA,GAAAF,KAAA,CAC5BG,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAC1BE,4BAA4B,GAAAJ,KAAA,CAA5BI,4BAA4B;IAC5BC,4BAA4B,GAAAL,KAAA,CAA5BK,4BAA4B;EAAA,oBAE5B1F,KAAA,CAAA6C,aAAA,CAACT,gBAAgB,qBACfpC,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAkB,gBAC/B9C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC,WAAW;IAAC5B,SAAS,EAAC;EAAa,gBACrD9C,KAAA,CAAA6C,aAAA,CAAC9B,aAAa,MAAE,CACN,CAAC,eACbf,KAAA,CAAA6C,aAAA,CAACX,MAAM;IAACY,SAAS,EAAC;EAAoB,GAAEH,KAAc,CAAC,eACvD3C,KAAA,CAAA6C,aAAA,CAACZ,OAAO;IAACa,SAAS,EAAC;EAAmB,GAAEH,KAAe,CAAC,eACxD3C,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnC9C,KAAA,CAAA6C,aAAA,CAACE,2BAA2B,qBAC1B/C,KAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAC;EAAkB,gBAChC9C,KAAA,CAAA6C,aAAA,CAAChB,WAAW;IACV8D,MAAM,EAAE,EAAG;IACXC,QAAQ,EAAE,EAAG;IACbC,aAAa,EAAC,wBAAwB;IACtCC,eAAe,EAAC;EAAwB,CACzC,CACG,CAAC,eACP9F,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAc,gBAC3B3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC;EAAW,gBAC7B1E,KAAA,CAAA6C,aAAA,CAACxB,QAAQ,MAAE,CACD,CACL,CAAC,eACVrB,KAAA,CAAA6C,aAAA,CAACY,aAAa,MAAE,CAAC,eACjBzD,KAAA,CAAA6C,aAAA,CAAC1C,kBAAkB;IACjBqF,kBAAkB,EAAEA,kBAAmB;IACvCC,4BAA4B,EAAEA,4BAA6B;IAC3DC,4BAA4B,EAAEA;EAA6B,CAC5D,CAC0B,CAC1B,CACF,CAAC,eACN1F,KAAA,CAAA6C,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CACrB,CAAC;AAAA,CACpB;AAEDsC,iBAAiB,CAAC7C,WAAW,GAAG,mBAAmB;;AAEnD;AACA;AACA;;AAEA,MAAMwD,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC;AAEvE,MAAMC,eAAe,GAAG9F,MAAM,CAACU,MAAM,CAAC,CAAA0B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0GAMrC;AAED,MAAMyD,iBAAiB,GAAG/F,MAAM,CAACmC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sNAkBnC;AAOD;AACA,OAAO,MAAM0D,SAAS,GAAGC,KAAA,IAEW;EAAA,IAAAC,gBAAA,GAAAD,KAAA,CADlCE,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG,MAAM,GAAAA,gBAAA;EAEnB,MAAAE,UAAA,GAA4BrG,QAAQ,CAAC,CAAC,CAAC;IAAhCoE,MAAM,GAAAiC,UAAA;IAAEC,SAAS,GAAAD,UAAA;EACxB,oBACEtG,KAAA,CAAA6C,aAAA,CAACmD,eAAe,qBACdhG,KAAA,CAAA6C,aAAA,CAACjB,GAAG;IAAC4E,QAAQ,EAAED;EAAU,GACtBR,QAAQ,CAAClB,GAAG,CAAC,CAACZ,KAAK,EAAEwC,KAAK,kBACzBzG,KAAA,CAAA6C,aAAA,CAAClB,IAAI;IAAC0C,MAAM,EAAEoC,KAAK,KAAKpC,MAAO;IAACU,GAAG,EAAEd,KAAM;IAAChB,IAAI,EAAEgB;EAAM,gBACtDjE,KAAA,CAAA6C,aAAA,CAACd,KAAK;IAACoB,KAAK,EAAC,WAAW;IAACyB,MAAM,EAAC;EAAQ,GACrCX,KACI,CACH,CACP,CACE,CAAC,eACNjE,KAAA,CAAA6C,aAAA,CAACoD,iBAAiB,qBAChBjG,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAY,gBACzB3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC;EAAW,gBAC7B1E,KAAA,CAAA6C,aAAA,CAAC1B,gBAAgB,MAAE,CACT,CACL,CAAC,eACVnB,KAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAC;EAAoB,CAAE,CAAC,eACvC9C,KAAA,CAAA6C,aAAA,CAACpC,MAAM;IAACiE,OAAO,EAAC,WAAW;IAAC5B,SAAS,EAAC;EAAe,gBACnD9C,KAAA,CAAA6C,aAAA,CAACzB,UAAU,MAAE,CAAC,UAER,CAAC,eACTpB,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAW,gBACxB3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC,WAAW;IAACL,MAAM,EAAEgC,UAAU,KAAK;EAAO,gBAC5DrG,KAAA,CAAA6C,aAAA,CAACtB,YAAY,MAAE,CACL,CACL,CAAC,eACVvB,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAa,gBAC1B3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC,WAAW;IAACL,MAAM,EAAEgC,UAAU,KAAK;EAAS,gBAC9DrG,KAAA,CAAA6C,aAAA,CAACtB,YAAY;IAAC2D,KAAK,EAAE;MAAEwB,SAAS,EAAE;IAAgB;EAAE,CAAE,CAC5C,CACL,CAAC,eACV1G,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAe,gBAC5B3C,KAAA,CAAA6C,aAAA,CAAChC,UAAU;IAAC6D,OAAO,EAAC,WAAW;IAACL,MAAM,EAAEgC,UAAU,KAAK;EAAW,gBAChErG,KAAA,CAAA6C,aAAA,CAACrB,gBAAgB,MAAE,CACT,CACL,CAAC,eACVxB,KAAA,CAAA6C,aAAA;IAAMC,SAAS,EAAC;EAAoB,CAAE,CAAC,eACvC9C,KAAA,CAAA6C,aAAA,CAACf,OAAO;IAACa,KAAK,EAAC;EAAS,gBACtB3C,KAAA,CAAA6C,aAAA,CAACnC,eAAe,MAAE,CACX,CACQ,CACJ,CAAC;AAEtB,CAAC;AAEDwF,SAAS,CAAC3D,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"file":"headers.js","names":["React","useState","styled","ProjectOptionsMenu","RoundAvatar","AVATAR_COLORS","MD","SM","TRANSITION","Button","GlobalAddButton","CounterButton","Header","IconButton","AddCrossTinyIcon","ArrowLeftIcon","CloseSmallIcon","CrownBlankIcon","CrownSelectedIcon","EditMultipleIcon","FilterIcon","InfoIcon","PeopleIcon","ViewListIcon","ViewTimelineIcon","Menu","MenuHeader","Item","Nav","ProgressPie","Tooltip","Body2","Caption1","Header2","Title2","LEADER_GOLD","StyledPageHeader","div","withConfig","displayName","componentId","PageHeader","_ref","title","children","createElement","className","StyledProjectHeaderChildren","PROJECT_MEMBERS","name","initials","color","blue","leader","purple","orange","StyledPeopleMenu","PeoplePopover","_useState","open","setOpen","onOpen","onClose","position","target","label","String","length","icon","active","onClearAll","undefined","rightElement","type","variant","size","weight","map","member","key","$bg","$bordered","style","fill","ProjectPageHeader","_ref2","_ref2$title","_ref2$sourceModuleLoa","sourceModuleLoaded","initialConnectedRepositories","canManageProjectRepositories","radius","progress","progressColor","backgroundColor","NAV_TABS","StyledTabHeader","StyledTabControls","TabHeader","_ref3","_ref3$activeView","activeView","_ref3$showBatchEdit","showBatchEdit","_useState2","setActive","onSelect","index","Fragment","transform"],"sources":["../../../../src/presentation/shared/headers.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Repository } from \"./ConnectRepositoryDialog\";\nimport { ProjectOptionsMenu } from \"./ProjectOptionsMenu\";\nimport { RoundAvatar } from \"./RoundAvatar\";\nimport { AVATAR_COLORS, MD, SM, TRANSITION } from \"./tokens\";\nimport { Button } from \"../../components/Button\";\nimport { GlobalAddButton } from \"../../components/Button/GlobalAddButton\";\nimport { CounterButton } from \"../../components/CounterButton\";\nimport { Header } from \"../../components/Header\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  AddCrossTinyIcon,\n  ArrowLeftIcon,\n  CloseSmallIcon,\n  CrownBlankIcon,\n  CrownSelectedIcon,\n  EditMultipleIcon,\n  FilterIcon,\n  InfoIcon,\n  PeopleIcon,\n  ViewListIcon,\n  ViewTimelineIcon,\n} from \"../../components/Icons\";\nimport { Menu, MenuHeader } from \"../../components/Menu\";\nimport { Item, Nav } from \"../../components/Nav\";\nimport { ProgressPie } from \"../../components/ProgressPie\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2, Caption1, Header2, Title2 } from \"../../components/Typography\";\n\n/** Gold used for the project-leader cues (a data colour, not a theme token). */\nconst LEADER_GOLD = \"#FFCC6B\";\n\n/* ------------------------------------------------------------------ */\n/* Page header row (mirrors PageHeader.jsx)                            */\n/* ------------------------------------------------------------------ */\n\nconst StyledPageHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 12px 0;\n  width: 100%;\n  height: 40px;\n  flex-shrink: 0;\n\n  .page-header-left {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    max-width: 100%;\n\n    @media (min-width: ${SM}) {\n      min-width: 0;\n    }\n  }\n\n  /* back button spacing (tw-shrink-0 tw-mr-1 md:tw-mr-2) */\n  .back-button {\n    flex-shrink: 0;\n    margin-right: 4px;\n\n    @media (min-width: ${MD}) {\n      margin-right: 8px;\n    }\n  }\n\n  .page-title-desktop {\n    display: none;\n    margin-right: 8px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: block;\n    }\n  }\n\n  .page-title-mobile {\n    display: block;\n    margin-right: 8px;\n    font-weight: 300;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    @media (min-width: ${MD}) {\n      display: none;\n    }\n  }\n\n  .page-header-children {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  /* spacer that keeps the header clear of the absolutely positioned\n     top-right controls, same as in the app (tw-w-52) */\n  .page-header-spacer {\n    display: none;\n    height: 100%;\n    width: 208px;\n    flex-shrink: 0;\n\n    @media (min-width: ${SM}) {\n      display: flex;\n    }\n  }\n`;\n\nexport interface PageHeaderProps {\n  title: string;\n  children?: ReactNode;\n}\n\n/** Generic page header (title + optional controls), mirrors PageHeader.jsx. */\nexport const PageHeader = ({\n  title,\n  children,\n}: PageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">{children}</div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nPageHeader.displayName = \"PageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Project page header (mirrors ProjectPage.js Page.Header children)   */\n/* ------------------------------------------------------------------ */\n\nconst StyledProjectHeaderChildren = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  .project-progress {\n    display: flex;\n    align-items: center;\n    margin-left: 4px;\n  }\n`;\n\n/* People popover (mirrors the project header People dropdown): a header row\n   (\"People\" + add button), a \"Members\" section and a row per member. The\n   project leader shows a gold crown; other members reveal a \"set as leader\"\n   crown and a remove button on hover. Clicks are no-ops. */\ninterface ProjectMember {\n  name: string;\n  initials: string;\n  color: string;\n  leader?: boolean;\n}\n\nconst PROJECT_MEMBERS: ProjectMember[] = [\n  {\n    name: \"Theo Brandt\",\n    initials: \"TB\",\n    color: AVATAR_COLORS.blue,\n    leader: true,\n  },\n  { name: \"Iris Calloway\", initials: \"IC\", color: AVATAR_COLORS.purple },\n  { name: \"Account Director\", initials: \"AD\", color: \"#8A8F98\" },\n  { name: \"Grace Bennett\", initials: \"GB\", color: AVATAR_COLORS.orange },\n];\n\nconst StyledPeopleMenu = styled.div`\n  width: 256px;\n\n  .members-label {\n    display: block;\n    margin: 8px 0;\n    padding: 0 16px;\n  }\n\n  .member-row {\n    position: relative;\n    display: flex;\n    align-items: center;\n    min-height: 40px;\n    margin: 0 8px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    cursor: default;\n    transition: background-color ${TRANSITION};\n  }\n\n  .member-row:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  /* gold left bar on the project-leader row */\n  .member-row.leader::before {\n    content: \"\";\n    position: absolute;\n    top: 4px;\n    bottom: 4px;\n    left: 0;\n    width: 4px;\n    border-radius: 4px;\n    background-color: ${LEADER_GOLD};\n  }\n\n  /* gold ring on the leader's avatar */\n  .member-row.leader .member-avatar {\n    outline: 2px solid ${LEADER_GOLD};\n    outline-offset: -2px;\n  }\n\n  .member-name {\n    flex: 1;\n    margin-left: 12px;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .member-right {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-shrink: 0;\n    margin-left: 8px;\n  }\n\n  .leader-crown {\n    flex-shrink: 0;\n  }\n\n  /* member actions (set-as-leader / remove) appear on hover, like the app */\n  .member-options {\n    display: none;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .member-row:hover .member-options {\n    display: flex;\n  }\n`;\n\nconst PeoplePopover = (): ReactElement => {\n  const [open, setOpen] = useState(false);\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          label={String(PROJECT_MEMBERS.length)}\n          icon={<PeopleIcon />}\n          active={open}\n          onClearAll={() => undefined}\n        />\n      }\n    >\n      <StyledPeopleMenu>\n        <MenuHeader\n          title=\"People\"\n          rightElement={\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              size=\"small\"\n              aria-label=\"Add People\"\n            >\n              <AddCrossTinyIcon />\n            </IconButton>\n          }\n        />\n        <Caption1 weight=\"bold\" className=\"members-label\">\n          Members\n        </Caption1>\n        {PROJECT_MEMBERS.map((member) => (\n          <div\n            className={member.leader ? \"member-row leader\" : \"member-row\"}\n            key={member.name}\n          >\n            <RoundAvatar\n              className=\"member-avatar\"\n              $bg={member.color}\n              $bordered={false}\n            >\n              {member.initials}\n            </RoundAvatar>\n            <Body2 className=\"member-name\">{member.name}</Body2>\n            <span className=\"member-right\">\n              {member.leader && (\n                <CrownSelectedIcon\n                  className=\"leader-crown\"\n                  style={{ fill: LEADER_GOLD }}\n                />\n              )}\n              <span className=\"member-options\">\n                {!member.leader && (\n                  <Tooltip title=\"Set as Project Leader\">\n                    <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                      <CrownBlankIcon />\n                    </IconButton>\n                  </Tooltip>\n                )}\n                <Tooltip title=\"Remove from Project\">\n                  <IconButton type=\"button\" variant=\"text gray\" size=\"small\">\n                    <CloseSmallIcon />\n                  </IconButton>\n                </Tooltip>\n              </span>\n            </span>\n          </div>\n        ))}\n      </StyledPeopleMenu>\n    </Menu>\n  );\n};\n\nexport interface ProjectPageHeaderProps {\n  title?: string;\n  /** When the `source` module is loaded, the \"...\" menu shows a Repositories\n   *  section (connected repositories + Connect Repository). */\n  sourceModuleLoaded?: boolean;\n  /** Repositories already connected to the project (seeds the count + submenu). */\n  initialConnectedRepositories?: Repository[];\n  /** Whether the current user can manage the project's repositories. */\n  canManageProjectRepositories?: boolean;\n}\n\n/** The project page header: back arrow, title, progress, info, people, options. */\nexport const ProjectPageHeader = ({\n  title = \"#131: Ime projekta\",\n  sourceModuleLoaded = false,\n  initialConnectedRepositories,\n  canManageProjectRepositories,\n}: ProjectPageHeaderProps): ReactElement => (\n  <StyledPageHeader>\n    <div className=\"page-header-left\">\n      <IconButton variant=\"text gray\" className=\"back-button\">\n        <ArrowLeftIcon />\n      </IconButton>\n      <Title2 className=\"page-title-desktop\">{title}</Title2>\n      <Header2 className=\"page-title-mobile\">{title}</Header2>\n      <div className=\"page-header-children\">\n        <StyledProjectHeaderChildren>\n          <span className=\"project-progress\">\n            <ProgressPie\n              radius={11}\n              progress={64}\n              progressColor=\"var(--color-secondary)\"\n              backgroundColor=\"var(--color-theme-300)\"\n            />\n          </span>\n          <Tooltip title=\"Project Info\">\n            <IconButton variant=\"text gray\">\n              <InfoIcon />\n            </IconButton>\n          </Tooltip>\n          <PeoplePopover />\n          <ProjectOptionsMenu\n            sourceModuleLoaded={sourceModuleLoaded}\n            initialConnectedRepositories={initialConnectedRepositories}\n            canManageProjectRepositories={canManageProjectRepositories}\n          />\n        </StyledProjectHeaderChildren>\n      </div>\n    </div>\n    <div className=\"page-header-spacer\" />\n  </StyledPageHeader>\n);\n\nProjectPageHeader.displayName = \"ProjectPageHeader\";\n\n/* ------------------------------------------------------------------ */\n/* Tab bar (mirrors the <Header> with <Nav> on ProjectPage.js)         */\n/* ------------------------------------------------------------------ */\n\nconst NAV_TABS = [\"Tasks\", \"Discussions\", \"Files\", \"Notes\", \"Activity\"];\n\nconst StyledTabHeader = styled(Header)`\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  min-height: 64px;\n  flex-shrink: 0;\n`;\n\nconst StyledTabControls = styled.div`\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 4px;\n\n  .vertical-separator {\n    width: 1px;\n    height: 24px;\n    background-color: var(--color-theme-400);\n    margin: 0 8px;\n  }\n\n  .filter-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n`;\n\nexport interface TabHeaderProps {\n  /** Which view-mode toggle is highlighted as active. */\n  activeView?: \"list\" | \"column\" | \"timeline\";\n  /** Batch edit is a list/board affordance; views without it pass `false`. */\n  showBatchEdit?: boolean;\n}\n\n/** The Tasks/Discussions/… tab bar plus the right-hand view toolbar. */\nexport const TabHeader = ({\n  activeView = \"list\",\n  showBatchEdit = true,\n}: TabHeaderProps): ReactElement => {\n  const [active, setActive] = useState(0);\n  return (\n    <StyledTabHeader>\n      <Nav onSelect={setActive}>\n        {NAV_TABS.map((label, index) => (\n          <Item active={index === active} key={label} name={label}>\n            <Body2 color=\"secondary\" weight=\"medium\">\n              {label}\n            </Body2>\n          </Item>\n        ))}\n      </Nav>\n      <StyledTabControls>\n        {showBatchEdit ? (\n          <>\n            <Tooltip title=\"Batch Edit\">\n              <IconButton variant=\"text gray\">\n                <EditMultipleIcon />\n              </IconButton>\n            </Tooltip>\n            <span className=\"vertical-separator\" />\n          </>\n        ) : null}\n        <Button variant=\"text gray\" className=\"filter-button\">\n          <FilterIcon />\n          Filter\n        </Button>\n        <Tooltip title=\"List view\">\n          <IconButton variant=\"text gray\" active={activeView === \"list\"}>\n            <ViewListIcon />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Column view\">\n          <IconButton variant=\"text gray\" active={activeView === \"column\"}>\n            <ViewListIcon style={{ transform: \"rotate(90deg)\" }} />\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Timeline view\">\n          <IconButton variant=\"text gray\" active={activeView === \"timeline\"}>\n            <ViewTimelineIcon />\n          </IconButton>\n        </Tooltip>\n        <span className=\"vertical-separator\" />\n        <Tooltip title=\"Add New\">\n          <GlobalAddButton />\n        </Tooltip>\n      </StyledTabControls>\n    </StyledTabHeader>\n  );\n};\n\nTabHeader.displayName = \"TabHeader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/index.js

@@ -208,7 +208,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$5X = ["children", "active", "variant", "size", "className"];
+  var _excluded$5X = ["children", "active", "variant", "size", "type", "className"];
   /**
    * @component Button
    * @description
@@ -218,6 +218,7 @@
    * @prop {variant} - adds unique look and feel to button.
    * @prop {size} - controls the size of a button.
    * @prop {active} - adds active/pressed state to a button.
+   * @prop {type} - defaults to "button"; pass "submit" for a form's submit control.
    *
    * @example
    * return (
@@ -237,6 +238,8 @@
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "button" : _ref$type,
       className = _ref.className,
       args = _objectWithoutProperties(_ref, _excluded$5X);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
@@ -257,7 +260,8 @@
       size: size,
       ref: ref,
       "aria-pressed": active,
-      role: "button"
+      role: "button",
+      type: type
     }, args), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledButtonElements, {
       className: "c-btn__elements"
     }, children.map(function (value, index) {