@box/activity-feed 2.2.16 → 2.2.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/AssigneeList.js +1 -124
- package/dist/chunks/TaskDueDate.js +1 -44
- package/dist/chunks/TaskItemFooter.js +1 -77
- package/dist/chunks/TaskMessage.js +1 -88
- package/dist/chunks/TaskState.js +1 -83
- package/dist/chunks/activity-feed-list.js +1 -33
- package/dist/chunks/activity-feed.js +1 -46
- package/dist/chunks/app-activity-item.js +1 -75
- package/dist/chunks/editor.js +1 -16
- package/dist/chunks/empty-state.js +1 -30
- package/dist/chunks/header.js +1 -72
- package/dist/chunks/scroll.js +1 -6
- package/dist/chunks/task-button.js +1 -49
- package/dist/chunks/task-delete-confirmation-popover.js +1 -57
- package/dist/chunks/task-options-menu.js +1 -81
- package/dist/chunks/types.js +1 -8
- package/dist/chunks/version-item.module.js +1 -10
- package/dist/esm/index.js +1 -10
- package/dist/esm/lib/activity-feed.js +1 -6
- package/dist/esm/lib/components/activity-feed-list/activity-feed-list.js +1 -2
- package/dist/esm/lib/components/activity-feed-list/index.js +1 -2
- package/dist/esm/lib/components/activity-feed-list/use-list-scroll-state.js +1 -33
- package/dist/esm/lib/components/app-activity-item/app-activity-item.js +1 -2
- package/dist/esm/lib/components/app-activity-item/index.js +1 -2
- package/dist/esm/lib/components/app-activity-item/messages.js +1 -6
- package/dist/esm/lib/components/editor/editor.js +1 -2
- package/dist/esm/lib/components/editor/index.js +1 -2
- package/dist/esm/lib/components/empty-state/empty-state.js +1 -2
- package/dist/esm/lib/components/empty-state/index.js +1 -2
- package/dist/esm/lib/components/empty-state/messages.js +1 -12
- package/dist/esm/lib/components/header/header-filter-options.js +1 -34
- package/dist/esm/lib/components/header/header.js +1 -2
- package/dist/esm/lib/components/header/messages.js +1 -44
- package/dist/esm/lib/components/header/task-button/index.js +1 -2
- package/dist/esm/lib/components/header/task-button/messages.js +1 -24
- package/dist/esm/lib/components/header/task-button/task-button.js +1 -2
- package/dist/esm/lib/components/task-item/TaskItem.js +1 -92
- package/dist/esm/lib/components/task-item/TaskItemFooter.js +1 -2
- package/dist/esm/lib/components/task-item/components/assignee-list/AssigneeList.js +1 -2
- package/dist/esm/lib/components/task-item/components/assignee-list/index.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-due-date/TaskDueDate.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-due-date/index.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-message/MessageRenderer.js +1 -21
- package/dist/esm/lib/components/task-item/components/task-message/TaskMessage.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-message/index.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-message/messages.js +1 -28
- package/dist/esm/lib/components/task-item/components/task-message/task-delete-confirmation-popover.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-message/task-options-menu.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-state/TaskState.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-state/index.js +1 -2
- package/dist/esm/lib/components/task-item/components/task-state/messages.js +1 -20
- package/dist/esm/lib/components/task-item/index.js +1 -6
- package/dist/esm/lib/components/task-item/messages.js +1 -88
- package/dist/esm/lib/components/task-item/utils/task-item-helpers.js +2 -22
- package/dist/esm/lib/components/user-avatar/getInitials.js +1 -5
- package/dist/esm/lib/components/user-avatar/index.js +1 -2
- package/dist/esm/lib/components/user-avatar/user-avatar.js +1 -22
- package/dist/esm/lib/components/version-item/delete-version-item/delete-version-item.js +1 -41
- package/dist/esm/lib/components/version-item/delete-version-item/index.js +1 -2
- package/dist/esm/lib/components/version-item/divider-version-item/divider-version-item.js +1 -20
- package/dist/esm/lib/components/version-item/divider-version-item/index.js +1 -2
- package/dist/esm/lib/components/version-item/index.js +1 -2
- package/dist/esm/lib/components/version-item/messages.js +1 -36
- package/dist/esm/lib/components/version-item/version-item.js +1 -54
- package/dist/esm/lib/resin-targets.js +1 -20
- package/dist/esm/lib/scroll/create-activity-feed-scroll.js +1 -21
- package/dist/esm/lib/scroll/index.js +1 -4
- package/dist/esm/lib/scroll/use-activity-feed-scroll.js +1 -7
- package/package.json +15 -15
|
@@ -1,30 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Text as t } from "@box/blueprint-web";
|
|
3
|
-
import { CommentBubbles as n } from "@box/blueprint-web-assets/illustrations/Medium";
|
|
4
|
-
import { useIntl as r } from "react-intl";
|
|
5
|
-
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
|
-
import '../styles/empty-state.css';var o = { container: "_container_1pvci_1" }, s = () => {
|
|
7
|
-
let { formatMessage: s } = r();
|
|
8
|
-
return /* @__PURE__ */ a("div", {
|
|
9
|
-
className: o.container,
|
|
10
|
-
children: [
|
|
11
|
-
/* @__PURE__ */ i(n, {
|
|
12
|
-
height: 140,
|
|
13
|
-
width: 140
|
|
14
|
-
}),
|
|
15
|
-
/* @__PURE__ */ i(t, {
|
|
16
|
-
as: "p",
|
|
17
|
-
color: "textOnLightSecondary",
|
|
18
|
-
variant: "titleSmall",
|
|
19
|
-
children: s(e.title)
|
|
20
|
-
}),
|
|
21
|
-
/* @__PURE__ */ i(t, {
|
|
22
|
-
as: "p",
|
|
23
|
-
color: "textOnLightSecondary",
|
|
24
|
-
variant: "bodyDefault",
|
|
25
|
-
children: s(e.body)
|
|
26
|
-
})
|
|
27
|
-
]
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
export { s as t };
|
|
1
|
+
import{messages}from"../esm/lib/components/empty-state/messages.js";import{Text}from"@box/blueprint-web";import{CommentBubbles}from"@box/blueprint-web-assets/illustrations/Medium";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/empty-state.css';var empty_state_module_default={container:`_container_1pvci_1`},EmptyState=()=>{let{formatMessage}=useIntl();return jsxs(`div`,{className:empty_state_module_default.container,children:[jsx(CommentBubbles,{height:140,width:140}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`titleSmall`,children:formatMessage(messages.title)}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodyDefault`,children:formatMessage(messages.body)})]})};export{EmptyState as t};
|
package/dist/chunks/header.js
CHANGED
|
@@ -1,72 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { messages as r } from "../esm/lib/components/header/messages.js";
|
|
3
|
-
import { HeaderMentionMeOption as i, HeaderShowResolvedOption as a } from "../esm/lib/components/header/header-filter-options.js";
|
|
4
|
-
import { t as o } from "./task-button.js";
|
|
5
|
-
import { useState as s } from "react";
|
|
6
|
-
import { DropdownMenu as c, IconButton as l, IconToggleButton as u, Text as d } from "@box/blueprint-web";
|
|
7
|
-
import { useIntl as f } from "react-intl";
|
|
8
|
-
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
9
|
-
import { Funnel as h, XMark as g } from "@box/blueprint-web-assets/icons/Medium";
|
|
10
|
-
import '../styles/header.css';var _ = {
|
|
11
|
-
header: "_header_1hyzr_27",
|
|
12
|
-
title: "_title_1hyzr_37",
|
|
13
|
-
actions: "_actions_1hyzr_45",
|
|
14
|
-
filterMenuContent: "_filterMenuContent_1hyzr_52",
|
|
15
|
-
filtersTitle: "_filtersTitle_1hyzr_56",
|
|
16
|
-
filterTrigger: "_filterTrigger_1hyzr_60"
|
|
17
|
-
}, v = Object.assign(({ children: t, title: n }) => /* @__PURE__ */ m("div", {
|
|
18
|
-
className: _.header,
|
|
19
|
-
"data-resin-component": e.HEADER,
|
|
20
|
-
children: [/* @__PURE__ */ p(d, {
|
|
21
|
-
as: "h2",
|
|
22
|
-
className: _.title,
|
|
23
|
-
variant: "titleLarge",
|
|
24
|
-
children: n
|
|
25
|
-
}), t]
|
|
26
|
-
}), {
|
|
27
|
-
Actions: ({ children: e }) => /* @__PURE__ */ p("div", {
|
|
28
|
-
className: _.actions,
|
|
29
|
-
children: e
|
|
30
|
-
}),
|
|
31
|
-
CloseButton: ({ onClick: e }) => {
|
|
32
|
-
let { formatMessage: t } = f();
|
|
33
|
-
return /* @__PURE__ */ p(l, {
|
|
34
|
-
"aria-label": t(r.closeAriaLabel),
|
|
35
|
-
icon: g,
|
|
36
|
-
onClick: e,
|
|
37
|
-
size: "small"
|
|
38
|
-
});
|
|
39
|
-
},
|
|
40
|
-
FilterMenu: ({ children: i, hasActiveFilters: a = !1 }) => {
|
|
41
|
-
let { formatMessage: o } = f(), [l, g] = s(!1);
|
|
42
|
-
return /* @__PURE__ */ m(c.Root, {
|
|
43
|
-
modal: !1,
|
|
44
|
-
onOpenChange: g,
|
|
45
|
-
open: l,
|
|
46
|
-
children: [/* @__PURE__ */ p(c.Trigger, { children: /* @__PURE__ */ p(u, {
|
|
47
|
-
"aria-label": o(r.filterAriaLabel),
|
|
48
|
-
className: _.filterTrigger,
|
|
49
|
-
"data-resin-target": n.FILTER_MENU_TRIGGER,
|
|
50
|
-
icon: h,
|
|
51
|
-
pressed: l || a,
|
|
52
|
-
size: "small"
|
|
53
|
-
}) }), /* @__PURE__ */ m(c.Content, {
|
|
54
|
-
align: "end",
|
|
55
|
-
className: _.filterMenuContent,
|
|
56
|
-
"data-resin-component": e.HEADER,
|
|
57
|
-
"data-resin-feature": t,
|
|
58
|
-
children: [/* @__PURE__ */ p(d, {
|
|
59
|
-
as: "p",
|
|
60
|
-
className: _.filtersTitle,
|
|
61
|
-
color: "textOnLightSecondary",
|
|
62
|
-
variant: "bodyDefaultBold",
|
|
63
|
-
children: o(r.filtersTitle)
|
|
64
|
-
}), i]
|
|
65
|
-
})]
|
|
66
|
-
});
|
|
67
|
-
},
|
|
68
|
-
MentionMeOption: i,
|
|
69
|
-
ShowResolvedOption: a,
|
|
70
|
-
TaskButton: o
|
|
71
|
-
});
|
|
72
|
-
export { v as t };
|
|
1
|
+
import{ACTIVITY_FEED_RESIN_COMPONENTS,ACTIVITY_FEED_RESIN_FEATURE,ACTIVITY_FEED_RESIN_TARGETS}from"../esm/lib/resin-targets.js";import{messages}from"../esm/lib/components/header/messages.js";import{HeaderMentionMeOption,HeaderShowResolvedOption}from"../esm/lib/components/header/header-filter-options.js";import{t as TaskButton}from"./task-button.js";import{useState}from"react";import{DropdownMenu,IconButton,IconToggleButton,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Funnel,XMark}from"@box/blueprint-web-assets/icons/Medium";import '../styles/header.css';var header_module_default={header:`_header_1hyzr_27`,title:`_title_1hyzr_37`,actions:`_actions_1hyzr_45`,filterMenuContent:`_filterMenuContent_1hyzr_52`,filtersTitle:`_filtersTitle_1hyzr_56`,filterTrigger:`_filterTrigger_1hyzr_60`},Header=Object.assign(({children,title})=>jsxs(`div`,{className:header_module_default.header,"data-resin-component":ACTIVITY_FEED_RESIN_COMPONENTS.HEADER,children:[jsx(Text,{as:`h2`,className:header_module_default.title,variant:`titleLarge`,children:title}),children]}),{Actions:({children})=>jsx(`div`,{className:header_module_default.actions,children}),CloseButton:({onClick})=>{let{formatMessage}=useIntl();return jsx(IconButton,{"aria-label":formatMessage(messages.closeAriaLabel),icon:XMark,onClick,size:`small`})},FilterMenu:({children,hasActiveFilters=!1})=>{let{formatMessage}=useIntl(),[isFilterOpen,setIsFilterOpen]=useState(!1);return jsxs(DropdownMenu.Root,{modal:!1,onOpenChange:setIsFilterOpen,open:isFilterOpen,children:[jsx(DropdownMenu.Trigger,{children:jsx(IconToggleButton,{"aria-label":formatMessage(messages.filterAriaLabel),className:header_module_default.filterTrigger,"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.FILTER_MENU_TRIGGER,icon:Funnel,pressed:isFilterOpen||hasActiveFilters,size:`small`})}),jsxs(DropdownMenu.Content,{align:`end`,className:header_module_default.filterMenuContent,"data-resin-component":ACTIVITY_FEED_RESIN_COMPONENTS.HEADER,"data-resin-feature":ACTIVITY_FEED_RESIN_FEATURE,children:[jsx(Text,{as:`p`,className:header_module_default.filtersTitle,color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:formatMessage(messages.filtersTitle)}),children]})]})},MentionMeOption:HeaderMentionMeOption,ShowResolvedOption:HeaderShowResolvedOption,TaskButton});export{Header as t};
|
package/dist/chunks/scroll.js
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
function
|
|
2
|
-
if (typeof e != "object" || !e) return !1;
|
|
3
|
-
let t = e;
|
|
4
|
-
return typeof t.attachContainer == "function" && typeof t.scrollTo == "function";
|
|
5
|
-
}
|
|
6
|
-
export { e as t };
|
|
1
|
+
function isAttachableActivityFeedScrollHandle(value){if(typeof value!=`object`||!value)return!1;let candidate=value;return typeof candidate.attachContainer==`function`&&typeof candidate.scrollTo==`function`}export{isAttachableActivityFeedScrollHandle as t};
|
|
@@ -1,49 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { r } from "./types.js";
|
|
3
|
-
import { messages as i } from "../esm/lib/components/header/task-button/messages.js";
|
|
4
|
-
import { useRef as a, useState as o } from "react";
|
|
5
|
-
import { DropdownMenu as s, TriggerButton as c } from "@box/blueprint-web";
|
|
6
|
-
import { useIntl as l } from "react-intl";
|
|
7
|
-
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
8
|
-
import { ApprovalTask as f } from "@box/blueprint-web-assets/icons/Fill";
|
|
9
|
-
import { Tasks as p } from "@box/blueprint-web-assets/icons/MediumFilled";
|
|
10
|
-
import '../styles/task-button.css';var m = { content: "_content_wjran_1" }, h = ({ disabled: h = !1, onMenuItemClick: g }) => {
|
|
11
|
-
let { formatMessage: _ } = l(), [v, y] = o(!1), b = a(!1), x = (e) => {
|
|
12
|
-
b.current = !0, g(e), y(!1);
|
|
13
|
-
};
|
|
14
|
-
return /* @__PURE__ */ d(s.Root, {
|
|
15
|
-
onOpenChange: y,
|
|
16
|
-
open: v,
|
|
17
|
-
children: [/* @__PURE__ */ u(s.Trigger, { children: /* @__PURE__ */ u(c, {
|
|
18
|
-
caretDirection: v ? "up" : "down",
|
|
19
|
-
"data-resin-target": n.TASK_ADD_TRIGGER,
|
|
20
|
-
disabled: h,
|
|
21
|
-
label: _(i.taskButtonLabel),
|
|
22
|
-
variant: "secondary"
|
|
23
|
-
}) }), /* @__PURE__ */ d(s.Content, {
|
|
24
|
-
align: "end",
|
|
25
|
-
className: m.content,
|
|
26
|
-
"data-resin-component": e.HEADER,
|
|
27
|
-
"data-resin-feature": t,
|
|
28
|
-
onCloseAutoFocus: (e) => {
|
|
29
|
-
b.current &&= (e.preventDefault(), !1);
|
|
30
|
-
},
|
|
31
|
-
children: [/* @__PURE__ */ d(s.Item, {
|
|
32
|
-
"data-resin-target": n.TASK_ADD_GENERAL,
|
|
33
|
-
onSelect: () => x(r.GENERAL),
|
|
34
|
-
children: [/* @__PURE__ */ u(s.Item.StartElement, { icon: p }), /* @__PURE__ */ u(s.Item.MainContent, {
|
|
35
|
-
caption: _(i.generalTaskDescription),
|
|
36
|
-
label: _(i.generalTaskTitle)
|
|
37
|
-
})]
|
|
38
|
-
}), /* @__PURE__ */ d(s.Item, {
|
|
39
|
-
"data-resin-target": n.TASK_ADD_APPROVAL,
|
|
40
|
-
onSelect: () => x(r.APPROVAL),
|
|
41
|
-
children: [/* @__PURE__ */ u(s.Item.StartElement, { icon: f }), /* @__PURE__ */ u(s.Item.MainContent, {
|
|
42
|
-
caption: _(i.approvalTaskDescription),
|
|
43
|
-
label: _(i.approvalTaskTitle)
|
|
44
|
-
})]
|
|
45
|
-
})]
|
|
46
|
-
})]
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
export { h as t };
|
|
1
|
+
import{ACTIVITY_FEED_RESIN_COMPONENTS,ACTIVITY_FEED_RESIN_FEATURE,ACTIVITY_FEED_RESIN_TARGETS}from"../esm/lib/resin-targets.js";import{r as TaskType}from"./types.js";import{messages}from"../esm/lib/components/header/task-button/messages.js";import{useRef,useState}from"react";import{DropdownMenu,TriggerButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ApprovalTask}from"@box/blueprint-web-assets/icons/Fill";import{Tasks}from"@box/blueprint-web-assets/icons/MediumFilled";import '../styles/task-button.css';var task_button_module_default={content:`_content_wjran_1`},TaskButton=({disabled=!1,onMenuItemClick})=>{let{formatMessage}=useIntl(),[isOpen,setIsOpen]=useState(!1),itemSelectedRef=useRef(!1),handleMenuItemClick=taskType=>{itemSelectedRef.current=!0,onMenuItemClick(taskType),setIsOpen(!1)};return jsxs(DropdownMenu.Root,{onOpenChange:setIsOpen,open:isOpen,children:[jsx(DropdownMenu.Trigger,{children:jsx(TriggerButton,{caretDirection:isOpen?`up`:`down`,"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_ADD_TRIGGER,disabled,label:formatMessage(messages.taskButtonLabel),variant:`secondary`})}),jsxs(DropdownMenu.Content,{align:`end`,className:task_button_module_default.content,"data-resin-component":ACTIVITY_FEED_RESIN_COMPONENTS.HEADER,"data-resin-feature":ACTIVITY_FEED_RESIN_FEATURE,onCloseAutoFocus:event=>{itemSelectedRef.current&&=(event.preventDefault(),!1)},children:[jsxs(DropdownMenu.Item,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_ADD_GENERAL,onSelect:()=>handleMenuItemClick(TaskType.GENERAL),children:[jsx(DropdownMenu.Item.StartElement,{icon:Tasks}),jsx(DropdownMenu.Item.MainContent,{caption:formatMessage(messages.generalTaskDescription),label:formatMessage(messages.generalTaskTitle)})]}),jsxs(DropdownMenu.Item,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_ADD_APPROVAL,onSelect:()=>handleMenuItemClick(TaskType.APPROVAL),children:[jsx(DropdownMenu.Item.StartElement,{icon:ApprovalTask}),jsx(DropdownMenu.Item.MainContent,{caption:formatMessage(messages.approvalTaskDescription),label:formatMessage(messages.approvalTaskTitle)})]})]})]})};export{TaskButton as t};
|
|
@@ -1,57 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import r from "../esm/lib/components/task-item/components/task-message/messages.js";
|
|
3
|
-
import { Button as i, Popover as a, Text as o } from "@box/blueprint-web";
|
|
4
|
-
import { useIntl as s } from "react-intl";
|
|
5
|
-
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
6
|
-
import '../styles/task-delete-confirmation-popover.css';var u = {
|
|
7
|
-
deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_2wpp6_3",
|
|
8
|
-
deletePopoverAnchor: "_deletePopoverAnchor_2wpp6_3",
|
|
9
|
-
deletePopover: "_deletePopover_2wpp6_3",
|
|
10
|
-
footer: "_footer_2wpp6_25"
|
|
11
|
-
};
|
|
12
|
-
function d({ confirming: d = !1, onCancel: f, onConfirm: p, onOpenChange: m, open: h }) {
|
|
13
|
-
let g = s();
|
|
14
|
-
return /* @__PURE__ */ c("div", {
|
|
15
|
-
className: u.deletePopoverAnchorWrapper,
|
|
16
|
-
children: /* @__PURE__ */ l(a.Root, {
|
|
17
|
-
modal: !1,
|
|
18
|
-
onOpenChange: m,
|
|
19
|
-
open: h,
|
|
20
|
-
children: [/* @__PURE__ */ c(a.Anchor, { children: /* @__PURE__ */ c(o, {
|
|
21
|
-
as: "span",
|
|
22
|
-
className: u.deletePopoverAnchor
|
|
23
|
-
}) }), /* @__PURE__ */ l(a.ContentContainer, {
|
|
24
|
-
align: "end",
|
|
25
|
-
"aria-label": g.formatMessage(r.deleteTaskConfirmationDialogAriaLabel),
|
|
26
|
-
className: u.deletePopover,
|
|
27
|
-
"data-resin-component": e.TASK,
|
|
28
|
-
"data-resin-feature": t,
|
|
29
|
-
side: "bottom",
|
|
30
|
-
children: [/* @__PURE__ */ c(a.MainContent, { children: /* @__PURE__ */ c(o, {
|
|
31
|
-
as: "p",
|
|
32
|
-
color: "textOnLightDefault",
|
|
33
|
-
variant: "bodyDefault",
|
|
34
|
-
children: g.formatMessage(r.deleteTaskConfirmationBody)
|
|
35
|
-
}) }), /* @__PURE__ */ l(a.Footer, {
|
|
36
|
-
className: u.footer,
|
|
37
|
-
children: [/* @__PURE__ */ c(i, {
|
|
38
|
-
disabled: d,
|
|
39
|
-
onClick: f,
|
|
40
|
-
size: "small",
|
|
41
|
-
variant: "secondary",
|
|
42
|
-
children: g.formatMessage(r.deleteTaskConfirmationCancel)
|
|
43
|
-
}), /* @__PURE__ */ c(i, {
|
|
44
|
-
"data-resin-target": n.TASK_DELETE_CONFIRM,
|
|
45
|
-
loading: d,
|
|
46
|
-
loadingAriaLabel: g.formatMessage(r.deleteTaskConfirmationConfirmLoading),
|
|
47
|
-
onClick: p,
|
|
48
|
-
size: "small",
|
|
49
|
-
variant: "destructive",
|
|
50
|
-
children: g.formatMessage(r.deleteTaskConfirmationConfirm)
|
|
51
|
-
})]
|
|
52
|
-
})]
|
|
53
|
-
})]
|
|
54
|
-
})
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
export { d as t };
|
|
1
|
+
import{ACTIVITY_FEED_RESIN_COMPONENTS,ACTIVITY_FEED_RESIN_FEATURE,ACTIVITY_FEED_RESIN_TARGETS}from"../esm/lib/resin-targets.js";import messages from"../esm/lib/components/task-item/components/task-message/messages.js";import{Button,Popover,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/task-delete-confirmation-popover.css';var task_delete_confirmation_popover_module_default={deletePopoverAnchorWrapper:`_deletePopoverAnchorWrapper_2wpp6_3`,deletePopoverAnchor:`_deletePopoverAnchor_2wpp6_3`,deletePopover:`_deletePopover_2wpp6_3`,footer:`_footer_2wpp6_25`};function TaskDeleteConfirmationPopover({confirming=!1,onCancel,onConfirm,onOpenChange,open}){let intl=useIntl();return jsx(`div`,{className:task_delete_confirmation_popover_module_default.deletePopoverAnchorWrapper,children:jsxs(Popover.Root,{modal:!1,onOpenChange,open,children:[jsx(Popover.Anchor,{children:jsx(Text,{as:`span`,className:task_delete_confirmation_popover_module_default.deletePopoverAnchor})}),jsxs(Popover.ContentContainer,{align:`end`,"aria-label":intl.formatMessage(messages.deleteTaskConfirmationDialogAriaLabel),className:task_delete_confirmation_popover_module_default.deletePopover,"data-resin-component":ACTIVITY_FEED_RESIN_COMPONENTS.TASK,"data-resin-feature":ACTIVITY_FEED_RESIN_FEATURE,side:`bottom`,children:[jsx(Popover.MainContent,{children:jsx(Text,{as:`p`,color:`textOnLightDefault`,variant:`bodyDefault`,children:intl.formatMessage(messages.deleteTaskConfirmationBody)})}),jsxs(Popover.Footer,{className:task_delete_confirmation_popover_module_default.footer,children:[jsx(Button,{disabled:confirming,onClick:onCancel,size:`small`,variant:`secondary`,children:intl.formatMessage(messages.deleteTaskConfirmationCancel)}),jsx(Button,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_DELETE_CONFIRM,loading:confirming,loadingAriaLabel:intl.formatMessage(messages.deleteTaskConfirmationConfirmLoading),onClick:onConfirm,size:`small`,variant:`destructive`,children:intl.formatMessage(messages.deleteTaskConfirmationConfirm)})]})]})]})})}export{TaskDeleteConfirmationPopover as t};
|
|
@@ -1,81 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import r from "../esm/lib/components/task-item/messages.js";
|
|
3
|
-
import i from "../esm/lib/components/task-item/components/task-message/messages.js";
|
|
4
|
-
import { t as a } from "./task-delete-confirmation-popover.js";
|
|
5
|
-
import { useEffect as o, useState as s } from "react";
|
|
6
|
-
import { DropdownMenu as c, IconButton as l, Text as u } from "@box/blueprint-web";
|
|
7
|
-
import { useIntl as d } from "react-intl";
|
|
8
|
-
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
9
|
-
import { Ellipsis as m, InformationCircle as h, Pencil as g, Trash as _ } from "@box/blueprint-web-assets/icons/Medium";
|
|
10
|
-
import { bpTextTextDestructiveOnLight as v } from "@box/blueprint-web-assets/tokens/tokens";
|
|
11
|
-
import '../styles/task-options-menu.css';var y = { shell: "_shell_zywke_2" };
|
|
12
|
-
function b({ canDelete: b = !0, canEdit: x = !0, disabled: S, onEdit: C, onDelete: w, onView: T, onOpenChange: E }) {
|
|
13
|
-
let { formatMessage: D } = d(), [O, k] = s(!1), [A, j] = s(!1), [M, N] = s(!1);
|
|
14
|
-
return o(() => {
|
|
15
|
-
E?.(O || A);
|
|
16
|
-
}, [
|
|
17
|
-
O,
|
|
18
|
-
A,
|
|
19
|
-
E
|
|
20
|
-
]), /* @__PURE__ */ p("div", {
|
|
21
|
-
className: y.shell,
|
|
22
|
-
children: [/* @__PURE__ */ p(c.Root, {
|
|
23
|
-
onOpenChange: k,
|
|
24
|
-
children: [/* @__PURE__ */ f(c.Trigger, { children: /* @__PURE__ */ f(l, {
|
|
25
|
-
"aria-label": D(i.moreOptionsAriaLabel),
|
|
26
|
-
"data-no-expand": !0,
|
|
27
|
-
disabled: S || A,
|
|
28
|
-
icon: m,
|
|
29
|
-
size: "small"
|
|
30
|
-
}) }), /* @__PURE__ */ p(c.Content, {
|
|
31
|
-
align: "end",
|
|
32
|
-
"data-resin-component": e.TASK,
|
|
33
|
-
"data-resin-feature": t,
|
|
34
|
-
children: [
|
|
35
|
-
T && /* @__PURE__ */ p(c.Item, {
|
|
36
|
-
"data-resin-target": n.TASK_VIEW_DETAILS,
|
|
37
|
-
onSelect: () => T(),
|
|
38
|
-
children: [/* @__PURE__ */ f(c.Item.StartElement, { icon: h }), /* @__PURE__ */ f(c.Item.MainContent, { label: D(r.taskViewDetailsAction) })]
|
|
39
|
-
}),
|
|
40
|
-
x && C && /* @__PURE__ */ p(c.Item, {
|
|
41
|
-
"data-resin-target": n.TASK_EDIT,
|
|
42
|
-
onSelect: () => C(),
|
|
43
|
-
children: [/* @__PURE__ */ f(c.Item.StartElement, { icon: g }), /* @__PURE__ */ f(c.Item.MainContent, { label: D(r.taskEditMenuItem) })]
|
|
44
|
-
}),
|
|
45
|
-
b && w && /* @__PURE__ */ p(c.Item, {
|
|
46
|
-
"data-resin-target": n.TASK_DELETE,
|
|
47
|
-
onSelect: () => {
|
|
48
|
-
j(!0);
|
|
49
|
-
},
|
|
50
|
-
children: [/* @__PURE__ */ f(c.Item.StartElement, { children: /* @__PURE__ */ f(_, { color: v }) }), /* @__PURE__ */ f(c.Item.MainContent, { children: /* @__PURE__ */ f(u, {
|
|
51
|
-
as: "span",
|
|
52
|
-
color: "textOnLightError",
|
|
53
|
-
variant: "bodyDefault",
|
|
54
|
-
children: D(r.taskDeleteMenuItem)
|
|
55
|
-
}) })]
|
|
56
|
-
})
|
|
57
|
-
]
|
|
58
|
-
})]
|
|
59
|
-
}), b && w && /* @__PURE__ */ f(a, {
|
|
60
|
-
confirming: M,
|
|
61
|
-
onCancel: () => {
|
|
62
|
-
M || j(!1);
|
|
63
|
-
},
|
|
64
|
-
onConfirm: async () => {
|
|
65
|
-
if (!(!w || M)) {
|
|
66
|
-
N(!0);
|
|
67
|
-
try {
|
|
68
|
-
await w();
|
|
69
|
-
} catch {} finally {
|
|
70
|
-
N(!1), j(!1);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
onOpenChange: (e) => {
|
|
75
|
-
!e && M || j(e);
|
|
76
|
-
},
|
|
77
|
-
open: A
|
|
78
|
-
})]
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
export { b as t };
|
|
1
|
+
import{ACTIVITY_FEED_RESIN_COMPONENTS,ACTIVITY_FEED_RESIN_FEATURE,ACTIVITY_FEED_RESIN_TARGETS}from"../esm/lib/resin-targets.js";import messages from"../esm/lib/components/task-item/messages.js";import messages$1 from"../esm/lib/components/task-item/components/task-message/messages.js";import{t as TaskDeleteConfirmationPopover}from"./task-delete-confirmation-popover.js";import{useEffect,useState}from"react";import{DropdownMenu,IconButton,Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Ellipsis,InformationCircle,Pencil,Trash}from"@box/blueprint-web-assets/icons/Medium";import{bpTextTextDestructiveOnLight}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/task-options-menu.css';var task_options_menu_module_default={shell:`_shell_zywke_2`};function TaskOptionsMenu({canDelete=!0,canEdit=!0,disabled,onEdit,onDelete,onView,onOpenChange}){let{formatMessage}=useIntl(),[isMenuOpen,setIsMenuOpen]=useState(!1),[isDeletePopoverOpen,setIsDeletePopoverOpen]=useState(!1),[isConfirmingDelete,setIsConfirmingDelete]=useState(!1);return useEffect(()=>{onOpenChange?.(isMenuOpen||isDeletePopoverOpen)},[isMenuOpen,isDeletePopoverOpen,onOpenChange]),jsxs(`div`,{className:task_options_menu_module_default.shell,children:[jsxs(DropdownMenu.Root,{onOpenChange:setIsMenuOpen,children:[jsx(DropdownMenu.Trigger,{children:jsx(IconButton,{"aria-label":formatMessage(messages$1.moreOptionsAriaLabel),"data-no-expand":!0,disabled:disabled||isDeletePopoverOpen,icon:Ellipsis,size:`small`})}),jsxs(DropdownMenu.Content,{align:`end`,"data-resin-component":ACTIVITY_FEED_RESIN_COMPONENTS.TASK,"data-resin-feature":ACTIVITY_FEED_RESIN_FEATURE,children:[onView&&jsxs(DropdownMenu.Item,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_VIEW_DETAILS,onSelect:()=>onView(),children:[jsx(DropdownMenu.Item.StartElement,{icon:InformationCircle}),jsx(DropdownMenu.Item.MainContent,{label:formatMessage(messages.taskViewDetailsAction)})]}),canEdit&&onEdit&&jsxs(DropdownMenu.Item,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_EDIT,onSelect:()=>onEdit(),children:[jsx(DropdownMenu.Item.StartElement,{icon:Pencil}),jsx(DropdownMenu.Item.MainContent,{label:formatMessage(messages.taskEditMenuItem)})]}),canDelete&&onDelete&&jsxs(DropdownMenu.Item,{"data-resin-target":ACTIVITY_FEED_RESIN_TARGETS.TASK_DELETE,onSelect:()=>{setIsDeletePopoverOpen(!0)},children:[jsx(DropdownMenu.Item.StartElement,{children:jsx(Trash,{color:bpTextTextDestructiveOnLight})}),jsx(DropdownMenu.Item.MainContent,{children:jsx(Text,{as:`span`,color:`textOnLightError`,variant:`bodyDefault`,children:formatMessage(messages.taskDeleteMenuItem)})})]})]})]}),canDelete&&onDelete&&jsx(TaskDeleteConfirmationPopover,{confirming:isConfirmingDelete,onCancel:()=>{isConfirmingDelete||setIsDeletePopoverOpen(!1)},onConfirm:async()=>{if(!(!onDelete||isConfirmingDelete)){setIsConfirmingDelete(!0);try{await onDelete()}catch{}finally{setIsConfirmingDelete(!1),setIsDeletePopoverOpen(!1)}}},onOpenChange:open=>{!open&&isConfirmingDelete||setIsDeletePopoverOpen(open)},open:isDeletePopoverOpen})]})}export{TaskOptionsMenu as t};
|
package/dist/chunks/types.js
CHANGED
|
@@ -1,8 +1 @@
|
|
|
1
|
-
var
|
|
2
|
-
return e.NOT_STARTED = "NOT_STARTED", e.IN_PROGRESS = "IN_PROGRESS", e.COMPLETED = "COMPLETED", e.APPROVED = "APPROVED", e.REJECTED = "REJECTED", e;
|
|
3
|
-
}({}), t = /* @__PURE__ */ function(e) {
|
|
4
|
-
return e.APPROVAL = "APPROVAL", e.GENERAL = "GENERAL", e;
|
|
5
|
-
}({}), n = /* @__PURE__ */ function(e) {
|
|
6
|
-
return e.ALL_ASSIGNEES = "ALL_ASSIGNEES", e.ANY_ASSIGNEE = "ANY_ASSIGNEE", e;
|
|
7
|
-
}({});
|
|
8
|
-
export { e as n, t as r, n as t };
|
|
1
|
+
var TaskStatus=function(TaskStatus){return TaskStatus.NOT_STARTED=`NOT_STARTED`,TaskStatus.IN_PROGRESS=`IN_PROGRESS`,TaskStatus.COMPLETED=`COMPLETED`,TaskStatus.APPROVED=`APPROVED`,TaskStatus.REJECTED=`REJECTED`,TaskStatus}({}),TaskType=function(TaskType){return TaskType.APPROVAL=`APPROVAL`,TaskType.GENERAL=`GENERAL`,TaskType}({}),TaskCompletionRule=function(TaskCompletionRule){return TaskCompletionRule.ALL_ASSIGNEES=`ALL_ASSIGNEES`,TaskCompletionRule.ANY_ASSIGNEE=`ANY_ASSIGNEE`,TaskCompletionRule}({});export{TaskStatus as n,TaskType as r,TaskCompletionRule as t};
|
|
@@ -1,10 +1 @@
|
|
|
1
|
-
import '../styles/version-item.css';var
|
|
2
|
-
versionItem: "_versionItem_17iv5_27",
|
|
3
|
-
line: "_line_17iv5_36",
|
|
4
|
-
content: "_content_17iv5_42",
|
|
5
|
-
badge: "_badge_17iv5_48",
|
|
6
|
-
deleteItem: "_deleteItem_17iv5_59",
|
|
7
|
-
deleteMessage: "_deleteMessage_17iv5_66",
|
|
8
|
-
badgeButton: "_badgeButton_17iv5_71"
|
|
9
|
-
};
|
|
10
|
-
export { e as t };
|
|
1
|
+
import '../styles/version-item.css';var version_item_module_default={versionItem:`_versionItem_17iv5_27`,line:`_line_17iv5_36`,content:`_content_17iv5_42`,badge:`_badge_17iv5_48`,deleteItem:`_deleteItem_17iv5_59`,deleteMessage:`_deleteMessage_17iv5_66`,badgeButton:`_badgeButton_17iv5_71`};export{version_item_module_default as t};
|
package/dist/esm/index.js
CHANGED
|
@@ -1,10 +1 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import { t } from "../chunks/app-activity-item.js";
|
|
3
|
-
import "./lib/components/app-activity-item/index.js";
|
|
4
|
-
import { n, r, t as i } from "../chunks/types.js";
|
|
5
|
-
import { TaskItem as a } from "./lib/components/task-item/TaskItem.js";
|
|
6
|
-
import "./lib/components/task-item/index.js";
|
|
7
|
-
import { VersionItem as o } from "./lib/components/version-item/version-item.js";
|
|
8
|
-
import "./lib/components/version-item/index.js";
|
|
9
|
-
import { useActivityFeedScroll as s } from "./lib/scroll/use-activity-feed-scroll.js";
|
|
10
|
-
export { e as ActivityFeed, t as AppActivityItem, i as TaskCompletionRule, a as TaskItem, n as TaskItemStatus, r as TaskType, o as VersionItem, s as useActivityFeedScroll };
|
|
1
|
+
import{t as ActivityFeed}from"../chunks/activity-feed.js";import{t as AppActivityItem}from"../chunks/app-activity-item.js";import"./lib/components/app-activity-item/index.js";import{n as TaskStatus,r as TaskType,t as TaskCompletionRule}from"../chunks/types.js";import{TaskItem}from"./lib/components/task-item/TaskItem.js";import"./lib/components/task-item/index.js";import{VersionItem}from"./lib/components/version-item/version-item.js";import"./lib/components/version-item/index.js";import{useActivityFeedScroll}from"./lib/scroll/use-activity-feed-scroll.js";export{ActivityFeed,AppActivityItem,TaskCompletionRule,TaskItem,TaskStatus as TaskItemStatus,TaskType,VersionItem,useActivityFeedScroll};
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import "./components/app-activity-item/index.js";
|
|
3
|
-
import "./components/task-item/index.js";
|
|
4
|
-
import "./components/version-item/index.js";
|
|
5
|
-
import { useActivityFeedScroll as t } from "./scroll/use-activity-feed-scroll.js";
|
|
6
|
-
export { e as ActivityFeed, t as useActivityFeedScroll };
|
|
1
|
+
import{t as ActivityFeed}from"../../chunks/activity-feed.js";import"./components/app-activity-item/index.js";import"./components/task-item/index.js";import"./components/version-item/index.js";import{useActivityFeedScroll}from"./scroll/use-activity-feed-scroll.js";export{ActivityFeed,useActivityFeedScroll};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ActivityFeedList };
|
|
1
|
+
import{t as ActivityFeedList}from"../../../../chunks/activity-feed-list.js";export{ActivityFeedList};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ActivityFeedList };
|
|
1
|
+
import{t as ActivityFeedList}from"../../../../chunks/activity-feed-list.js";export{ActivityFeedList};
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var r = 2, i = () => typeof window < "u" && "ResizeObserver" in window, a = () => typeof window < "u" && "MutationObserver" in window, o = () => {
|
|
3
|
-
let [o, s] = n(null), [c, l] = n(!0), [u, d] = n(!0), f = e((e) => {
|
|
4
|
-
s(e);
|
|
5
|
-
}, []);
|
|
6
|
-
return t(() => {
|
|
7
|
-
if (!o) return;
|
|
8
|
-
let e = () => {
|
|
9
|
-
l(o.scrollTop <= r), d(o.scrollTop + o.clientHeight >= o.scrollHeight - r);
|
|
10
|
-
};
|
|
11
|
-
e();
|
|
12
|
-
let t = null;
|
|
13
|
-
if (i()) {
|
|
14
|
-
t = new ResizeObserver(e), t.observe(o);
|
|
15
|
-
for (let e of Array.from(o.children)) t.observe(e);
|
|
16
|
-
}
|
|
17
|
-
let n = null;
|
|
18
|
-
return a() && (n = new MutationObserver(() => {
|
|
19
|
-
if (t) {
|
|
20
|
-
t.disconnect(), t.observe(o);
|
|
21
|
-
for (let e of Array.from(o.children)) t.observe(e);
|
|
22
|
-
}
|
|
23
|
-
e();
|
|
24
|
-
}), n.observe(o, { childList: !0 })), o.addEventListener("scroll", e), () => {
|
|
25
|
-
n?.disconnect(), t?.disconnect(), o.removeEventListener("scroll", e);
|
|
26
|
-
};
|
|
27
|
-
}, [o]), {
|
|
28
|
-
isAtBottom: u,
|
|
29
|
-
isAtTop: c,
|
|
30
|
-
setContainer: f
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export { o as useListScrollState };
|
|
1
|
+
import{useCallback,useLayoutEffect,useState}from"react";var SCROLL_THRESHOLD=2,isResizeObserverSupported=()=>typeof window<`u`&&`ResizeObserver`in window,isMutationObserverSupported=()=>typeof window<`u`&&`MutationObserver`in window,useListScrollState=()=>{let[container,setContainer]=useState(null),[isAtTop,setIsAtTop]=useState(!0),[isAtBottom,setIsAtBottom]=useState(!0),setContainerRef=useCallback(node=>{setContainer(node)},[]);return useLayoutEffect(()=>{if(!container)return;let check=()=>{setIsAtTop(container.scrollTop<=SCROLL_THRESHOLD),setIsAtBottom(container.scrollTop+container.clientHeight>=container.scrollHeight-SCROLL_THRESHOLD)};check();let resizeObserver=null;if(isResizeObserverSupported()){resizeObserver=new ResizeObserver(check),resizeObserver.observe(container);for(let child of Array.from(container.children))resizeObserver.observe(child)}let mutationObserver=null;return isMutationObserverSupported()&&(mutationObserver=new MutationObserver(()=>{if(resizeObserver){resizeObserver.disconnect(),resizeObserver.observe(container);for(let child of Array.from(container.children))resizeObserver.observe(child)}check()}),mutationObserver.observe(container,{childList:!0})),container.addEventListener(`scroll`,check),()=>{mutationObserver?.disconnect(),resizeObserver?.disconnect(),container.removeEventListener(`scroll`,check)}},[container]),{isAtBottom,isAtTop,setContainer:setContainerRef}};export{useListScrollState};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as AppActivityItem };
|
|
1
|
+
import{t as AppActivityItem}from"../../../../chunks/app-activity-item.js";export{AppActivityItem};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as AppActivityItem };
|
|
1
|
+
import{t as AppActivityItem}from"../../../../chunks/app-activity-item.js";export{AppActivityItem};
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({ activityItemText: {
|
|
3
|
-
id: "groupSharedFeatures.activityFeed.activityItemText",
|
|
4
|
-
defaultMessage: "{appName}: {parsedContent} · {timestamp}"
|
|
5
|
-
} });
|
|
6
|
-
export { t as messages };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({activityItemText:{id:`groupSharedFeatures.activityFeed.activityItemText`,defaultMessage:`{appName}: {parsedContent} · {timestamp}`}});export{messages};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as Editor };
|
|
1
|
+
import{t as Editor}from"../../../../chunks/editor.js";export{Editor};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as Editor };
|
|
1
|
+
import{t as Editor}from"../../../../chunks/editor.js";export{Editor};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as EmptyState };
|
|
1
|
+
import{t as EmptyState}from"../../../../chunks/empty-state.js";export{EmptyState};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as EmptyState };
|
|
1
|
+
import{t as EmptyState}from"../../../../chunks/empty-state.js";export{EmptyState};
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
body: {
|
|
4
|
-
id: "groupSharedFeatures.activityFeed.emptyState.body",
|
|
5
|
-
defaultMessage: "Comment, annotate, or @mention a collaborator to share your thoughts."
|
|
6
|
-
},
|
|
7
|
-
title: {
|
|
8
|
-
id: "groupSharedFeatures.activityFeed.emptyState.title",
|
|
9
|
-
defaultMessage: "Start the conversation"
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
export { t as messages };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({body:{id:`groupSharedFeatures.activityFeed.emptyState.body`,defaultMessage:`Comment, annotate, or @mention a collaborator to share your thoughts.`},title:{id:`groupSharedFeatures.activityFeed.emptyState.title`,defaultMessage:`Start the conversation`}});export{messages};
|
|
@@ -1,34 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { messages as t } from "./messages.js";
|
|
3
|
-
import { DropdownMenu as n } from "@box/blueprint-web";
|
|
4
|
-
import { useIntl as r } from "react-intl";
|
|
5
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
6
|
-
var a = ({ caption: e, checked: t, dataResinTarget: r, label: a, onCheckedChange: o }) => /* @__PURE__ */ i(n.CheckboxItem, {
|
|
7
|
-
checked: t,
|
|
8
|
-
"data-resin-target": r,
|
|
9
|
-
onCheckedChange: o,
|
|
10
|
-
onSelect: (e) => e.preventDefault(),
|
|
11
|
-
children: /* @__PURE__ */ i(n.Item.MainContent, {
|
|
12
|
-
caption: e,
|
|
13
|
-
label: a
|
|
14
|
-
})
|
|
15
|
-
}), o = ({ checked: n, hasTasks: o = !1, onCheckedChange: s }) => {
|
|
16
|
-
let { formatMessage: c } = r();
|
|
17
|
-
return /* @__PURE__ */ i(a, {
|
|
18
|
-
caption: c(o ? t.mentionMeDescriptionWithTasks : t.mentionMeDescription),
|
|
19
|
-
checked: n,
|
|
20
|
-
dataResinTarget: e.FILTER_MENTION_ME,
|
|
21
|
-
label: c(t.mentionMe),
|
|
22
|
-
onCheckedChange: s
|
|
23
|
-
});
|
|
24
|
-
}, s = ({ checked: n, onCheckedChange: o }) => {
|
|
25
|
-
let { formatMessage: s } = r();
|
|
26
|
-
return /* @__PURE__ */ i(a, {
|
|
27
|
-
caption: s(t.showResolvedCommentsDescription),
|
|
28
|
-
checked: n,
|
|
29
|
-
dataResinTarget: e.FILTER_SHOW_RESOLVED,
|
|
30
|
-
label: s(t.showResolvedComments),
|
|
31
|
-
onCheckedChange: o
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
export { o as HeaderMentionMeOption, s as HeaderShowResolvedOption };
|
|
1
|
+
import{ACTIVITY_FEED_RESIN_TARGETS}from"../../resin-targets.js";import{messages}from"./messages.js";import{DropdownMenu}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";var HeaderFilterCheckboxOption=({caption,checked,dataResinTarget,label,onCheckedChange})=>jsx(DropdownMenu.CheckboxItem,{checked,"data-resin-target":dataResinTarget,onCheckedChange,onSelect:event=>event.preventDefault(),children:jsx(DropdownMenu.Item.MainContent,{caption,label})}),HeaderMentionMeOption=({checked,hasTasks=!1,onCheckedChange})=>{let{formatMessage}=useIntl();return jsx(HeaderFilterCheckboxOption,{caption:formatMessage(hasTasks?messages.mentionMeDescriptionWithTasks:messages.mentionMeDescription),checked,dataResinTarget:ACTIVITY_FEED_RESIN_TARGETS.FILTER_MENTION_ME,label:formatMessage(messages.mentionMe),onCheckedChange})},HeaderShowResolvedOption=({checked,onCheckedChange})=>{let{formatMessage}=useIntl();return jsx(HeaderFilterCheckboxOption,{caption:formatMessage(messages.showResolvedCommentsDescription),checked,dataResinTarget:ACTIVITY_FEED_RESIN_TARGETS.FILTER_SHOW_RESOLVED,label:formatMessage(messages.showResolvedComments),onCheckedChange})};export{HeaderMentionMeOption,HeaderShowResolvedOption};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as Header };
|
|
1
|
+
import{t as Header}from"../../../../chunks/header.js";export{Header};
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
closeAriaLabel: {
|
|
4
|
-
id: "groupSharedFeatures.activityFeed.header.closeAriaLabel",
|
|
5
|
-
defaultMessage: "Close"
|
|
6
|
-
},
|
|
7
|
-
filterAriaLabel: {
|
|
8
|
-
id: "groupSharedFeatures.activityFeed.header.filterAriaLabel",
|
|
9
|
-
defaultMessage: "Filter"
|
|
10
|
-
},
|
|
11
|
-
filtersTitle: {
|
|
12
|
-
id: "groupSharedFeatures.activityFeed.header.filtersTitle",
|
|
13
|
-
defaultMessage: "Filters"
|
|
14
|
-
},
|
|
15
|
-
showResolvedComments: {
|
|
16
|
-
id: "groupSharedFeatures.activityFeed.header.showResolvedComments",
|
|
17
|
-
defaultMessage: "Show resolved comments"
|
|
18
|
-
},
|
|
19
|
-
showResolvedCommentsDescription: {
|
|
20
|
-
id: "groupSharedFeatures.activityFeed.header.showResolvedCommentsDescription",
|
|
21
|
-
defaultMessage: "Comments that were marked resolved"
|
|
22
|
-
},
|
|
23
|
-
hideResolvedComments: {
|
|
24
|
-
id: "groupSharedFeatures.activityFeed.header.hideResolvedComments",
|
|
25
|
-
defaultMessage: "Unresolved only"
|
|
26
|
-
},
|
|
27
|
-
hideResolvedCommentsDescription: {
|
|
28
|
-
id: "groupSharedFeatures.activityFeed.header.hideResolvedCommentsDescription",
|
|
29
|
-
defaultMessage: "Excludes comments that were marked resolved"
|
|
30
|
-
},
|
|
31
|
-
mentionMe: {
|
|
32
|
-
id: "groupSharedFeatures.activityFeed.header.mentionMe",
|
|
33
|
-
defaultMessage: "Mention me"
|
|
34
|
-
},
|
|
35
|
-
mentionMeDescription: {
|
|
36
|
-
id: "groupSharedFeatures.activityFeed.header.mentionMeDescription",
|
|
37
|
-
defaultMessage: "Comments where you're @mentioned"
|
|
38
|
-
},
|
|
39
|
-
mentionMeDescriptionWithTasks: {
|
|
40
|
-
id: "groupSharedFeatures.activityFeed.header.mentionMeDescriptionWithTasks",
|
|
41
|
-
defaultMessage: "Comments where you're @mentioned and tasks you're assigned in"
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
export { t as messages };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({closeAriaLabel:{id:`groupSharedFeatures.activityFeed.header.closeAriaLabel`,defaultMessage:`Close`},filterAriaLabel:{id:`groupSharedFeatures.activityFeed.header.filterAriaLabel`,defaultMessage:`Filter`},filtersTitle:{id:`groupSharedFeatures.activityFeed.header.filtersTitle`,defaultMessage:`Filters`},showResolvedComments:{id:`groupSharedFeatures.activityFeed.header.showResolvedComments`,defaultMessage:`Show resolved comments`},showResolvedCommentsDescription:{id:`groupSharedFeatures.activityFeed.header.showResolvedCommentsDescription`,defaultMessage:`Comments that were marked resolved`},hideResolvedComments:{id:`groupSharedFeatures.activityFeed.header.hideResolvedComments`,defaultMessage:`Unresolved only`},hideResolvedCommentsDescription:{id:`groupSharedFeatures.activityFeed.header.hideResolvedCommentsDescription`,defaultMessage:`Excludes comments that were marked resolved`},mentionMe:{id:`groupSharedFeatures.activityFeed.header.mentionMe`,defaultMessage:`Mention me`},mentionMeDescription:{id:`groupSharedFeatures.activityFeed.header.mentionMeDescription`,defaultMessage:`Comments where you're @mentioned`},mentionMeDescriptionWithTasks:{id:`groupSharedFeatures.activityFeed.header.mentionMeDescriptionWithTasks`,defaultMessage:`Comments where you're @mentioned and tasks you're assigned in`}});export{messages};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as TaskButton };
|
|
1
|
+
import{t as TaskButton}from"../../../../../chunks/task-button.js";export{TaskButton};
|
|
@@ -1,24 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
approvalTaskDescription: {
|
|
4
|
-
id: "groupSharedFeatures.activityFeed.header.taskButton.approvalTaskDescription",
|
|
5
|
-
defaultMessage: "Assignees will be responsible for approving or rejecting tasks"
|
|
6
|
-
},
|
|
7
|
-
approvalTaskTitle: {
|
|
8
|
-
id: "groupSharedFeatures.activityFeed.header.taskButton.approvalTaskTitle",
|
|
9
|
-
defaultMessage: "Approval Task"
|
|
10
|
-
},
|
|
11
|
-
generalTaskDescription: {
|
|
12
|
-
id: "groupSharedFeatures.activityFeed.header.taskButton.generalTaskDescription",
|
|
13
|
-
defaultMessage: "Assignees will be responsible for marking tasks as complete"
|
|
14
|
-
},
|
|
15
|
-
generalTaskTitle: {
|
|
16
|
-
id: "groupSharedFeatures.activityFeed.header.taskButton.generalTaskTitle",
|
|
17
|
-
defaultMessage: "General Task"
|
|
18
|
-
},
|
|
19
|
-
taskButtonLabel: {
|
|
20
|
-
id: "groupSharedFeatures.activityFeed.header.taskButton.addTaskLabel",
|
|
21
|
-
defaultMessage: "Add Task"
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
export { t as messages };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({approvalTaskDescription:{id:`groupSharedFeatures.activityFeed.header.taskButton.approvalTaskDescription`,defaultMessage:`Assignees will be responsible for approving or rejecting tasks`},approvalTaskTitle:{id:`groupSharedFeatures.activityFeed.header.taskButton.approvalTaskTitle`,defaultMessage:`Approval Task`},generalTaskDescription:{id:`groupSharedFeatures.activityFeed.header.taskButton.generalTaskDescription`,defaultMessage:`Assignees will be responsible for marking tasks as complete`},generalTaskTitle:{id:`groupSharedFeatures.activityFeed.header.taskButton.generalTaskTitle`,defaultMessage:`General Task`},taskButtonLabel:{id:`groupSharedFeatures.activityFeed.header.taskButton.addTaskLabel`,defaultMessage:`Add Task`}});export{messages};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as TaskButton };
|
|
1
|
+
import{t as TaskButton}from"../../../../../chunks/task-button.js";export{TaskButton};
|