pixelize-design-library 2.2.139 → 2.2.140
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.
|
@@ -177,7 +177,9 @@ var KanbanBoard = function (_a) {
|
|
|
177
177
|
react_1.default.createElement(MeasuredItem_1.default, { index: index, setSize: function (i, h) { return setSize(i, h, colId); } },
|
|
178
178
|
react_1.default.createElement("div", { style: { marginBottom: 12 } },
|
|
179
179
|
react_1.default.createElement(dnd_1.Draggable, { draggableId: account.id.toString(), index: index, key: account.id, isDragDisabled: !canDrag }, function (provided) { return (react_1.default.createElement("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: provided.draggableProps.style }),
|
|
180
|
-
react_1.default.createElement(AccountCard_1.default, { key: account.id, account: account, index: index, onDelete: onDelete, onOpen: onOpen, isExpanded: expanded[account.id], onToggleExpand: function () {
|
|
180
|
+
react_1.default.createElement(AccountCard_1.default, { key: account.id, account: account, index: index, onDelete: onDelete, onOpen: onOpen, isExpanded: expanded[account.id], onToggleExpand: function () {
|
|
181
|
+
return toggleExpand(account.id, colId, index);
|
|
182
|
+
}, isDeletable: canDelete }))); }))),
|
|
181
183
|
index === items.length - 1 && placeholder));
|
|
182
184
|
};
|
|
183
185
|
var NoItemsTemplate = function (_a) {
|
|
@@ -232,7 +234,7 @@ var KanbanBoard = function (_a) {
|
|
|
232
234
|
return toggleExpand(item.id, colId, rubric.source.index);
|
|
233
235
|
} })));
|
|
234
236
|
} }, function (provided, snapshot) {
|
|
235
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
237
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
236
238
|
return (react_1.default.createElement(react_2.Box, __assign({ ref: provided.innerRef }, provided.droppableProps, { width: columnWidth, borderRadius: "0.5rem", borderWidth: "0.063rem", background: snapshot.isDraggingOver
|
|
237
239
|
? (_a = colors === null || colors === void 0 ? void 0 : colors.blue) === null || _a === void 0 ? void 0 : _a[50]
|
|
238
240
|
: (_b = colors === null || colors === void 0 ? void 0 : colors.background) === null || _b === void 0 ? void 0 : _b[100], border: "".concat(snapshot.isDraggingOver
|
|
@@ -241,8 +243,13 @@ var KanbanBoard = function (_a) {
|
|
|
241
243
|
react_1.default.createElement(react_2.Flex, { width: "95%", height: "2.75rem", borderRadius: "0.25rem", borderLeft: "0.188rem solid", borderLeftColor: (_e = column.color) !== null && _e !== void 0 ? _e : (_f = colors === null || colors === void 0 ? void 0 : colors.primary) === null || _f === void 0 ? void 0 : _f[500], background: (_g = colors === null || colors === void 0 ? void 0 : colors.gray) === null || _g === void 0 ? void 0 : _g[100], align: "center", px: 2, m: 2, flexShrink: 0, justifyContent: "space-between", position: "relative" },
|
|
242
244
|
react_1.default.createElement(react_2.Text, { fontWeight: "600", fontSize: "1rem", color: (_h = colors === null || colors === void 0 ? void 0 : colors.text) === null || _h === void 0 ? void 0 : _h[700], noOfLines: 1, w: "100%" },
|
|
243
245
|
react_1.default.createElement(OverflowTooltipText_1.default, { placement: "top" }, column.title)),
|
|
244
|
-
|
|
245
|
-
|
|
246
|
+
react_1.default.createElement(react_2.Badge, { minW: { base: "20px", sm: "22px", md: "24px" }, h: { base: "20px", sm: "22px", md: "24px" }, px: "8px", mr: { base: "6px", md: "10px" }, borderRadius: "999px", border: "1px solid gray", display: "flex", alignItems: "center", justifyContent: "center", color: (_j = colors === null || colors === void 0 ? void 0 : colors.text) === null || _j === void 0 ? void 0 : _j[600], fontSize: { base: "10px", sm: "11px", md: "12px" } }, (_k = column === null || column === void 0 ? void 0 : column.items) === null || _k === void 0 ? void 0 : _k.length),
|
|
247
|
+
canDelete &&
|
|
248
|
+
hoveredColumn === colId &&
|
|
249
|
+
column.items.length > 0 && (react_1.default.createElement(react_2.Box, { as: lucide_react_1.Trash2, size: 16, cursor: "pointer", color: (_l = colors === null || colors === void 0 ? void 0 : colors.text) === null || _l === void 0 ? void 0 : _l[600], _hover: { color: (_m = colors === null || colors === void 0 ? void 0 : colors.red) === null || _m === void 0 ? void 0 : _m[600] }, onClick: function () { return handleColumnDelete(colId); }, transition: "color 0.2s ease" })),
|
|
250
|
+
!(canDelete &&
|
|
251
|
+
hoveredColumn === colId &&
|
|
252
|
+
column.items.length > 0) && react_1.default.createElement(react_2.Box, { width: "16px", height: "16px" })),
|
|
246
253
|
react_1.default.createElement(react_2.Box, { px: 2,
|
|
247
254
|
// pb={2}
|
|
248
255
|
flex: "1", overflowY: "auto", width: "100%",
|
|
@@ -280,11 +287,13 @@ var KanbanBoard = function (_a) {
|
|
|
280
287
|
},
|
|
281
288
|
cursor: canDrag ? "grab" : "not-allowed",
|
|
282
289
|
} },
|
|
283
|
-
(noItems === null || noItems === void 0 ? void 0 : noItems.isVisible) && column.items.length === 0 && react_1.default.createElement(NoItemsTemplate, { column: column }),
|
|
290
|
+
(noItems === null || noItems === void 0 ? void 0 : noItems.isVisible) && column.items.length === 0 && (react_1.default.createElement(NoItemsTemplate, { column: column })),
|
|
284
291
|
virtualization ? (react_1.default.createElement(react_window_1.VariableSizeList, { ref: function (el) {
|
|
285
292
|
if (el)
|
|
286
293
|
listRefs.current[colId] = el;
|
|
287
|
-
}, height: containerHeight - 150, itemCount: column.items.length, itemSize: function (index) {
|
|
294
|
+
}, height: containerHeight - 150, itemCount: column.items.length, itemSize: function (index) {
|
|
295
|
+
return getItemSize(index, column.items, colId);
|
|
296
|
+
}, width: "100%", itemData: {
|
|
288
297
|
items: column.items,
|
|
289
298
|
colId: colId,
|
|
290
299
|
placeholder: provided.placeholder,
|