@industry-theme/backlogmd-kanban-panel 1.0.42 → 1.0.46
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiBtD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiBtD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA83CvD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAsG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;
|
|
1
|
+
{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAsG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAiDD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgvB1D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAgB7C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"TaskCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/TaskCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAgB7C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoR5C,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -9213,7 +9213,8 @@ const TaskCard = ({
|
|
|
9213
9213
|
borderRadius: theme2.radii[2],
|
|
9214
9214
|
padding: "12px",
|
|
9215
9215
|
border: `1px solid ${theme2.colors.border}`,
|
|
9216
|
-
borderLeft: `4px solid
|
|
9216
|
+
borderLeft: `4px solid transparent`,
|
|
9217
|
+
borderRight: `4px solid ${getPriorityColor(task.priority)}`,
|
|
9217
9218
|
cursor: isDragOverlay ? "grabbing" : "grab",
|
|
9218
9219
|
transition: isDragging ? "none" : "all 0.2s ease",
|
|
9219
9220
|
minHeight: "44px",
|
|
@@ -9265,20 +9266,12 @@ const TaskCard = ({
|
|
|
9265
9266
|
...attributes,
|
|
9266
9267
|
onMouseEnter: (e) => {
|
|
9267
9268
|
if (!isDragging && !isDragOverlay) {
|
|
9268
|
-
|
|
9269
|
-
if (desc) {
|
|
9270
|
-
desc.style.maxHeight = "20em";
|
|
9271
|
-
}
|
|
9272
|
-
e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
|
|
9269
|
+
e.currentTarget.style.borderLeft = `4px solid ${theme2.colors.primary}`;
|
|
9273
9270
|
}
|
|
9274
9271
|
},
|
|
9275
9272
|
onMouseLeave: (e) => {
|
|
9276
9273
|
if (!isDragging && !isDragOverlay) {
|
|
9277
|
-
|
|
9278
|
-
if (desc) {
|
|
9279
|
-
desc.style.maxHeight = "2.8em";
|
|
9280
|
-
}
|
|
9281
|
-
e.currentTarget.style.borderLeft = `4px solid ${getPriorityColor(task.priority)}`;
|
|
9274
|
+
e.currentTarget.style.borderLeft = `4px solid transparent`;
|
|
9282
9275
|
}
|
|
9283
9276
|
},
|
|
9284
9277
|
children: [
|
|
@@ -9325,9 +9318,8 @@ const TaskCard = ({
|
|
|
9325
9318
|
color: theme2.colors.textSecondary,
|
|
9326
9319
|
overflow: "hidden",
|
|
9327
9320
|
lineHeight: "1.4",
|
|
9328
|
-
maxHeight: "2.8em"
|
|
9321
|
+
maxHeight: "2.8em"
|
|
9329
9322
|
// 2 lines (1.4 * 2)
|
|
9330
|
-
transition: "max-height 0.3s ease"
|
|
9331
9323
|
},
|
|
9332
9324
|
children: task.description
|
|
9333
9325
|
}
|
|
@@ -11093,6 +11085,7 @@ const KanbanPanel = ({
|
|
|
11093
11085
|
const [selectedMilestoneId, setSelectedMilestoneId] = useState(null);
|
|
11094
11086
|
const [milestoneStatusFilter, setMilestoneStatusFilter] = useState(null);
|
|
11095
11087
|
const [searchQuery, setSearchQuery] = useState("");
|
|
11088
|
+
const [isSearchVisible, setIsSearchVisible] = useState(false);
|
|
11096
11089
|
const searchDebounceRef = useRef(null);
|
|
11097
11090
|
const handleSearchChange = useCallback((value) => {
|
|
11098
11091
|
setSearchQuery(value);
|
|
@@ -11587,77 +11580,33 @@ const KanbanPanel = ({
|
|
|
11587
11580
|
}
|
|
11588
11581
|
)
|
|
11589
11582
|
] }),
|
|
11590
|
-
isBacklogProject &&
|
|
11591
|
-
|
|
11592
|
-
|
|
11593
|
-
|
|
11594
|
-
|
|
11595
|
-
|
|
11596
|
-
|
|
11597
|
-
|
|
11598
|
-
|
|
11599
|
-
children: [
|
|
11600
|
-
/* @__PURE__ */ jsx(
|
|
11601
|
-
Search,
|
|
11602
|
-
{
|
|
11603
|
-
size: 16,
|
|
11604
|
-
color: theme2.colors.textSecondary,
|
|
11605
|
-
style: {
|
|
11606
|
-
position: "absolute",
|
|
11607
|
-
left: "10px",
|
|
11608
|
-
top: "50%",
|
|
11609
|
-
transform: "translateY(-50%)",
|
|
11610
|
-
pointerEvents: "none"
|
|
11611
|
-
}
|
|
11612
|
-
}
|
|
11613
|
-
),
|
|
11614
|
-
/* @__PURE__ */ jsx(
|
|
11615
|
-
"input",
|
|
11616
|
-
{
|
|
11617
|
-
type: "text",
|
|
11618
|
-
placeholder: "Search tasks...",
|
|
11619
|
-
value: searchQuery,
|
|
11620
|
-
onChange: (e) => handleSearchChange(e.target.value),
|
|
11621
|
-
style: {
|
|
11622
|
-
width: "100%",
|
|
11623
|
-
padding: "8px 32px 8px 32px",
|
|
11624
|
-
fontSize: theme2.fontSizes[1],
|
|
11625
|
-
fontFamily: theme2.fonts.body,
|
|
11626
|
-
border: `1px solid ${theme2.colors.border}`,
|
|
11627
|
-
borderRadius: theme2.radii[2],
|
|
11628
|
-
background: theme2.colors.backgroundSecondary,
|
|
11629
|
-
color: theme2.colors.text,
|
|
11630
|
-
outline: "none",
|
|
11631
|
-
boxSizing: "border-box"
|
|
11632
|
-
}
|
|
11633
|
-
}
|
|
11634
|
-
),
|
|
11635
|
-
searchQuery && /* @__PURE__ */ jsx(
|
|
11636
|
-
"button",
|
|
11637
|
-
{
|
|
11638
|
-
onClick: handleClearSearch,
|
|
11639
|
-
style: {
|
|
11640
|
-
position: "absolute",
|
|
11641
|
-
right: "6px",
|
|
11642
|
-
top: "50%",
|
|
11643
|
-
transform: "translateY(-50%)",
|
|
11644
|
-
background: "transparent",
|
|
11645
|
-
border: "none",
|
|
11646
|
-
padding: "4px",
|
|
11647
|
-
cursor: "pointer",
|
|
11648
|
-
display: "flex",
|
|
11649
|
-
alignItems: "center",
|
|
11650
|
-
justifyContent: "center",
|
|
11651
|
-
color: theme2.colors.textSecondary
|
|
11652
|
-
},
|
|
11653
|
-
"aria-label": "Clear search",
|
|
11654
|
-
children: /* @__PURE__ */ jsx(X, { size: 14 })
|
|
11583
|
+
isBacklogProject && totalTasksState.total > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexWrap: "wrap" }, children: viewMode === "board" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
11584
|
+
/* @__PURE__ */ jsx(
|
|
11585
|
+
"button",
|
|
11586
|
+
{
|
|
11587
|
+
onClick: () => {
|
|
11588
|
+
const newVisible = !isSearchVisible;
|
|
11589
|
+
setIsSearchVisible(newVisible);
|
|
11590
|
+
if (!newVisible) {
|
|
11591
|
+
setSearchQuery("");
|
|
11655
11592
|
}
|
|
11656
|
-
|
|
11657
|
-
|
|
11658
|
-
|
|
11659
|
-
|
|
11660
|
-
|
|
11593
|
+
},
|
|
11594
|
+
style: {
|
|
11595
|
+
display: "flex",
|
|
11596
|
+
alignItems: "center",
|
|
11597
|
+
justifyContent: "center",
|
|
11598
|
+
background: isSearchVisible ? theme2.colors.primary : theme2.colors.backgroundSecondary,
|
|
11599
|
+
color: isSearchVisible ? theme2.colors.textOnPrimary : theme2.colors.textSecondary,
|
|
11600
|
+
border: isSearchVisible ? "none" : `1px solid ${theme2.colors.border}`,
|
|
11601
|
+
borderRadius: theme2.radii[2],
|
|
11602
|
+
padding: "6px",
|
|
11603
|
+
cursor: "pointer",
|
|
11604
|
+
transition: "all 0.2s ease"
|
|
11605
|
+
},
|
|
11606
|
+
title: isSearchVisible ? "Hide search" : "Search tasks",
|
|
11607
|
+
children: /* @__PURE__ */ jsx(Search, { size: 16 })
|
|
11608
|
+
}
|
|
11609
|
+
),
|
|
11661
11610
|
canWrite && /* @__PURE__ */ jsxs(
|
|
11662
11611
|
"button",
|
|
11663
11612
|
{
|
|
@@ -11681,26 +11630,6 @@ const KanbanPanel = ({
|
|
|
11681
11630
|
"Add Task"
|
|
11682
11631
|
]
|
|
11683
11632
|
}
|
|
11684
|
-
),
|
|
11685
|
-
totalTasksState.hasMore && /* @__PURE__ */ jsx(
|
|
11686
|
-
"button",
|
|
11687
|
-
{
|
|
11688
|
-
onClick: loadMoreTasks,
|
|
11689
|
-
disabled: totalTasksState.isLoadingMore,
|
|
11690
|
-
style: {
|
|
11691
|
-
background: theme2.colors.backgroundSecondary,
|
|
11692
|
-
color: theme2.colors.text,
|
|
11693
|
-
border: `1px solid ${theme2.colors.border}`,
|
|
11694
|
-
borderRadius: theme2.radii[2],
|
|
11695
|
-
padding: "6px 12px",
|
|
11696
|
-
fontSize: theme2.fontSizes[1],
|
|
11697
|
-
fontWeight: theme2.fontWeights.medium,
|
|
11698
|
-
cursor: totalTasksState.isLoadingMore ? "wait" : "pointer",
|
|
11699
|
-
opacity: totalTasksState.isLoadingMore ? 0.7 : 1,
|
|
11700
|
-
transition: "opacity 0.2s ease"
|
|
11701
|
-
},
|
|
11702
|
-
children: totalTasksState.isLoadingMore ? "Loading..." : `Load more (${totalTasksState.total - totalTasksState.loaded} remaining)`
|
|
11703
|
-
}
|
|
11704
11633
|
)
|
|
11705
11634
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
11706
11635
|
canWrite && /* @__PURE__ */ jsxs(
|
|
@@ -11787,6 +11716,108 @@ const KanbanPanel = ({
|
|
|
11787
11716
|
]
|
|
11788
11717
|
}
|
|
11789
11718
|
),
|
|
11719
|
+
isBacklogProject && viewMode === "board" && totalTasksState.total > 0 && isSearchVisible && /* @__PURE__ */ jsxs(
|
|
11720
|
+
"div",
|
|
11721
|
+
{
|
|
11722
|
+
style: {
|
|
11723
|
+
flexShrink: 0,
|
|
11724
|
+
display: "flex",
|
|
11725
|
+
alignItems: "center",
|
|
11726
|
+
gap: "12px"
|
|
11727
|
+
},
|
|
11728
|
+
children: [
|
|
11729
|
+
/* @__PURE__ */ jsxs(
|
|
11730
|
+
"div",
|
|
11731
|
+
{
|
|
11732
|
+
style: {
|
|
11733
|
+
position: "relative",
|
|
11734
|
+
flex: 1
|
|
11735
|
+
},
|
|
11736
|
+
children: [
|
|
11737
|
+
/* @__PURE__ */ jsx(
|
|
11738
|
+
Search,
|
|
11739
|
+
{
|
|
11740
|
+
size: 16,
|
|
11741
|
+
color: theme2.colors.textSecondary,
|
|
11742
|
+
style: {
|
|
11743
|
+
position: "absolute",
|
|
11744
|
+
left: "10px",
|
|
11745
|
+
top: "50%",
|
|
11746
|
+
transform: "translateY(-50%)",
|
|
11747
|
+
pointerEvents: "none"
|
|
11748
|
+
}
|
|
11749
|
+
}
|
|
11750
|
+
),
|
|
11751
|
+
/* @__PURE__ */ jsx(
|
|
11752
|
+
"input",
|
|
11753
|
+
{
|
|
11754
|
+
type: "text",
|
|
11755
|
+
placeholder: "Search tasks...",
|
|
11756
|
+
value: searchQuery,
|
|
11757
|
+
onChange: (e) => handleSearchChange(e.target.value),
|
|
11758
|
+
style: {
|
|
11759
|
+
width: "100%",
|
|
11760
|
+
padding: "8px 32px 8px 32px",
|
|
11761
|
+
fontSize: theme2.fontSizes[1],
|
|
11762
|
+
fontFamily: theme2.fonts.body,
|
|
11763
|
+
border: `1px solid ${theme2.colors.border}`,
|
|
11764
|
+
borderRadius: theme2.radii[2],
|
|
11765
|
+
background: theme2.colors.backgroundSecondary,
|
|
11766
|
+
color: theme2.colors.text,
|
|
11767
|
+
outline: "none",
|
|
11768
|
+
boxSizing: "border-box"
|
|
11769
|
+
}
|
|
11770
|
+
}
|
|
11771
|
+
),
|
|
11772
|
+
searchQuery && /* @__PURE__ */ jsx(
|
|
11773
|
+
"button",
|
|
11774
|
+
{
|
|
11775
|
+
onClick: handleClearSearch,
|
|
11776
|
+
style: {
|
|
11777
|
+
position: "absolute",
|
|
11778
|
+
right: "6px",
|
|
11779
|
+
top: "50%",
|
|
11780
|
+
transform: "translateY(-50%)",
|
|
11781
|
+
background: "transparent",
|
|
11782
|
+
border: "none",
|
|
11783
|
+
padding: "4px",
|
|
11784
|
+
cursor: "pointer",
|
|
11785
|
+
display: "flex",
|
|
11786
|
+
alignItems: "center",
|
|
11787
|
+
justifyContent: "center",
|
|
11788
|
+
color: theme2.colors.textSecondary
|
|
11789
|
+
},
|
|
11790
|
+
"aria-label": "Clear search",
|
|
11791
|
+
children: /* @__PURE__ */ jsx(X, { size: 14 })
|
|
11792
|
+
}
|
|
11793
|
+
)
|
|
11794
|
+
]
|
|
11795
|
+
}
|
|
11796
|
+
),
|
|
11797
|
+
totalTasksState.hasMore && /* @__PURE__ */ jsx(
|
|
11798
|
+
"button",
|
|
11799
|
+
{
|
|
11800
|
+
onClick: loadMoreTasks,
|
|
11801
|
+
disabled: totalTasksState.isLoadingMore,
|
|
11802
|
+
style: {
|
|
11803
|
+
flexShrink: 0,
|
|
11804
|
+
background: theme2.colors.backgroundSecondary,
|
|
11805
|
+
color: theme2.colors.text,
|
|
11806
|
+
border: `1px solid ${theme2.colors.border}`,
|
|
11807
|
+
borderRadius: theme2.radii[2],
|
|
11808
|
+
padding: "8px 12px",
|
|
11809
|
+
fontSize: theme2.fontSizes[1],
|
|
11810
|
+
fontWeight: theme2.fontWeights.medium,
|
|
11811
|
+
cursor: totalTasksState.isLoadingMore ? "wait" : "pointer",
|
|
11812
|
+
opacity: totalTasksState.isLoadingMore ? 0.7 : 1,
|
|
11813
|
+
transition: "opacity 0.2s ease"
|
|
11814
|
+
},
|
|
11815
|
+
children: totalTasksState.isLoadingMore ? "Loading..." : `Load more (${totalTasksState.total - totalTasksState.loaded} remaining)`
|
|
11816
|
+
}
|
|
11817
|
+
)
|
|
11818
|
+
]
|
|
11819
|
+
}
|
|
11820
|
+
),
|
|
11790
11821
|
currentError && /* @__PURE__ */ jsxs(
|
|
11791
11822
|
"div",
|
|
11792
11823
|
{
|
|
@@ -56405,6 +56436,7 @@ const getPriorityStyles = (theme2, priority) => {
|
|
|
56405
56436
|
const baseStyles2 = {
|
|
56406
56437
|
padding: "2px 8px",
|
|
56407
56438
|
borderRadius: theme2.radii[1],
|
|
56439
|
+
fontFamily: theme2.fonts.body,
|
|
56408
56440
|
fontSize: theme2.fontSizes[0],
|
|
56409
56441
|
fontWeight: theme2.fontWeights.medium
|
|
56410
56442
|
};
|
|
@@ -56427,7 +56459,8 @@ const StatusBadge = ({ status }) => {
|
|
|
56427
56459
|
style: {
|
|
56428
56460
|
padding: "4px 12px",
|
|
56429
56461
|
borderRadius: theme2.radii[2],
|
|
56430
|
-
|
|
56462
|
+
fontFamily: theme2.fonts.body,
|
|
56463
|
+
fontSize: theme2.fontSizes[0],
|
|
56431
56464
|
fontWeight: theme2.fontWeights.medium,
|
|
56432
56465
|
background: `${theme2.colors.primary}20`,
|
|
56433
56466
|
color: theme2.colors.primary,
|
|
@@ -56675,43 +56708,96 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
|
|
|
56675
56708
|
style: {
|
|
56676
56709
|
fontFamily: theme2.fonts.monospace,
|
|
56677
56710
|
fontSize: theme2.fontSizes[0],
|
|
56711
|
+
fontWeight: theme2.fontWeights.medium,
|
|
56678
56712
|
color: theme2.colors.textMuted
|
|
56679
56713
|
},
|
|
56680
56714
|
children: selectedTask.id
|
|
56681
56715
|
}
|
|
56682
56716
|
),
|
|
56683
|
-
selectedTask.priority && /* @__PURE__ */
|
|
56717
|
+
selectedTask.priority && /* @__PURE__ */ jsxs("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: [
|
|
56718
|
+
"Priority: ",
|
|
56719
|
+
selectedTask.priority
|
|
56720
|
+
] }),
|
|
56684
56721
|
/* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
|
|
56685
56722
|
] }),
|
|
56686
|
-
/* @__PURE__ */
|
|
56687
|
-
"
|
|
56688
|
-
|
|
56689
|
-
|
|
56690
|
-
|
|
56691
|
-
|
|
56692
|
-
|
|
56693
|
-
|
|
56694
|
-
|
|
56695
|
-
|
|
56696
|
-
|
|
56697
|
-
|
|
56698
|
-
|
|
56699
|
-
|
|
56700
|
-
|
|
56701
|
-
|
|
56702
|
-
|
|
56703
|
-
|
|
56704
|
-
e
|
|
56705
|
-
|
|
56706
|
-
|
|
56707
|
-
|
|
56708
|
-
e
|
|
56709
|
-
|
|
56710
|
-
|
|
56711
|
-
|
|
56712
|
-
|
|
56713
|
-
|
|
56714
|
-
|
|
56723
|
+
/* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
56724
|
+
deleteState.status === "idle" && /* @__PURE__ */ jsx(
|
|
56725
|
+
"button",
|
|
56726
|
+
{
|
|
56727
|
+
onClick: () => setIsDeleteModalOpen(true),
|
|
56728
|
+
style: {
|
|
56729
|
+
display: "flex",
|
|
56730
|
+
alignItems: "center",
|
|
56731
|
+
justifyContent: "center",
|
|
56732
|
+
width: "32px",
|
|
56733
|
+
height: "32px",
|
|
56734
|
+
border: `1px solid ${theme2.colors.error}`,
|
|
56735
|
+
borderRadius: theme2.radii[1],
|
|
56736
|
+
background: "transparent",
|
|
56737
|
+
cursor: "pointer",
|
|
56738
|
+
color: theme2.colors.error,
|
|
56739
|
+
transition: "all 0.2s ease"
|
|
56740
|
+
},
|
|
56741
|
+
onMouseEnter: (e) => {
|
|
56742
|
+
e.currentTarget.style.background = theme2.colors.error;
|
|
56743
|
+
e.currentTarget.style.color = theme2.colors.background;
|
|
56744
|
+
},
|
|
56745
|
+
onMouseLeave: (e) => {
|
|
56746
|
+
e.currentTarget.style.background = "transparent";
|
|
56747
|
+
e.currentTarget.style.color = theme2.colors.error;
|
|
56748
|
+
},
|
|
56749
|
+
title: "Delete task",
|
|
56750
|
+
children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
|
|
56751
|
+
}
|
|
56752
|
+
),
|
|
56753
|
+
deleteState.status === "success" && /* @__PURE__ */ jsx(
|
|
56754
|
+
"div",
|
|
56755
|
+
{
|
|
56756
|
+
style: {
|
|
56757
|
+
display: "flex",
|
|
56758
|
+
alignItems: "center",
|
|
56759
|
+
justifyContent: "center",
|
|
56760
|
+
width: "32px",
|
|
56761
|
+
height: "32px",
|
|
56762
|
+
border: `1px solid ${theme2.colors.success}`,
|
|
56763
|
+
borderRadius: theme2.radii[1],
|
|
56764
|
+
background: `${theme2.colors.success}15`,
|
|
56765
|
+
color: theme2.colors.success
|
|
56766
|
+
},
|
|
56767
|
+
title: "Task deleted",
|
|
56768
|
+
children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 16 })
|
|
56769
|
+
}
|
|
56770
|
+
),
|
|
56771
|
+
/* @__PURE__ */ jsx(
|
|
56772
|
+
"button",
|
|
56773
|
+
{
|
|
56774
|
+
onClick: handleBack,
|
|
56775
|
+
style: {
|
|
56776
|
+
display: "flex",
|
|
56777
|
+
alignItems: "center",
|
|
56778
|
+
justifyContent: "center",
|
|
56779
|
+
width: "32px",
|
|
56780
|
+
height: "32px",
|
|
56781
|
+
border: `1px solid ${theme2.colors.border}`,
|
|
56782
|
+
borderRadius: theme2.radii[1],
|
|
56783
|
+
background: theme2.colors.surface,
|
|
56784
|
+
cursor: "pointer",
|
|
56785
|
+
color: theme2.colors.textSecondary,
|
|
56786
|
+
transition: "all 0.2s ease"
|
|
56787
|
+
},
|
|
56788
|
+
onMouseEnter: (e) => {
|
|
56789
|
+
e.currentTarget.style.background = theme2.colors.backgroundSecondary;
|
|
56790
|
+
e.currentTarget.style.color = theme2.colors.text;
|
|
56791
|
+
},
|
|
56792
|
+
onMouseLeave: (e) => {
|
|
56793
|
+
e.currentTarget.style.background = theme2.colors.surface;
|
|
56794
|
+
e.currentTarget.style.color = theme2.colors.textSecondary;
|
|
56795
|
+
},
|
|
56796
|
+
title: "Close",
|
|
56797
|
+
children: /* @__PURE__ */ jsx(X, { size: 16 })
|
|
56798
|
+
}
|
|
56799
|
+
)
|
|
56800
|
+
] })
|
|
56715
56801
|
]
|
|
56716
56802
|
}
|
|
56717
56803
|
),
|
|
@@ -56879,64 +56965,6 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
|
|
|
56879
56965
|
)
|
|
56880
56966
|
]
|
|
56881
56967
|
}
|
|
56882
|
-
),
|
|
56883
|
-
deleteState.status === "idle" && /* @__PURE__ */ jsxs(
|
|
56884
|
-
"button",
|
|
56885
|
-
{
|
|
56886
|
-
onClick: () => setIsDeleteModalOpen(true),
|
|
56887
|
-
style: {
|
|
56888
|
-
flex: 1,
|
|
56889
|
-
display: "flex",
|
|
56890
|
-
alignItems: "center",
|
|
56891
|
-
justifyContent: "center",
|
|
56892
|
-
gap: "6px",
|
|
56893
|
-
padding: "6px 12px",
|
|
56894
|
-
border: `1px solid ${theme2.colors.error}`,
|
|
56895
|
-
borderRadius: theme2.radii[1],
|
|
56896
|
-
background: "transparent",
|
|
56897
|
-
cursor: "pointer",
|
|
56898
|
-
color: theme2.colors.error,
|
|
56899
|
-
fontSize: theme2.fontSizes[1],
|
|
56900
|
-
fontWeight: theme2.fontWeights.medium,
|
|
56901
|
-
transition: "all 0.2s ease"
|
|
56902
|
-
},
|
|
56903
|
-
onMouseEnter: (e) => {
|
|
56904
|
-
e.currentTarget.style.background = theme2.colors.error;
|
|
56905
|
-
e.currentTarget.style.color = theme2.colors.background;
|
|
56906
|
-
},
|
|
56907
|
-
onMouseLeave: (e) => {
|
|
56908
|
-
e.currentTarget.style.background = "transparent";
|
|
56909
|
-
e.currentTarget.style.color = theme2.colors.error;
|
|
56910
|
-
},
|
|
56911
|
-
title: "Delete task",
|
|
56912
|
-
children: [
|
|
56913
|
-
/* @__PURE__ */ jsx(Trash2, { size: 14 }),
|
|
56914
|
-
"Delete"
|
|
56915
|
-
]
|
|
56916
|
-
}
|
|
56917
|
-
),
|
|
56918
|
-
deleteState.status === "success" && /* @__PURE__ */ jsxs(
|
|
56919
|
-
"div",
|
|
56920
|
-
{
|
|
56921
|
-
style: {
|
|
56922
|
-
flex: 1,
|
|
56923
|
-
display: "flex",
|
|
56924
|
-
alignItems: "center",
|
|
56925
|
-
justifyContent: "center",
|
|
56926
|
-
gap: "6px",
|
|
56927
|
-
padding: "6px 12px",
|
|
56928
|
-
border: `1px solid ${theme2.colors.success}`,
|
|
56929
|
-
borderRadius: theme2.radii[1],
|
|
56930
|
-
background: `${theme2.colors.success}15`,
|
|
56931
|
-
color: theme2.colors.success,
|
|
56932
|
-
fontSize: theme2.fontSizes[1],
|
|
56933
|
-
fontWeight: theme2.fontWeights.medium
|
|
56934
|
-
},
|
|
56935
|
-
children: [
|
|
56936
|
-
/* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
|
|
56937
|
-
"Task deleted"
|
|
56938
|
-
]
|
|
56939
|
-
}
|
|
56940
56968
|
)
|
|
56941
56969
|
] }),
|
|
56942
56970
|
/* @__PURE__ */ jsx("style", { children: `
|
|
@@ -56949,6 +56977,7 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
|
|
|
56949
56977
|
{
|
|
56950
56978
|
style: {
|
|
56951
56979
|
margin: "0 0 16px 0",
|
|
56980
|
+
fontFamily: theme2.fonts.body,
|
|
56952
56981
|
fontSize: theme2.fontSizes[5],
|
|
56953
56982
|
fontWeight: theme2.fontWeights.bold,
|
|
56954
56983
|
color: theme2.colors.text,
|