@voplus/morpho-workspace 10.0.19 → 10.0.21
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/es/modules/notification-workspace/components/NotificationListHeader/index.js +2 -2
- package/es/modules/notification-workspace/components/NotificationListHeader/index.js.map +1 -1
- package/es/modules/work/components/WorkTableCard/TableCellDetail.js +9 -9
- package/es/modules/work/components/WorkTableCard/TableCellDetail.js.map +1 -1
- package/es/modules/work/components/WorkTableCard/index.js +17 -16
- package/es/modules/work/components/WorkTableCard/index.js.map +1 -1
- package/es/modules/work/components/WorkTableListCardPage/index.d.ts +2 -0
- package/es/modules/work/components/WorkTableListCardPage/index.js +5 -7
- package/es/modules/work/components/WorkTableListCardPage/index.js.map +1 -1
- package/es/modules/work/work-type/pages/WorkTypePage/WorkPageCard.js +1 -1
- package/es/modules/work/work-type/pages/WorkTypePage/WorkPageCard.js.map +1 -1
- package/es/modules/work/work-type/pages/WorkTypePage/Works.js +1 -1
- package/es/modules/work/work-type/pages/WorkTypePage/Works.js.map +1 -1
- package/package.json +1 -1
- package/es/components/StatusFilterBar/index.d.ts +0 -33
- package/es/components/StatusFilterBar/index.js +0 -169
- package/es/components/StatusFilterBar/index.js.map +0 -1
- package/es/components/StatusFilterBar/index.test.d.ts +0 -1
- package/es/components/StatusFilterBar/index.test.js +0 -102
- package/es/components/StatusFilterBar/index.test.js.map +0 -1
- package/es/components/StatusFilterBar/statusFilterOverflow.d.ts +0 -44
- package/es/components/StatusFilterBar/statusFilterOverflow.js +0 -78
- package/es/components/StatusFilterBar/statusFilterOverflow.js.map +0 -1
- package/es/components/StatusFilterBar/statusFilterOverflow.test.d.ts +0 -1
- package/es/components/StatusFilterBar/statusFilterOverflow.test.js +0 -54
- package/es/components/StatusFilterBar/statusFilterOverflow.test.js.map +0 -1
|
@@ -10,7 +10,7 @@ import { useNotificationListContext } from "../NotificationList/state";
|
|
|
10
10
|
import ListHeaderTool from "@voplus/morpho-ui/es/components/layout/ListView/headers/ListHeaderTool";
|
|
11
11
|
import PageHeadDashboard from "@voplus/morpho-ui/es/components/layout/headers/PageHeadDashboard";
|
|
12
12
|
import classnames from "classnames";
|
|
13
|
-
import StatusFilterBar from "
|
|
13
|
+
import StatusFilterBar from "@voplus/morpho-ui/es/controls/StatusFilterBar";
|
|
14
14
|
const NotificationListHeader = (props) => {
|
|
15
15
|
const layout = useLayout();
|
|
16
16
|
const mobile = layout.ui.mobile;
|
|
@@ -60,7 +60,7 @@ const NotificationListHeader = (props) => {
|
|
|
60
60
|
? {
|
|
61
61
|
columns: [React.createElement(FlagFilter, { key: "Flag" })],
|
|
62
62
|
}
|
|
63
|
-
: undefined, sortable: context.host.isTest ? true : false, searchHeader: context.host.isTest ? true : false, searchOptions: { placeholder: "Search in notifications" }, preExtra: () => (React.createElement(StatusFilterBar, { items: statusMenu, activeKey: statusActive,
|
|
63
|
+
: undefined, sortable: context.host.isTest ? true : false, searchHeader: context.host.isTest ? true : false, searchOptions: { placeholder: "Search in notifications" }, preExtra: () => (React.createElement(StatusFilterBar, { items: statusMenu, activeKey: statusActive, onSelect: onClickStatus, className: classnames({ "w-full": isAsideOpen, "flex-1": !isAsideOpen }) })) }));
|
|
64
64
|
return (React.createElement("div", { className: classnames("notifications-header", { mobile: mobile }) }, !mobile ? (React.createElement(PageHeadDashboard, { headerType: "page", avatarIcon: React.createElement(FAIcon, { icon: faBellSolid }), title: "Your Notifications Center", description: "Stay updated: your latest alerts and notifications", moreExpansions: React.createElement(ListHeader, null) })) : (React.createElement(ListHeader, null))));
|
|
65
65
|
});
|
|
66
66
|
function onClickStatus(item) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification-workspace/components/NotificationListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,cAAc,MAAM,wEAAwE,CAAC;AACpG,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,eAAe,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/notification-workspace/components/NotificationListHeader/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { faEllipsisVerticalSolid, faCalendarSolid, faFileSolid, faSignalSolid, faBarsProgressSolid, faUserSolid, faClockSolid,
|
|
1
|
+
import { faEllipsisVerticalSolid, faCalendarSolid, faFileSolid, faSignalSolid, faBarsProgressSolid, faUserSolid, faClockSolid, FontAwesomeIcon as FAIcon, } from "@voplus/morpho-ui/es/faIcons";
|
|
2
2
|
import TagView from "@voplus/morpho-org/es/modules/tag/TagView/TagView2";
|
|
3
3
|
import { Open } from "@voplus/morpho-document/es/controls/DocumentToolbar/buttons";
|
|
4
4
|
import DocumentToolbar from "@voplus/morpho-document/es/controls/DocumentToolbar";
|
|
@@ -63,13 +63,13 @@ export const columnsSimpleList = [
|
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
title: (React.createElement(React.Fragment, null,
|
|
66
|
-
React.createElement(FAIcon, { icon:
|
|
66
|
+
React.createElement(FAIcon, { icon: faSignalSolid }),
|
|
67
67
|
" STATUS")),
|
|
68
68
|
dataIndex: "status",
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
71
|
title: (React.createElement(React.Fragment, null,
|
|
72
|
-
React.createElement(FAIcon, { icon:
|
|
72
|
+
React.createElement(FAIcon, { icon: faClockSolid }),
|
|
73
73
|
" DUE DATE")),
|
|
74
74
|
dataIndex: "due",
|
|
75
75
|
},
|
|
@@ -95,13 +95,13 @@ export const columnsSimpleList2 = [
|
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
title: (React.createElement(React.Fragment, null,
|
|
98
|
-
React.createElement(FAIcon, { icon:
|
|
98
|
+
React.createElement(FAIcon, { icon: faSignalSolid }),
|
|
99
99
|
" STATUS")),
|
|
100
100
|
dataIndex: "status",
|
|
101
101
|
},
|
|
102
102
|
{
|
|
103
103
|
title: (React.createElement(React.Fragment, null,
|
|
104
|
-
React.createElement(FAIcon, { icon:
|
|
104
|
+
React.createElement(FAIcon, { icon: faClockSolid }),
|
|
105
105
|
" DUE DATE")),
|
|
106
106
|
dataIndex: "due",
|
|
107
107
|
},
|
|
@@ -119,7 +119,7 @@ const TableCell = (props) => {
|
|
|
119
119
|
var _a;
|
|
120
120
|
switch (dataIndex) {
|
|
121
121
|
case "name":
|
|
122
|
-
return (React.createElement("div", { className: "field-label line-clamp-2" },
|
|
122
|
+
return (React.createElement("div", { className: "field-label font-semibold min-w-0 whitespace-normal wrap-break-word line-clamp-2" },
|
|
123
123
|
record.name,
|
|
124
124
|
"-",
|
|
125
125
|
record.number));
|
|
@@ -134,13 +134,13 @@ const TableCell = (props) => {
|
|
|
134
134
|
React.createElement(FAIcon, { icon: faCalendarSolid, className: "text-xs" }),
|
|
135
135
|
React.createElement(UTCShortDate, { value: record.date, format: "DD MMM YYYY" })))));
|
|
136
136
|
case "date":
|
|
137
|
-
return (React.createElement(UTCShortDate, { value: record.createDate, format: "DD MMM YYYY", className: "text-sm font-
|
|
137
|
+
return (React.createElement(UTCShortDate, { value: record.createDate, format: "DD MMM YYYY", className: "text-sm font-medium tracking-wide text-font-primary" }));
|
|
138
138
|
case "status":
|
|
139
139
|
return React.createElement(WorkStatusLabel, { status: record.status, editable: false });
|
|
140
140
|
case "due":
|
|
141
|
-
return (React.createElement(UTCShortDate, { value: record.due, format: "DD MMM YYYY", className: "text-sm font-
|
|
141
|
+
return (React.createElement(UTCShortDate, { value: record.due, format: "DD MMM YYYY", className: "text-sm font-medium tracking-wide text-font-primary" }));
|
|
142
142
|
case "by":
|
|
143
|
-
return (React.createElement("div", { className: "flex min-w-0 items-center gap-2 font-medium text-
|
|
143
|
+
return (React.createElement("div", { className: "flex min-w-0 items-center gap-2 font-medium text-font-primary" },
|
|
144
144
|
record.contact && (React.createElement("div", { className: "shrink-0" },
|
|
145
145
|
React.createElement(UnitAvatar, { unit: record.contact }))),
|
|
146
146
|
React.createElement("div", { className: "work-by-name min-w-0 whitespace-normal wrap-break-word line-clamp-2" }, record.contact ? (React.createElement(UnitNameNoteAlert, { id: record.contact.id, name: record.contact.name })) : null)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCellDetail.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableCard/TableCellDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,uBAAuB,EACvB,eAAe,EACf,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,
|
|
1
|
+
{"version":3,"file":"TableCellDetail.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableCard/TableCellDetail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,22 +64,23 @@ const WorkTableCard = ({ addAble = true, isHeader = true, ...props }) => {
|
|
|
64
64
|
};
|
|
65
65
|
});
|
|
66
66
|
return (React.createElement(ListDataContext.Provider, { value: list },
|
|
67
|
-
React.createElement(
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
props.onClickItem
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
67
|
+
React.createElement("div", { className: "mx-5 mb-5 border border-border rounded-[10px] flex-1 [&_>div]:h-full" },
|
|
68
|
+
React.createElement(RegisterTable, { columns: columns, dataSource: list.data.map((e, i) => {
|
|
69
|
+
return { key: i, ...e };
|
|
70
|
+
}), loading: list.loading, onLoadMore: () => list.triggerNextPage(), hasMore: list.data.length < workTotal, components: {
|
|
71
|
+
body: {
|
|
72
|
+
cell: TableCell,
|
|
73
|
+
},
|
|
74
|
+
}, onRowClick: (record) => {
|
|
75
|
+
if (props.onClickItem) {
|
|
76
|
+
props.onClickItem(record);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(WorkPropertiesView, { id: record.id }), {
|
|
80
|
+
span: 12,
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
} })),
|
|
83
84
|
visible && (React.createElement(NewWorkFormDialog, { contact: props.primaryContact, onCancel: () => setVisible(false), onSave: () => setVisible(false) }))));
|
|
84
85
|
});
|
|
85
86
|
function filters() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,SAAS,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAS,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AA8BjE,MAAM,aAAa,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,8 @@ export type WorkListProps = {
|
|
|
12
12
|
searchPosition?: "header" | "tool";
|
|
13
13
|
pageHeadTitle?: React.ReactNode;
|
|
14
14
|
className?: string;
|
|
15
|
+
/** WorkTableCard 的展示类型；不传时根据 aside 是否打开自动在 "simple" / "details" 间切换。 */
|
|
16
|
+
type?: "simple" | "details" | "details2";
|
|
15
17
|
onChangeFilter?: (status?: string) => void;
|
|
16
18
|
/** Call back when an item has been clicked on the list. */
|
|
17
19
|
onClickItem?: (item: any) => void;
|
|
@@ -12,7 +12,7 @@ import WorkTableCard from "../WorkTableCard";
|
|
|
12
12
|
import NewWorkForm from "../NewWorkForm";
|
|
13
13
|
import { useParams } from "react-router-dom";
|
|
14
14
|
import { State } from "./state";
|
|
15
|
-
import StatusFilterBar from "
|
|
15
|
+
import StatusFilterBar from "@voplus/morpho-ui/es/controls/StatusFilterBar";
|
|
16
16
|
import classnames from "classnames";
|
|
17
17
|
import "./index.css";
|
|
18
18
|
/** 仅负责统计单个 status 下 work 的总数，并向上回传；本身不渲染任何内容。 */
|
|
@@ -48,7 +48,7 @@ const WorkTableListCardPage = ({ typesId, contact, searchPosition = "tool", ...p
|
|
|
48
48
|
Page: { Page: 1, PageSize: 300 },
|
|
49
49
|
});
|
|
50
50
|
return observe(() => {
|
|
51
|
-
var _a, _b;
|
|
51
|
+
var _a, _b, _c;
|
|
52
52
|
const isAsideOpen = asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent;
|
|
53
53
|
const searchOptions = {
|
|
54
54
|
placeholder: "search in work list",
|
|
@@ -63,14 +63,12 @@ const WorkTableListCardPage = ({ typesId, contact, searchPosition = "tool", ...p
|
|
|
63
63
|
: undefined }),
|
|
64
64
|
React.createElement(ListHeaderTool, { addAble: state.addAble, className: classnames("[&>div]:items-center", {
|
|
65
65
|
"[&>div]:flex-wrap [&>div]:gap-y-3": isAsideOpen,
|
|
66
|
-
}), onAdd: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewWorkForm, { typeId: typesId, contact: contact, showView: true }), { span: 12 }), sortable: false, searchHeader: searchPosition === "tool", searchOptions: searchOptions, preExtra: () => (React.createElement(StatusFilterBar, { items: status.map((item) => ({
|
|
66
|
+
}), onAdd: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(React.createElement(NewWorkForm, { typeId: typesId, contact: contact, showView: true }), { span: 12 }), sortable: false, searchHeader: searchPosition === "tool", searchOptions: { ...searchOptions, className: "[&>span]:bg-white!" }, preExtra: () => (React.createElement(StatusFilterBar, { items: status.map((item) => ({
|
|
67
67
|
key: item,
|
|
68
68
|
label: item,
|
|
69
69
|
total: totals[item],
|
|
70
|
-
})), activeKey: state.active,
|
|
71
|
-
|
|
72
|
-
}) })) }),
|
|
73
|
-
React.createElement(WorkTableCard, { ...state.cardProps, onClickItem: props.onClickItem, type: asideContext.asideContent ? "simple" : "details2" })))));
|
|
70
|
+
})), activeKey: state.active, onSelect: onChangeFilter, className: classnames({ "w-full": isAsideOpen, "flex-3": !isAsideOpen }) })) }),
|
|
71
|
+
React.createElement(WorkTableCard, { ...state.cardProps, onClickItem: props.onClickItem, type: (_c = props.type) !== null && _c !== void 0 ? _c : (asideContext.asideContent ? "simple" : "details") })))));
|
|
74
72
|
});
|
|
75
73
|
function onChangeFilter(item) {
|
|
76
74
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableListCardPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAC3F,OAAO,YAAY,MAAM,qDAAqD,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,iBAAiB,MAAM,kEAAkE,CAAC;AACjG,OAAO,cAAc,MAAM,wEAAwE,CAAC;AACpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,eAAe,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/work/components/WorkTableListCardPage/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ const WorkPageCard = (props) => {
|
|
|
6
6
|
const [activeWorkId, setActiveWorkId] = useState();
|
|
7
7
|
return observe(() => (React.createElement(React.Fragment, null,
|
|
8
8
|
React.createElement("div", { className: "h-[500px] pb-0 shadow-sm ring-1 ring-black/5 rounded-base overflow-hidden" },
|
|
9
|
-
React.createElement(WorkTableListCardPage, { className: "[&_.status-filter-bar]:w-full", typesId: props.typeId, searchPosition: "header", pageHeadTitle: "Work List", onClickItem: (item) => {
|
|
9
|
+
React.createElement(WorkTableListCardPage, { className: "[&_.status-filter-bar]:w-full", typesId: props.typeId, type: "details2", searchPosition: "header", pageHeadTitle: "Work List", onClickItem: (item) => {
|
|
10
10
|
setActiveWorkId(item.id);
|
|
11
11
|
} })),
|
|
12
12
|
activeWorkId && (React.createElement(WorkQuickViewDialog, { id: activeWorkId, visible: !!activeWorkId, onCancel: () => setActiveWorkId(undefined) })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WorkPageCard.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-type/pages/WorkTypePage/WorkPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAG1E,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE3D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB;QACC,6BAAK,SAAS,EAAC,2EAA2E;YACzF,oBAAC,qBAAqB,IACrB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,cAAc,EAAC,QAAQ,EACvB,aAAa,EAAC,WAAW,EACzB,WAAW,EAAE,CAAC,IAAW,EAAE,EAAE;oBAC5B,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC,GACA,CACG;QACL,YAAY,IAAI,CAChB,oBAAC,mBAAmB,IACnB,EAAE,EAAE,YAAY,EAChB,OAAO,EAAE,CAAC,CAAC,YAAY,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,GACzC,CACF,CACC,CACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"WorkPageCard.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-type/pages/WorkTypePage/WorkPageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAC9E,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAG1E,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE3D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB;QACC,6BAAK,SAAS,EAAC,2EAA2E;YACzF,oBAAC,qBAAqB,IACrB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,IAAI,EAAC,UAAU,EACf,cAAc,EAAC,QAAQ,EACvB,aAAa,EAAC,WAAW,EACzB,WAAW,EAAE,CAAC,IAAW,EAAE,EAAE;oBAC5B,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC,GACA,CACG;QACL,YAAY,IAAI,CAChB,oBAAC,mBAAmB,IACnB,EAAE,EAAE,YAAY,EAChB,OAAO,EAAE,CAAC,CAAC,YAAY,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,GACzC,CACF,CACC,CACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -5,7 +5,7 @@ import WorkTableListCardPage from "../../../components/WorkTableListCardPage";
|
|
|
5
5
|
const Works = (props) => {
|
|
6
6
|
const { url } = props;
|
|
7
7
|
const layout = useLayout();
|
|
8
|
-
return observe(() => (React.createElement(WorkTableListCardPage, { typesId: props.typeId, onChangeFilter: (status) => layout.history.push(`${url}/works/${status}`) })));
|
|
8
|
+
return observe(() => (React.createElement(WorkTableListCardPage, { className: "bg-bg-blue!", typesId: props.typeId, onChangeFilter: (status) => layout.history.push(`${url}/works/${status}`) })));
|
|
9
9
|
};
|
|
10
10
|
export default Works;
|
|
11
11
|
//# sourceMappingURL=Works.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Works.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-type/pages/WorkTypePage/Works.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAE9E,MAAM,KAAK,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,qBAAqB,IACrB,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,MAAM,EAAE,CAAC,GACxE,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"Works.js","sourceRoot":"","sources":["../../../../../../src/modules/work/work-type/pages/WorkTypePage/Works.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,qBAAqB,MAAM,2CAA2C,CAAC;AAE9E,MAAM,KAAK,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,qBAAqB,IACrB,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,cAAc,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,MAAM,EAAE,CAAC,GACxE,CACF,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/** A single status filter item shown in the bar. */
|
|
3
|
-
export type StatusFilterItem = {
|
|
4
|
-
/** Unique key identifying the status (also used as a CSS class). */
|
|
5
|
-
key: string;
|
|
6
|
-
/** Human-readable label. */
|
|
7
|
-
label: string;
|
|
8
|
-
/** Optional count rendered in parentheses after the label. */
|
|
9
|
-
total?: number;
|
|
10
|
-
};
|
|
11
|
-
/** Props for {@link StatusFilterBar}. */
|
|
12
|
-
export type StatusFilterBarProps = {
|
|
13
|
-
/** Status items in their canonical fixed order. */
|
|
14
|
-
items: StatusFilterItem[];
|
|
15
|
-
/** Currently selected status key. */
|
|
16
|
-
activeKey: string;
|
|
17
|
-
/** Whether overflow collapsing is enabled (true when the aside is open). */
|
|
18
|
-
collapsible: boolean;
|
|
19
|
-
/** Invoked with the selected status key. */
|
|
20
|
-
onSelect: (key: string) => void;
|
|
21
|
-
/** Extra class names for the outer container. */
|
|
22
|
-
className?: string;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Status filter bar with width-based overflow collapsing.
|
|
26
|
-
*
|
|
27
|
-
* When {@link StatusFilterBarProps}`.collapsible` is false, every status is shown
|
|
28
|
-
* inline (original behavior). When true, statuses that do not fit are collapsed
|
|
29
|
-
* into a trailing "..." button whose hover dropdown lists the remaining statuses
|
|
30
|
-
* in fixed order; picking one swaps it into the last visible slot.
|
|
31
|
-
*/
|
|
32
|
-
declare const StatusFilterBar: ({ items, activeKey, collapsible, onSelect, className, }: StatusFilterBarProps) => React.JSX.Element;
|
|
33
|
-
export default StatusFilterBar;
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
2
|
-
import { FontAwesomeIcon as FAIcon, faEllipsisSolid } from "@voplus/morpho-ui/es/faIcons";
|
|
3
|
-
import classnames from "classnames";
|
|
4
|
-
import { computeVisibleCount, getHiddenKeysInFixedOrder, swapToVisibleEnd, } from "./statusFilterOverflow";
|
|
5
|
-
/** Gap between adjacent buttons in px (Tailwind gap-1.5 = 0.375rem = 6px). */
|
|
6
|
-
const FALLBACK_GAP = 6;
|
|
7
|
-
/**
|
|
8
|
-
* Builds the class name for a status button, preserving the original styling.
|
|
9
|
-
*
|
|
10
|
-
* @param key - Status key (added as a class for styling hooks).
|
|
11
|
-
* @param active - Whether this status is currently selected.
|
|
12
|
-
* @param grow - Whether the button may flex-grow (false for the measuring row).
|
|
13
|
-
* @returns The composed class name string.
|
|
14
|
-
*/
|
|
15
|
-
function statusButtonClass(key, active, grow) {
|
|
16
|
-
return classnames(key, "h-[35px] px-5 rounded-base cursor-pointer uppercase hover:bg-white hover:text-font-secondary", grow ? "flex-[1_0_auto]" : "flex-none", { "bg-white text-font-secondary font-bold": active });
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Renders a status label with an optional total suffix.
|
|
20
|
-
*
|
|
21
|
-
* @param item - The status item.
|
|
22
|
-
* @returns The label text, e.g. "Unread (3)".
|
|
23
|
-
*/
|
|
24
|
-
function statusLabel(item) {
|
|
25
|
-
return `${item.label}${item.total ? ` (${item.total})` : ""}`;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Status filter bar with width-based overflow collapsing.
|
|
29
|
-
*
|
|
30
|
-
* When {@link StatusFilterBarProps}`.collapsible` is false, every status is shown
|
|
31
|
-
* inline (original behavior). When true, statuses that do not fit are collapsed
|
|
32
|
-
* into a trailing "..." button whose hover dropdown lists the remaining statuses
|
|
33
|
-
* in fixed order; picking one swaps it into the last visible slot.
|
|
34
|
-
*/
|
|
35
|
-
const StatusFilterBar = ({ items, activeKey, collapsible, onSelect, className, }) => {
|
|
36
|
-
/** Canonical fixed order of keys, derived from the incoming items. */
|
|
37
|
-
const fixedOrder = useMemo(() => items.map((item) => item.key), [items]);
|
|
38
|
-
/** Lookup from key to item for rendering. */
|
|
39
|
-
const itemsByKey = useMemo(() => {
|
|
40
|
-
const map = {};
|
|
41
|
-
items.forEach((item) => (map[item.key] = item));
|
|
42
|
-
return map;
|
|
43
|
-
}, [items]);
|
|
44
|
-
/** Current left-to-right ordering (mutated by hidden-item swaps). */
|
|
45
|
-
const [order, setOrder] = useState(fixedOrder);
|
|
46
|
-
/**
|
|
47
|
-
* Reset the left-to-right order to canonical when the key set changes, or
|
|
48
|
-
* whenever collapsing is disabled (aside closed) so the flat row always
|
|
49
|
-
* shows the original canonical order regardless of prior swaps.
|
|
50
|
-
*/
|
|
51
|
-
const keySignature = fixedOrder.join("|");
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
if (!collapsible) {
|
|
54
|
-
setOrder(fixedOrder);
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
setOrder(fixedOrder);
|
|
58
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
59
|
-
}, [keySignature, collapsible]);
|
|
60
|
-
/** Signature of item totals; changes when any (total) label changes, so widths are re-measured. */
|
|
61
|
-
const totalsSignature = items.map((item) => { var _a; return (_a = item.total) !== null && _a !== void 0 ? _a : ""; }).join("|");
|
|
62
|
-
/** Ref to the outer container used to measure available width. */
|
|
63
|
-
const containerRef = useRef(null);
|
|
64
|
-
/** Ref to the inner pill wrapping the visible buttons (used to read its padding). */
|
|
65
|
-
const innerRef = useRef(null);
|
|
66
|
-
/** Ref to the hidden measuring row containing all buttons at natural width. */
|
|
67
|
-
const measureRef = useRef(null);
|
|
68
|
-
/** Ref to the hidden measuring "..." group (mirrors the real more pill footprint). */
|
|
69
|
-
const moreMeasureRef = useRef(null);
|
|
70
|
-
/** Number of leading items to show as visible buttons. */
|
|
71
|
-
const [capacity, setCapacity] = useState(items.length);
|
|
72
|
-
/** Recomputes capacity from current measurements. */
|
|
73
|
-
const recompute = useCallback(() => {
|
|
74
|
-
if (!collapsible) {
|
|
75
|
-
setCapacity(fixedOrder.length);
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
const container = containerRef.current;
|
|
79
|
-
const measure = measureRef.current;
|
|
80
|
-
if (!container || !measure)
|
|
81
|
-
return;
|
|
82
|
-
const containerWidth = container.getBoundingClientRect().width;
|
|
83
|
-
const childWidths = Array.from(measure.children).map((child) => child.getBoundingClientRect().width);
|
|
84
|
-
const widthByKey = {};
|
|
85
|
-
fixedOrder.forEach((key, i) => { var _a; return (widthByKey[key] = (_a = childWidths[i]) !== null && _a !== void 0 ? _a : 0); });
|
|
86
|
-
const orderedWidths = order.map((key) => { var _a; return (_a = widthByKey[key]) !== null && _a !== void 0 ? _a : 0; });
|
|
87
|
-
const moreWidth = moreMeasureRef.current
|
|
88
|
-
? moreMeasureRef.current.getBoundingClientRect().width
|
|
89
|
-
: 0;
|
|
90
|
-
const containerStyle = window.getComputedStyle(container);
|
|
91
|
-
const gap = parseFloat(containerStyle.columnGap || containerStyle.gap || "") || FALLBACK_GAP;
|
|
92
|
-
// The visible buttons live inside an inner pill whose horizontal padding
|
|
93
|
-
// eats into the room available for them, so subtract it from the width
|
|
94
|
-
// the layout math is allowed to fill.
|
|
95
|
-
const inner = innerRef.current;
|
|
96
|
-
const innerPaddingX = inner
|
|
97
|
-
? (() => {
|
|
98
|
-
const style = window.getComputedStyle(inner);
|
|
99
|
-
return (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);
|
|
100
|
-
})()
|
|
101
|
-
: 0;
|
|
102
|
-
const availableWidth = containerWidth - innerPaddingX;
|
|
103
|
-
setCapacity(computeVisibleCount(availableWidth, orderedWidths, moreWidth, gap));
|
|
104
|
-
// Depend on keySignature (not the fixedOrder array identity) so parent
|
|
105
|
-
// re-renders that rebuild `items` with the same keys don't churn the
|
|
106
|
-
// ResizeObserver; fixedOrder/order are captured and read at call time.
|
|
107
|
-
// totalsSignature is included so a changed count (e.g. "Unread (3)" →
|
|
108
|
-
// "Unread (15)") re-measures the button widths.
|
|
109
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
110
|
-
}, [collapsible, keySignature, totalsSignature, order]);
|
|
111
|
-
/** Measure synchronously after layout and whenever inputs change. */
|
|
112
|
-
useLayoutEffect(() => {
|
|
113
|
-
recompute();
|
|
114
|
-
}, [recompute]);
|
|
115
|
-
/** Re-measure on container resize while collapsible. */
|
|
116
|
-
useEffect(() => {
|
|
117
|
-
if (!collapsible)
|
|
118
|
-
return;
|
|
119
|
-
const container = containerRef.current;
|
|
120
|
-
if (!container || typeof ResizeObserver === "undefined")
|
|
121
|
-
return;
|
|
122
|
-
const observer = new ResizeObserver(() => recompute());
|
|
123
|
-
observer.observe(container);
|
|
124
|
-
return () => observer.disconnect();
|
|
125
|
-
}, [collapsible, recompute]);
|
|
126
|
-
/** Effective number of visible items. */
|
|
127
|
-
const visibleCount = collapsible ? Math.min(capacity, items.length) : items.length;
|
|
128
|
-
/** Keys shown as inline buttons. */
|
|
129
|
-
const visibleKeys = order.slice(0, visibleCount);
|
|
130
|
-
/** Keys collapsed into the dropdown, in fixed order. */
|
|
131
|
-
const hiddenKeys = collapsible ? getHiddenKeysInFixedOrder(order, visibleCount, fixedOrder) : [];
|
|
132
|
-
/** Whether the "..." button and dropdown are shown. */
|
|
133
|
-
const showMore = hiddenKeys.length > 0;
|
|
134
|
-
/** Handles clicks on an inline (visible) status button. */
|
|
135
|
-
const handleVisibleClick = (key) => onSelect(key);
|
|
136
|
-
/** Handles clicks on a hidden status inside the dropdown: swap then select. */
|
|
137
|
-
// Invariant: the dropdown is only rendered from the render whose `visibleCount`
|
|
138
|
-
// is current, so reading `visibleCount` from closure here is correct (order is
|
|
139
|
-
// read via the functional updater).
|
|
140
|
-
const handleHiddenClick = (key) => {
|
|
141
|
-
setOrder((prev) => swapToVisibleEnd(prev, visibleCount, key));
|
|
142
|
-
onSelect(key);
|
|
143
|
-
};
|
|
144
|
-
/** Renders the dropdown overlay listing the hidden statuses. */
|
|
145
|
-
const renderOverlay = () => (React.createElement("div", { "data-testid": "status-overflow-dropdown", className: "bg-bg-grey p-1.5 rounded-base flex flex-col gap-1.5 text-font-grey text-sm shadow-base w-max whitespace-nowrap" }, hiddenKeys.map((key) => {
|
|
146
|
-
const item = itemsByKey[key];
|
|
147
|
-
if (!item)
|
|
148
|
-
return null;
|
|
149
|
-
return (React.createElement("button", { key: key, type: "button", className: statusButtonClass(key, activeKey === key, false), onClick: () => handleHiddenClick(key) }, statusLabel(item)));
|
|
150
|
-
})));
|
|
151
|
-
return (React.createElement("div", { ref: containerRef, className: classnames("status-filter-bar relative flex gap-1.5 items-center text-font-grey text-sm", className) },
|
|
152
|
-
React.createElement("div", { ref: innerRef, className: "flex-1 flex gap-1.5 items-center justify-start flex-wrap bg-bg-grey px-1.5 py-1.5 rounded-base" }, visibleKeys.map((key) => {
|
|
153
|
-
const item = itemsByKey[key];
|
|
154
|
-
if (!item)
|
|
155
|
-
return null;
|
|
156
|
-
return (React.createElement("button", { key: key, type: "button", className: statusButtonClass(key, activeKey === key, true), onClick: () => handleVisibleClick(key) }, statusLabel(item)));
|
|
157
|
-
})),
|
|
158
|
-
showMore && (React.createElement("div", { className: "group relative flex-none bg-bg-grey px-1.5 py-1.5 rounded-base" },
|
|
159
|
-
React.createElement("button", { type: "button", "aria-label": "More statuses", "aria-haspopup": "true", className: statusButtonClass("more", false, false) },
|
|
160
|
-
React.createElement(FAIcon, { icon: faEllipsisSolid })),
|
|
161
|
-
React.createElement("div", { className: "absolute right-0 top-full z-10 pt-1.5 hidden group-hover:block" }, renderOverlay()))),
|
|
162
|
-
collapsible && (React.createElement(React.Fragment, null,
|
|
163
|
-
React.createElement("div", { ref: measureRef, "aria-hidden": true, className: "invisible pointer-events-none absolute left-[-9999px] top-0 flex gap-1.5" }, items.map((item) => (React.createElement("button", { key: item.key, type: "button", tabIndex: -1, className: statusButtonClass(item.key, false, false) }, statusLabel(item))))),
|
|
164
|
-
React.createElement("div", { ref: moreMeasureRef, "aria-hidden": true, "data-more": "true", className: "invisible pointer-events-none absolute left-[-9999px] top-0 flex-none bg-bg-grey px-1.5 py-1.5 rounded-base" },
|
|
165
|
-
React.createElement("button", { type: "button", tabIndex: -1, className: statusButtonClass("more", false, false) },
|
|
166
|
-
React.createElement(FAIcon, { icon: faEllipsisSolid })))))));
|
|
167
|
-
};
|
|
168
|
-
export default StatusFilterBar;
|
|
169
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StatusFilterBar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom/vitest";
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import "@testing-library/jest-dom/vitest";
|
|
3
|
-
import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
|
|
4
|
-
import { render, screen, fireEvent, within } from "@testing-library/react";
|
|
5
|
-
import StatusFilterBar from "./index";
|
|
6
|
-
const ITEMS = [
|
|
7
|
-
{ key: "all", label: "All" },
|
|
8
|
-
{ key: "unread", label: "Unread", total: 3 },
|
|
9
|
-
{ key: "read", label: "Read", total: 2 },
|
|
10
|
-
{ key: "later", label: "Later", total: 1 },
|
|
11
|
-
{ key: "dismissed", label: "Dismissed" },
|
|
12
|
-
];
|
|
13
|
-
describe("StatusFilterBar (not collapsible)", () => {
|
|
14
|
-
it("renders every status and no more button", () => {
|
|
15
|
-
render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: vi.fn() }));
|
|
16
|
-
expect(screen.getByText(/^All$/)).toBeInTheDocument();
|
|
17
|
-
expect(screen.getByText(/^Dismissed$/)).toBeInTheDocument();
|
|
18
|
-
expect(screen.queryByLabelText("More statuses")).not.toBeInTheDocument();
|
|
19
|
-
});
|
|
20
|
-
it("calls onSelect when a visible status is clicked", () => {
|
|
21
|
-
const onSelect = vi.fn();
|
|
22
|
-
render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: onSelect }));
|
|
23
|
-
fireEvent.click(screen.getByText(/^Read/));
|
|
24
|
-
expect(onSelect).toHaveBeenCalledWith("read");
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
describe("StatusFilterBar (collapsible with mocked widths)", () => {
|
|
28
|
-
let roCallback = null;
|
|
29
|
-
beforeEach(() => {
|
|
30
|
-
roCallback = null;
|
|
31
|
-
vi.stubGlobal("ResizeObserver", class {
|
|
32
|
-
constructor(cb) {
|
|
33
|
-
roCallback = cb;
|
|
34
|
-
}
|
|
35
|
-
observe() {
|
|
36
|
-
roCallback && roCallback();
|
|
37
|
-
}
|
|
38
|
-
unobserve() { }
|
|
39
|
-
disconnect() { }
|
|
40
|
-
});
|
|
41
|
-
vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(function () {
|
|
42
|
-
const isContainer = this.classList.contains("status-filter-bar");
|
|
43
|
-
const isMore = this.getAttribute("aria-label") === "More statuses" || this.dataset.more === "true";
|
|
44
|
-
const width = isContainer ? 300 : isMore ? 40 : 100;
|
|
45
|
-
return {
|
|
46
|
-
width,
|
|
47
|
-
height: 35,
|
|
48
|
-
top: 0,
|
|
49
|
-
left: 0,
|
|
50
|
-
right: width,
|
|
51
|
-
bottom: 35,
|
|
52
|
-
x: 0,
|
|
53
|
-
y: 0,
|
|
54
|
-
toJSON: () => ({}),
|
|
55
|
-
};
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
afterEach(() => {
|
|
59
|
-
vi.restoreAllMocks();
|
|
60
|
-
vi.unstubAllGlobals();
|
|
61
|
-
});
|
|
62
|
-
it("shows a more button and lists hidden statuses in fixed order", () => {
|
|
63
|
-
render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
|
|
64
|
-
const more = screen.getByLabelText("More statuses");
|
|
65
|
-
expect(more).toBeInTheDocument();
|
|
66
|
-
const dropdown = screen.getByTestId("status-overflow-dropdown");
|
|
67
|
-
const hiddenLabels = within(dropdown)
|
|
68
|
-
.getAllByRole("button")
|
|
69
|
-
.map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
|
|
70
|
-
expect(hiddenLabels).toEqual(["Read (2)", "Later (1)", "Dismissed"]);
|
|
71
|
-
});
|
|
72
|
-
it("swaps a picked hidden status into the visible row and calls onSelect", () => {
|
|
73
|
-
const onSelect = vi.fn();
|
|
74
|
-
render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: onSelect }));
|
|
75
|
-
const dropdown = screen.getByTestId("status-overflow-dropdown");
|
|
76
|
-
fireEvent.click(within(dropdown).getByText("Later (1)"));
|
|
77
|
-
expect(onSelect).toHaveBeenCalledWith("later");
|
|
78
|
-
const dropdownAfter = screen.getByTestId("status-overflow-dropdown");
|
|
79
|
-
const hiddenLabels = within(dropdownAfter)
|
|
80
|
-
.getAllByRole("button")
|
|
81
|
-
.map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
|
|
82
|
-
expect(hiddenLabels).toEqual(["Unread (3)", "Read (2)", "Dismissed"]);
|
|
83
|
-
});
|
|
84
|
-
it("resets to canonical order when collapsible becomes false after a swap", () => {
|
|
85
|
-
const { rerender } = render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
|
|
86
|
-
const dropdown = screen.getByTestId("status-overflow-dropdown");
|
|
87
|
-
fireEvent.click(within(dropdown).getByText("Later (1)"));
|
|
88
|
-
rerender(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: false, onSelect: vi.fn() }));
|
|
89
|
-
const container = document.querySelector(".status-filter-bar");
|
|
90
|
-
const labels = within(container)
|
|
91
|
-
.getAllByRole("button")
|
|
92
|
-
.map((b) => { var _a; return (_a = b.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
|
|
93
|
-
expect(labels).toEqual(["All", "Unread (3)", "Read (2)", "Later (1)", "Dismissed"]);
|
|
94
|
-
});
|
|
95
|
-
it("re-renders without throwing when a total changes", () => {
|
|
96
|
-
const { rerender } = render(React.createElement(StatusFilterBar, { items: ITEMS, activeKey: "all", collapsible: true, onSelect: vi.fn() }));
|
|
97
|
-
const changed = ITEMS.map((item) => item.key === "unread" ? { ...item, total: 15 } : item);
|
|
98
|
-
expect(() => rerender(React.createElement(StatusFilterBar, { items: changed, activeKey: "all", collapsible: true, onSelect: vi.fn() }))).not.toThrow();
|
|
99
|
-
expect(screen.getAllByText(/^Unread \(15\)$/).length).toBeGreaterThan(0);
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
//# sourceMappingURL=index.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../../src/components/StatusFilterBar/index.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Pure geometry/ordering helpers for the status filter overflow behavior.
|
|
3
|
-
* These contain no DOM or React so they can be unit-tested in isolation.
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Computes how many status items can be shown before the trailing "..." button.
|
|
7
|
-
*
|
|
8
|
-
* When all items fit within the container, every item is shown and no "..."
|
|
9
|
-
* button is needed. Otherwise room is reserved for the "..." button and items
|
|
10
|
-
* are counted greedily from the left.
|
|
11
|
-
*
|
|
12
|
-
* @param containerWidth - Available width of the bar container, in px.
|
|
13
|
-
* @param itemWidths - Natural widths of each item (in the current display order), in px.
|
|
14
|
-
* @param moreWidth - Width of the trailing "..." button, in px.
|
|
15
|
-
* @param gap - Horizontal gap between adjacent elements, in px.
|
|
16
|
-
* @returns The number of leading items to render as visible buttons.
|
|
17
|
-
*/
|
|
18
|
-
export declare function computeVisibleCount(containerWidth: number, itemWidths: number[], moreWidth: number, gap: number): number;
|
|
19
|
-
/**
|
|
20
|
-
* Swaps a hidden status key into the last visible slot.
|
|
21
|
-
*
|
|
22
|
-
* The picked hidden key moves to index `visibleCount - 1`, and the key that
|
|
23
|
-
* previously occupied that slot is pushed to the picked key's old position
|
|
24
|
-
* (i.e. into the hidden region). Returns a new array; the input is not mutated.
|
|
25
|
-
*
|
|
26
|
-
* @param order - Current left-to-right ordering of status keys.
|
|
27
|
-
* @param visibleCount - Number of leading keys currently visible.
|
|
28
|
-
* @param key - The hidden key that was selected.
|
|
29
|
-
* @returns A new ordering with the swap applied (or a copy if no swap needed).
|
|
30
|
-
*/
|
|
31
|
-
export declare function swapToVisibleEnd(order: string[], visibleCount: number, key: string): string[];
|
|
32
|
-
/**
|
|
33
|
-
* Returns the currently hidden keys, sorted by the canonical fixed order.
|
|
34
|
-
*
|
|
35
|
-
* The visible region is `order.slice(0, visibleCount)`; everything else is
|
|
36
|
-
* hidden. Hidden keys are always listed in the fixed canonical order regardless
|
|
37
|
-
* of their position in the (possibly swapped) `order` array.
|
|
38
|
-
*
|
|
39
|
-
* @param order - Current left-to-right ordering of status keys.
|
|
40
|
-
* @param visibleCount - Number of leading keys currently visible.
|
|
41
|
-
* @param fixedOrder - The canonical order used to sort the dropdown list.
|
|
42
|
-
* @returns Hidden keys in fixed canonical order.
|
|
43
|
-
*/
|
|
44
|
-
export declare function getHiddenKeysInFixedOrder(order: string[], visibleCount: number, fixedOrder: string[]): string[];
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Pure geometry/ordering helpers for the status filter overflow behavior.
|
|
3
|
-
* These contain no DOM or React so they can be unit-tested in isolation.
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Computes how many status items can be shown before the trailing "..." button.
|
|
7
|
-
*
|
|
8
|
-
* When all items fit within the container, every item is shown and no "..."
|
|
9
|
-
* button is needed. Otherwise room is reserved for the "..." button and items
|
|
10
|
-
* are counted greedily from the left.
|
|
11
|
-
*
|
|
12
|
-
* @param containerWidth - Available width of the bar container, in px.
|
|
13
|
-
* @param itemWidths - Natural widths of each item (in the current display order), in px.
|
|
14
|
-
* @param moreWidth - Width of the trailing "..." button, in px.
|
|
15
|
-
* @param gap - Horizontal gap between adjacent elements, in px.
|
|
16
|
-
* @returns The number of leading items to render as visible buttons.
|
|
17
|
-
*/
|
|
18
|
-
export function computeVisibleCount(containerWidth, itemWidths, moreWidth, gap) {
|
|
19
|
-
const total = itemWidths.length;
|
|
20
|
-
if (total === 0)
|
|
21
|
-
return 0;
|
|
22
|
-
const fullWidth = itemWidths.reduce((acc, w, i) => acc + w + (i > 0 ? gap : 0), 0);
|
|
23
|
-
if (fullWidth <= containerWidth)
|
|
24
|
-
return total;
|
|
25
|
-
let count = 0;
|
|
26
|
-
for (let k = 1; k <= total - 1; k++) {
|
|
27
|
-
const itemsWidth = itemWidths
|
|
28
|
-
.slice(0, k)
|
|
29
|
-
.reduce((acc, w, i) => acc + w + (i > 0 ? gap : 0), 0);
|
|
30
|
-
const withMore = itemsWidth + gap + moreWidth;
|
|
31
|
-
if (withMore <= containerWidth) {
|
|
32
|
-
count = k;
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
break;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return count;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Swaps a hidden status key into the last visible slot.
|
|
42
|
-
*
|
|
43
|
-
* The picked hidden key moves to index `visibleCount - 1`, and the key that
|
|
44
|
-
* previously occupied that slot is pushed to the picked key's old position
|
|
45
|
-
* (i.e. into the hidden region). Returns a new array; the input is not mutated.
|
|
46
|
-
*
|
|
47
|
-
* @param order - Current left-to-right ordering of status keys.
|
|
48
|
-
* @param visibleCount - Number of leading keys currently visible.
|
|
49
|
-
* @param key - The hidden key that was selected.
|
|
50
|
-
* @returns A new ordering with the swap applied (or a copy if no swap needed).
|
|
51
|
-
*/
|
|
52
|
-
export function swapToVisibleEnd(order, visibleCount, key) {
|
|
53
|
-
const next = [...order];
|
|
54
|
-
const keyIndex = next.indexOf(key);
|
|
55
|
-
const lastVisibleIndex = visibleCount - 1;
|
|
56
|
-
if (keyIndex === -1 || lastVisibleIndex < 0 || keyIndex <= lastVisibleIndex) {
|
|
57
|
-
return next;
|
|
58
|
-
}
|
|
59
|
-
[next[lastVisibleIndex], next[keyIndex]] = [next[keyIndex], next[lastVisibleIndex]];
|
|
60
|
-
return next;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Returns the currently hidden keys, sorted by the canonical fixed order.
|
|
64
|
-
*
|
|
65
|
-
* The visible region is `order.slice(0, visibleCount)`; everything else is
|
|
66
|
-
* hidden. Hidden keys are always listed in the fixed canonical order regardless
|
|
67
|
-
* of their position in the (possibly swapped) `order` array.
|
|
68
|
-
*
|
|
69
|
-
* @param order - Current left-to-right ordering of status keys.
|
|
70
|
-
* @param visibleCount - Number of leading keys currently visible.
|
|
71
|
-
* @param fixedOrder - The canonical order used to sort the dropdown list.
|
|
72
|
-
* @returns Hidden keys in fixed canonical order.
|
|
73
|
-
*/
|
|
74
|
-
export function getHiddenKeysInFixedOrder(order, visibleCount, fixedOrder) {
|
|
75
|
-
const hidden = new Set(order.slice(visibleCount));
|
|
76
|
-
return fixedOrder.filter((key) => hidden.has(key));
|
|
77
|
-
}
|
|
78
|
-
//# sourceMappingURL=statusFilterOverflow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"statusFilterOverflow.js","sourceRoot":"","sources":["../../../src/components/StatusFilterBar/statusFilterOverflow.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB,CAClC,cAAsB,EACtB,UAAoB,EACpB,SAAiB,EACjB,GAAW;IAEX,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;IAChC,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IAE1B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnF,IAAI,SAAS,IAAI,cAAc;QAAE,OAAO,KAAK,CAAC;IAE9C,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,UAAU;aAC3B,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,UAAU,GAAG,GAAG,GAAG,SAAS,CAAC;QAC9C,IAAI,QAAQ,IAAI,cAAc,EAAE,CAAC;YAChC,KAAK,GAAG,CAAC,CAAC;QACX,CAAC;aAAM,CAAC;YACP,MAAM;QACP,CAAC;IACF,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAe,EAAE,YAAoB,EAAE,GAAW;IAClF,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,gBAAgB,GAAG,YAAY,GAAG,CAAC,CAAC;IAC1C,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,gBAAgB,GAAG,CAAC,IAAI,QAAQ,IAAI,gBAAgB,EAAE,CAAC;QAC7E,OAAO,IAAI,CAAC;IACb,CAAC;IACD,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,OAAO,IAAI,CAAC;AACb,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,yBAAyB,CACxC,KAAe,EACf,YAAoB,EACpB,UAAoB;IAEpB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAClD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from "vitest";
|
|
2
|
-
import { computeVisibleCount, swapToVisibleEnd, getHiddenKeysInFixedOrder, } from "./statusFilterOverflow";
|
|
3
|
-
describe("computeVisibleCount", () => {
|
|
4
|
-
it("returns all items when everything fits", () => {
|
|
5
|
-
expect(computeVisibleCount(600, [100, 100, 100, 100, 100], 40, 10)).toBe(5);
|
|
6
|
-
});
|
|
7
|
-
it("reserves room for the more button and counts from the left", () => {
|
|
8
|
-
expect(computeVisibleCount(300, [100, 100, 100, 100, 100], 40, 10)).toBe(2);
|
|
9
|
-
});
|
|
10
|
-
it("returns 0 when not even one item plus more fits", () => {
|
|
11
|
-
expect(computeVisibleCount(50, [100, 100], 40, 10)).toBe(0);
|
|
12
|
-
});
|
|
13
|
-
it("returns 0 for empty input", () => {
|
|
14
|
-
expect(computeVisibleCount(300, [], 40, 10)).toBe(0);
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
describe("swapToVisibleEnd", () => {
|
|
18
|
-
const order = ["all", "unread", "read", "later", "dismissed"];
|
|
19
|
-
it("swaps a hidden key with the last visible key", () => {
|
|
20
|
-
expect(swapToVisibleEnd(order, 2, "later")).toEqual([
|
|
21
|
-
"all",
|
|
22
|
-
"later",
|
|
23
|
-
"read",
|
|
24
|
-
"unread",
|
|
25
|
-
"dismissed",
|
|
26
|
-
]);
|
|
27
|
-
});
|
|
28
|
-
it("leaves order unchanged when the key is already visible", () => {
|
|
29
|
-
expect(swapToVisibleEnd(order, 2, "all")).toEqual(order);
|
|
30
|
-
});
|
|
31
|
-
it("leaves order unchanged when the key is missing", () => {
|
|
32
|
-
expect(swapToVisibleEnd(order, 2, "nope")).toEqual(order);
|
|
33
|
-
});
|
|
34
|
-
it("returns a new array (does not mutate input)", () => {
|
|
35
|
-
const result = swapToVisibleEnd(order, 2, "later");
|
|
36
|
-
expect(result).not.toBe(order);
|
|
37
|
-
expect(order).toEqual(["all", "unread", "read", "later", "dismissed"]);
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
describe("getHiddenKeysInFixedOrder", () => {
|
|
41
|
-
const fixedOrder = ["all", "unread", "read", "later", "dismissed"];
|
|
42
|
-
it("returns hidden keys sorted by the fixed order, not the current order", () => {
|
|
43
|
-
const order = ["all", "later", "read", "unread", "dismissed"];
|
|
44
|
-
expect(getHiddenKeysInFixedOrder(order, 2, fixedOrder)).toEqual([
|
|
45
|
-
"unread",
|
|
46
|
-
"read",
|
|
47
|
-
"dismissed",
|
|
48
|
-
]);
|
|
49
|
-
});
|
|
50
|
-
it("returns empty when everything is visible", () => {
|
|
51
|
-
expect(getHiddenKeysInFixedOrder(fixedOrder, 5, fixedOrder)).toEqual([]);
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
//# sourceMappingURL=statusFilterOverflow.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"statusFilterOverflow.test.js","sourceRoot":"","sources":["../../../src/components/StatusFilterBar/statusFilterOverflow.test.ts"],"names":[],"mappings":"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"}
|