blixify-ui-web 1.1.24 → 1.2.2
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/lib/components/advanced/collapse/index.d.ts +4 -0
- package/lib/components/advanced/collapse/index.d.ts.map +1 -1
- package/lib/components/advanced/collapse/index.js +13 -12
- package/lib/components/advanced/collapse/index.js.map +1 -1
- package/lib/components/chart/card/index.d.ts +1 -0
- package/lib/components/chart/card/index.d.ts.map +1 -1
- package/lib/components/chart/card/index.js +20 -4
- package/lib/components/chart/card/index.js.map +1 -1
- package/lib/components/design/bannerAction/index.d.ts +8 -1
- package/lib/components/design/bannerAction/index.d.ts.map +1 -1
- package/lib/components/design/bannerAction/index.js +43 -14
- package/lib/components/design/bannerAction/index.js.map +1 -1
- package/lib/components/display/calendar/index.d.ts +1 -1
- package/lib/components/display/calendar/index.d.ts.map +1 -1
- package/lib/components/display/detailList/index.d.ts +2 -0
- package/lib/components/display/detailList/index.d.ts.map +1 -1
- package/lib/components/display/detailList/index.js +77 -37
- package/lib/components/display/detailList/index.js.map +1 -1
- package/lib/components/display/emptyState/index.d.ts +2 -0
- package/lib/components/display/emptyState/index.d.ts.map +1 -1
- package/lib/components/display/emptyState/index.js +19 -8
- package/lib/components/display/emptyState/index.js.map +1 -1
- package/lib/components/display/newCalendar/index.d.ts +34 -0
- package/lib/components/display/newCalendar/index.d.ts.map +1 -0
- package/lib/components/display/newCalendar/index.js +313 -0
- package/lib/components/display/newCalendar/index.js.map +1 -0
- package/lib/components/display/newFeeds/index.d.ts +18 -0
- package/lib/components/display/newFeeds/index.d.ts.map +1 -0
- package/lib/components/display/newFeeds/index.js +71 -0
- package/lib/components/display/newFeeds/index.js.map +1 -0
- package/lib/components/display/newKanban/index.d.ts +28 -0
- package/lib/components/display/newKanban/index.d.ts.map +1 -0
- package/lib/components/display/newKanban/index.js +188 -0
- package/lib/components/display/newKanban/index.js.map +1 -0
- package/lib/components/display/newList/index.d.ts +26 -0
- package/lib/components/display/newList/index.d.ts.map +1 -0
- package/lib/components/display/newList/index.js +55 -0
- package/lib/components/display/newList/index.js.map +1 -0
- package/lib/components/display/newTable/index.d.ts +21 -0
- package/lib/components/display/newTable/index.d.ts.map +1 -0
- package/lib/components/display/newTable/index.js +115 -0
- package/lib/components/display/newTable/index.js.map +1 -0
- package/lib/components/index.d.ts +6 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +13 -2
- package/lib/components/index.js.map +1 -1
- package/lib/tail.css +2 -2
- package/package.json +3 -2
|
@@ -46,16 +46,27 @@ var EmptyState = /** @class */ (function (_super) {
|
|
|
46
46
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
47
47
|
}
|
|
48
48
|
EmptyState.prototype.render = function () {
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
var _a = this.props, text = _a.text, icon = _a.icon, description = _a.description, _b = _a.size, size = _b === void 0 ? "default" : _b, callToAction = _a.callToAction, darkMode = _a.darkMode, className = _a.className;
|
|
50
|
+
var textColor = darkMode ? "text-white" : "text-gray-600";
|
|
51
|
+
var descColor = darkMode ? "text-gray-300" : "text-gray-500";
|
|
52
|
+
var borderColor = darkMode ? "border-white" : "border-gray-300";
|
|
53
|
+
if (size === "compact") {
|
|
54
|
+
// INFO: ~120px tall — no dashed border, fits inside list headers without stealing screen space
|
|
55
|
+
return (react_1.default.createElement("div", { className: "flex flex-col items-center text-center rounded-lg p-4 ".concat(className !== null && className !== void 0 ? className : "") },
|
|
56
|
+
icon,
|
|
57
|
+
react_1.default.createElement("p", { className: "mt-2 text-sm font-medium ".concat(textColor) }, text),
|
|
58
|
+
description && (react_1.default.createElement("p", { className: "mt-1 text-xs ".concat(descColor) }, description)),
|
|
59
|
+
callToAction && (react_1.default.createElement("div", { className: "mt-3 flex items-center justify-center" }, callToAction))));
|
|
54
60
|
}
|
|
61
|
+
// INFO: default — original dashed-border layout, kept for backward compat
|
|
62
|
+
var defaultClassName = "flex flex-col items-center rounded-lg border-2 border-dashed ".concat(borderColor, " p-10 ");
|
|
63
|
+
if (className)
|
|
64
|
+
defaultClassName += className;
|
|
55
65
|
return (react_1.default.createElement("div", { className: defaultClassName },
|
|
56
|
-
|
|
57
|
-
react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " mt-2") },
|
|
58
|
-
|
|
66
|
+
icon,
|
|
67
|
+
react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " mt-2") }, text),
|
|
68
|
+
description && (react_1.default.createElement("p", { className: "mt-1 text-xs ".concat(descColor) }, description)),
|
|
69
|
+
callToAction && (react_1.default.createElement("div", { className: "flex items-center justify-center mt-4 " }, callToAction))));
|
|
59
70
|
};
|
|
60
71
|
return EmptyState;
|
|
61
72
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAYvD;IAAgC,8BAAgB;IAAhD;;IAgDA,CAAC;IA/CC,2BAAM,GAAN;QACQ,IAAA,KAAmF,IAAI,CAAC,KAAK,EAA3F,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAe,CAAC;QACpG,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;QAC5D,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;QAC/D,IAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAElE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,+FAA+F;YAC/F,OAAO,CACL,uCACE,SAAS,EAAE,gEACT,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CACf;gBAED,IAAI;gBACL,qCAAG,SAAS,EAAE,mCAA4B,SAAS,CAAE,IAAG,IAAI,CAAK;gBAChE,WAAW,IAAI,CACd,qCAAG,SAAS,EAAE,uBAAgB,SAAS,CAAE,IAAG,WAAW,CAAK,CAC7D;gBACA,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,uCAAuC,IACnD,YAAY,CACT,CACP,CACG,CACP,CAAC;QACJ,CAAC;QAED,0EAA0E;QAC1E,IAAI,gBAAgB,GAAG,uEAAgE,WAAW,WAAQ,CAAC;QAC3G,IAAI,SAAS;YAAE,gBAAgB,IAAI,SAAS,CAAC;QAE7C,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC7B,IAAI;YACL,qCAAG,SAAS,EAAE,kBAAW,SAAS,UAAO,IAAG,IAAI,CAAK;YACpD,WAAW,IAAI,CACd,qCAAG,SAAS,EAAE,uBAAgB,SAAS,CAAE,IAAG,WAAW,CAAK,CAC7D;YACA,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,wCAAwC,IACpD,YAAY,CACT,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAhDD,CAAgC,iBAAS,GAgDxC;AAhDY,gCAAU"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import { EventAvailability } from "../calendar";
|
|
3
|
+
export type { EventAvailability } from "../calendar";
|
|
4
|
+
export interface NewCalendarEvent extends Partial<EventAvailability> {
|
|
5
|
+
id: string;
|
|
6
|
+
title: string;
|
|
7
|
+
start?: Date;
|
|
8
|
+
end?: Date;
|
|
9
|
+
type?: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
meta?: Record<string, any>;
|
|
12
|
+
}
|
|
13
|
+
export type NewCalendarVariant = "miniMonth" | "weekStrip" | "dayTimeline" | "fullMonth" | "agenda" | "weekTimeGrid";
|
|
14
|
+
export interface NewCalendarColorRule {
|
|
15
|
+
bg: string;
|
|
16
|
+
border: string;
|
|
17
|
+
text: string;
|
|
18
|
+
}
|
|
19
|
+
export interface NewCalendarProps {
|
|
20
|
+
variant: NewCalendarVariant;
|
|
21
|
+
events: NewCalendarEvent[];
|
|
22
|
+
selectedDate?: Date;
|
|
23
|
+
onSelectDate?: (date: Date) => void;
|
|
24
|
+
onClickEvent?: (event: NewCalendarEvent) => void;
|
|
25
|
+
colorRules?: Record<string, NewCalendarColorRule>;
|
|
26
|
+
draggable?: boolean;
|
|
27
|
+
onMoveEvent?: (eventId: string, newStart: Date, newEnd?: Date) => void;
|
|
28
|
+
fabIcon?: ReactElement;
|
|
29
|
+
onAddEvent?: () => void;
|
|
30
|
+
darkMode?: boolean;
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare const NewCalendar: (props: NewCalendarProps) => React.JSX.Element | null;
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newCalendar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAKrD,MAAM,WAAW,gBAAiB,SAAQ,OAAO,CAAC,iBAAiB,CAAC;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,CAAC;AAEnB,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD,eAAO,MAAM,WAAW,UAAW,gBAAgB,6BAgclD,CAAC"}
|
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
37
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
38
|
+
if (ar || !(i in from)) {
|
|
39
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
40
|
+
ar[i] = from[i];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
44
|
+
};
|
|
45
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
46
|
+
exports.NewCalendar = void 0;
|
|
47
|
+
var solid_1 = require("@heroicons/react/24/solid");
|
|
48
|
+
var react_1 = __importStar(require("react"));
|
|
49
|
+
var MONTH_NAMES = [
|
|
50
|
+
"January",
|
|
51
|
+
"February",
|
|
52
|
+
"March",
|
|
53
|
+
"April",
|
|
54
|
+
"May",
|
|
55
|
+
"June",
|
|
56
|
+
"July",
|
|
57
|
+
"August",
|
|
58
|
+
"September",
|
|
59
|
+
"October",
|
|
60
|
+
"November",
|
|
61
|
+
"December",
|
|
62
|
+
];
|
|
63
|
+
var DAY_HEADERS = ["M", "T", "W", "T", "F", "S", "S"];
|
|
64
|
+
var buildMonthGrid = function (year, month) {
|
|
65
|
+
var first = new Date(year, month, 1);
|
|
66
|
+
var offset = (first.getDay() + 6) % 7;
|
|
67
|
+
var startDate = new Date(first);
|
|
68
|
+
startDate.setDate(1 - offset);
|
|
69
|
+
var cells = [];
|
|
70
|
+
var cur = new Date(startDate);
|
|
71
|
+
while (cells.length < 42) {
|
|
72
|
+
cells.push(new Date(cur));
|
|
73
|
+
cur.setDate(cur.getDate() + 1);
|
|
74
|
+
}
|
|
75
|
+
return cells;
|
|
76
|
+
};
|
|
77
|
+
var fmtKey = function (d) {
|
|
78
|
+
return "".concat(d.getFullYear(), "-").concat(String(d.getMonth() + 1).padStart(2, "0"), "-").concat(String(d.getDate()).padStart(2, "0"));
|
|
79
|
+
};
|
|
80
|
+
var getWeekMonday = function (d) {
|
|
81
|
+
var out = new Date(d);
|
|
82
|
+
var diff = (out.getDay() + 6) % 7;
|
|
83
|
+
out.setDate(out.getDate() - diff);
|
|
84
|
+
return out;
|
|
85
|
+
};
|
|
86
|
+
var NewCalendar = function (props) {
|
|
87
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
88
|
+
var today = new Date();
|
|
89
|
+
var initial = (_a = props.selectedDate) !== null && _a !== void 0 ? _a : today;
|
|
90
|
+
var _h = (0, react_1.useState)(initial.getFullYear()), viewYear = _h[0], setViewYear = _h[1];
|
|
91
|
+
var _j = (0, react_1.useState)(initial.getMonth()), viewMonth = _j[0], setViewMonth = _j[1];
|
|
92
|
+
var _k = (0, react_1.useState)(fmtKey(initial)), selectedKey = _k[0], setSelectedKey = _k[1];
|
|
93
|
+
// INFO: legacy EventAvailability has .date as the start field; normalize all
|
|
94
|
+
// events to a canonical .start so render code downstream doesn't branch.
|
|
95
|
+
var events = props.events.map(function (e) {
|
|
96
|
+
var _a, _b, _c, _d;
|
|
97
|
+
return (__assign(__assign({}, e), { start: (_b = (_a = e.start) !== null && _a !== void 0 ? _a : e.date) !== null && _b !== void 0 ? _b : new Date(),
|
|
98
|
+
// INFO: legacy bgColor → color so colorRules consumers see one field
|
|
99
|
+
color: (_c = e.color) !== null && _c !== void 0 ? _c : e.bgColor, type: (_d = e.type) !== null && _d !== void 0 ? _d : e.status }));
|
|
100
|
+
});
|
|
101
|
+
var eventKeys = new Set(events.map(function (e) { return fmtKey(e.start); }));
|
|
102
|
+
var todayKey = fmtKey(today);
|
|
103
|
+
var prev = function () {
|
|
104
|
+
if (viewMonth === 0) {
|
|
105
|
+
setViewMonth(11);
|
|
106
|
+
setViewYear(function (y) { return y - 1; });
|
|
107
|
+
}
|
|
108
|
+
else
|
|
109
|
+
setViewMonth(function (m) { return m - 1; });
|
|
110
|
+
};
|
|
111
|
+
var next = function () {
|
|
112
|
+
if (viewMonth === 11) {
|
|
113
|
+
setViewMonth(0);
|
|
114
|
+
setViewYear(function (y) { return y + 1; });
|
|
115
|
+
}
|
|
116
|
+
else
|
|
117
|
+
setViewMonth(function (m) { return m + 1; });
|
|
118
|
+
};
|
|
119
|
+
// ─── miniMonth ──────────────────────────────────────────────────────────────
|
|
120
|
+
if (props.variant === "miniMonth") {
|
|
121
|
+
var cells = buildMonthGrid(viewYear, viewMonth);
|
|
122
|
+
return (react_1.default.createElement("div", { className: "w-72 rounded-2xl border border-gray-100 bg-white p-5 shadow-sm ".concat((_b = props.className) !== null && _b !== void 0 ? _b : "") },
|
|
123
|
+
react_1.default.createElement("div", { className: "mb-4 flex items-center justify-between" },
|
|
124
|
+
react_1.default.createElement("button", { type: "button", onClick: prev, className: "rounded-lg p-1.5 hover:bg-gray-100" },
|
|
125
|
+
react_1.default.createElement(solid_1.ChevronLeftIcon, { className: "h-4 w-4 text-gray-500" })),
|
|
126
|
+
react_1.default.createElement("p", { className: "text-sm font-bold text-gray-800" },
|
|
127
|
+
MONTH_NAMES[viewMonth],
|
|
128
|
+
" ",
|
|
129
|
+
viewYear),
|
|
130
|
+
react_1.default.createElement("button", { type: "button", onClick: next, className: "rounded-lg p-1.5 hover:bg-gray-100" },
|
|
131
|
+
react_1.default.createElement(solid_1.ChevronRightIcon, { className: "h-4 w-4 text-gray-500" }))),
|
|
132
|
+
react_1.default.createElement("div", { className: "mb-2 grid grid-cols-7" }, DAY_HEADERS.map(function (d, i) { return (react_1.default.createElement("p", { key: i, className: "py-1 text-center text-xs font-semibold text-gray-400" }, d)); })),
|
|
133
|
+
react_1.default.createElement("div", { className: "grid grid-cols-7 gap-y-1" }, cells.map(function (day) {
|
|
134
|
+
var key = fmtKey(day);
|
|
135
|
+
var isCurrentMonth = day.getMonth() === viewMonth;
|
|
136
|
+
var isSelected = key === selectedKey;
|
|
137
|
+
var isToday = key === todayKey;
|
|
138
|
+
var hasEvents = eventKeys.has(key);
|
|
139
|
+
return (react_1.default.createElement("button", { key: key, type: "button", onClick: function () {
|
|
140
|
+
var _a;
|
|
141
|
+
setSelectedKey(key);
|
|
142
|
+
(_a = props.onSelectDate) === null || _a === void 0 ? void 0 : _a.call(props, day);
|
|
143
|
+
}, className: "relative mx-auto flex h-9 w-9 flex-col items-center justify-center rounded-full text-xs font-medium ".concat(isSelected
|
|
144
|
+
? "bg-primary-500 text-white"
|
|
145
|
+
: isToday
|
|
146
|
+
? "bg-primary-50 font-bold text-primary-600"
|
|
147
|
+
: isCurrentMonth
|
|
148
|
+
? "text-gray-700 hover:bg-gray-100"
|
|
149
|
+
: "text-gray-300 hover:bg-gray-50") },
|
|
150
|
+
day.getDate(),
|
|
151
|
+
hasEvents && (react_1.default.createElement("span", { className: "absolute bottom-0.5 h-1 w-1 rounded-full ".concat(isSelected ? "bg-white" : "bg-primary-400") }))));
|
|
152
|
+
}))));
|
|
153
|
+
}
|
|
154
|
+
// ─── weekStrip ──────────────────────────────────────────────────────────────
|
|
155
|
+
if (props.variant === "weekStrip") {
|
|
156
|
+
var selected = new Date(selectedKey);
|
|
157
|
+
var weekStart = getWeekMonday(selected);
|
|
158
|
+
var week = [];
|
|
159
|
+
for (var i = 0; i < 7; i++) {
|
|
160
|
+
var d = new Date(weekStart);
|
|
161
|
+
d.setDate(d.getDate() + i);
|
|
162
|
+
week.push(d);
|
|
163
|
+
}
|
|
164
|
+
var monthLabel = "".concat(MONTH_NAMES[selected.getMonth()], " ").concat(selected.getFullYear());
|
|
165
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm ".concat((_c = props.className) !== null && _c !== void 0 ? _c : "") },
|
|
166
|
+
react_1.default.createElement("div", { className: "flex items-center justify-between px-4 py-3" },
|
|
167
|
+
react_1.default.createElement("p", { className: "text-sm font-bold text-gray-800" }, monthLabel)),
|
|
168
|
+
react_1.default.createElement("div", { className: "grid grid-cols-7 gap-1 px-2 pb-3" }, week.map(function (day) {
|
|
169
|
+
var key = fmtKey(day);
|
|
170
|
+
var isSelected = key === selectedKey;
|
|
171
|
+
var isToday = key === todayKey;
|
|
172
|
+
var hasEvents = eventKeys.has(key);
|
|
173
|
+
return (react_1.default.createElement("button", { key: key, type: "button", onClick: function () {
|
|
174
|
+
var _a;
|
|
175
|
+
setSelectedKey(key);
|
|
176
|
+
(_a = props.onSelectDate) === null || _a === void 0 ? void 0 : _a.call(props, day);
|
|
177
|
+
}, className: "flex flex-col items-center gap-1 rounded-xl py-2 text-xs font-semibold transition-colors ".concat(isSelected
|
|
178
|
+
? "bg-primary-500 text-white"
|
|
179
|
+
: isToday
|
|
180
|
+
? "bg-primary-50 text-primary-600"
|
|
181
|
+
: "text-gray-600 hover:bg-gray-50") },
|
|
182
|
+
react_1.default.createElement("span", { className: "text-[10px] uppercase opacity-70" }, DAY_HEADERS[(day.getDay() + 6) % 7]),
|
|
183
|
+
react_1.default.createElement("span", { className: "text-base" }, day.getDate()),
|
|
184
|
+
hasEvents && (react_1.default.createElement("span", { className: "h-1 w-1 rounded-full ".concat(isSelected ? "bg-white" : "bg-primary-400") }))));
|
|
185
|
+
}))));
|
|
186
|
+
}
|
|
187
|
+
// ─── agenda ─────────────────────────────────────────────────────────────────
|
|
188
|
+
if (props.variant === "agenda") {
|
|
189
|
+
var sorted = __spreadArray([], events, true).sort(function (a, b) { return a.start.getTime() - b.start.getTime(); });
|
|
190
|
+
var grouped = sorted.reduce(function (acc, ev) {
|
|
191
|
+
var _a;
|
|
192
|
+
var k = fmtKey(ev.start);
|
|
193
|
+
((_a = acc[k]) !== null && _a !== void 0 ? _a : (acc[k] = [])).push(ev);
|
|
194
|
+
return acc;
|
|
195
|
+
}, {});
|
|
196
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm ".concat((_d = props.className) !== null && _d !== void 0 ? _d : "") }, Object.entries(grouped).map(function (_a) {
|
|
197
|
+
var key = _a[0], evs = _a[1];
|
|
198
|
+
var d = new Date(evs[0].start);
|
|
199
|
+
return (react_1.default.createElement("div", { key: key },
|
|
200
|
+
react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-gray-50/95 px-4 py-2 backdrop-blur" },
|
|
201
|
+
react_1.default.createElement("p", { className: "text-xs font-bold uppercase tracking-wide text-gray-500" },
|
|
202
|
+
DAY_HEADERS[(d.getDay() + 6) % 7],
|
|
203
|
+
" \u00B7",
|
|
204
|
+
" ",
|
|
205
|
+
MONTH_NAMES[d.getMonth()].slice(0, 3),
|
|
206
|
+
" ",
|
|
207
|
+
d.getDate())),
|
|
208
|
+
evs.map(function (ev) { return (react_1.default.createElement("button", { key: ev.id, type: "button", onClick: function () { var _a; return (_a = props.onClickEvent) === null || _a === void 0 ? void 0 : _a.call(props, ev); }, className: "flex w-full items-center gap-3 border-b border-gray-50 px-4 py-3 text-left hover:bg-gray-50" },
|
|
209
|
+
react_1.default.createElement("span", { className: "text-xs font-medium text-gray-500" },
|
|
210
|
+
String(ev.start.getHours()).padStart(2, "0"),
|
|
211
|
+
":",
|
|
212
|
+
String(ev.start.getMinutes()).padStart(2, "0")),
|
|
213
|
+
react_1.default.createElement("span", { className: "flex-1 text-sm font-medium text-gray-800" }, ev.title))); })));
|
|
214
|
+
})));
|
|
215
|
+
}
|
|
216
|
+
// ─── dayTimeline ────────────────────────────────────────────────────────────
|
|
217
|
+
if (props.variant === "dayTimeline") {
|
|
218
|
+
var selected = new Date(selectedKey);
|
|
219
|
+
var hours = Array.from({ length: 14 }, function (_, i) { return i + 7; }); // 07:00 – 20:00
|
|
220
|
+
var dayEvents_1 = events.filter(function (e) { return fmtKey(e.start) === selectedKey; });
|
|
221
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm ".concat((_e = props.className) !== null && _e !== void 0 ? _e : "") },
|
|
222
|
+
react_1.default.createElement("div", { className: "border-b border-gray-100 px-4 py-3" },
|
|
223
|
+
react_1.default.createElement("p", { className: "text-sm font-bold text-gray-800" },
|
|
224
|
+
DAY_HEADERS[(selected.getDay() + 6) % 7],
|
|
225
|
+
" \u00B7",
|
|
226
|
+
" ",
|
|
227
|
+
MONTH_NAMES[selected.getMonth()],
|
|
228
|
+
" ",
|
|
229
|
+
selected.getDate())),
|
|
230
|
+
react_1.default.createElement("div", { className: "divide-y divide-gray-50" }, hours.map(function (h) {
|
|
231
|
+
var evsAt = dayEvents_1.filter(function (e) { return e.start.getHours() === h; });
|
|
232
|
+
return (react_1.default.createElement("div", { key: h, className: "flex gap-3 px-4 py-2" },
|
|
233
|
+
react_1.default.createElement("span", { className: "w-10 flex-shrink-0 text-xs text-gray-400" },
|
|
234
|
+
String(h).padStart(2, "0"),
|
|
235
|
+
":00"),
|
|
236
|
+
react_1.default.createElement("div", { className: "min-h-[1.5rem] flex-1" }, evsAt.map(function (ev) { return (react_1.default.createElement("button", { key: ev.id, type: "button", onClick: function () { var _a; return (_a = props.onClickEvent) === null || _a === void 0 ? void 0 : _a.call(props, ev); }, className: "block w-full rounded-lg border-l-4 border-primary-400 bg-primary-50 px-3 py-1.5 text-left text-sm font-medium text-primary-700 hover:bg-primary-100" }, ev.title)); }))));
|
|
237
|
+
}))));
|
|
238
|
+
}
|
|
239
|
+
// ─── fullMonth ──────────────────────────────────────────────────────────────
|
|
240
|
+
if (props.variant === "fullMonth") {
|
|
241
|
+
var cells = buildMonthGrid(viewYear, viewMonth);
|
|
242
|
+
var eventsByKey_1 = events.reduce(function (acc, ev) {
|
|
243
|
+
var _a;
|
|
244
|
+
var k = fmtKey(ev.start);
|
|
245
|
+
((_a = acc[k]) !== null && _a !== void 0 ? _a : (acc[k] = [])).push(ev);
|
|
246
|
+
return acc;
|
|
247
|
+
}, {});
|
|
248
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm ".concat((_f = props.className) !== null && _f !== void 0 ? _f : "") },
|
|
249
|
+
react_1.default.createElement("div", { className: "flex items-center justify-between border-b border-gray-100 px-4 py-3" },
|
|
250
|
+
react_1.default.createElement("button", { type: "button", onClick: prev, className: "rounded-lg p-1.5 hover:bg-gray-100" },
|
|
251
|
+
react_1.default.createElement(solid_1.ChevronLeftIcon, { className: "h-4 w-4 text-gray-500" })),
|
|
252
|
+
react_1.default.createElement("p", { className: "text-sm font-bold text-gray-800" },
|
|
253
|
+
MONTH_NAMES[viewMonth],
|
|
254
|
+
" ",
|
|
255
|
+
viewYear),
|
|
256
|
+
react_1.default.createElement("button", { type: "button", onClick: next, className: "rounded-lg p-1.5 hover:bg-gray-100" },
|
|
257
|
+
react_1.default.createElement(solid_1.ChevronRightIcon, { className: "h-4 w-4 text-gray-500" }))),
|
|
258
|
+
react_1.default.createElement("div", { className: "grid grid-cols-7 border-b border-gray-100" }, DAY_HEADERS.map(function (d, i) { return (react_1.default.createElement("p", { key: i, className: "py-2 text-center text-xs font-semibold text-gray-400" }, d)); })),
|
|
259
|
+
react_1.default.createElement("div", { className: "grid grid-cols-7" }, cells.map(function (day, i) {
|
|
260
|
+
var _a;
|
|
261
|
+
var key = fmtKey(day);
|
|
262
|
+
var isCurrentMonth = day.getMonth() === viewMonth;
|
|
263
|
+
var isToday = key === todayKey;
|
|
264
|
+
var evs = (_a = eventsByKey_1[key]) !== null && _a !== void 0 ? _a : [];
|
|
265
|
+
return (react_1.default.createElement("div", { key: key, className: "min-h-[88px] border-b border-r border-gray-50 p-1.5 ".concat(i % 7 === 0 ? "border-l" : "", " ").concat(isCurrentMonth ? "bg-white" : "bg-gray-50/50") },
|
|
266
|
+
react_1.default.createElement("p", { className: "mb-1 text-xs font-semibold ".concat(isToday
|
|
267
|
+
? "inline-flex h-5 w-5 items-center justify-center rounded-full bg-primary-500 text-white"
|
|
268
|
+
: isCurrentMonth
|
|
269
|
+
? "text-gray-700"
|
|
270
|
+
: "text-gray-300") }, day.getDate()),
|
|
271
|
+
react_1.default.createElement("div", { className: "space-y-0.5" },
|
|
272
|
+
evs.slice(0, 2).map(function (ev) { return (react_1.default.createElement("button", { key: ev.id, type: "button", onClick: function () { var _a; return (_a = props.onClickEvent) === null || _a === void 0 ? void 0 : _a.call(props, ev); }, className: "block w-full truncate rounded bg-primary-100 px-1.5 py-0.5 text-left text-[10px] font-medium text-primary-700" }, ev.title)); }),
|
|
273
|
+
evs.length > 2 && (react_1.default.createElement("p", { className: "px-1.5 text-[10px] text-gray-400" },
|
|
274
|
+
"+",
|
|
275
|
+
evs.length - 2,
|
|
276
|
+
" more")))));
|
|
277
|
+
}))));
|
|
278
|
+
}
|
|
279
|
+
// ─── weekTimeGrid ───────────────────────────────────────────────────────────
|
|
280
|
+
if (props.variant === "weekTimeGrid") {
|
|
281
|
+
var selected = new Date(selectedKey);
|
|
282
|
+
var weekStart = getWeekMonday(selected);
|
|
283
|
+
var week_1 = [];
|
|
284
|
+
for (var i = 0; i < 7; i++) {
|
|
285
|
+
var d = new Date(weekStart);
|
|
286
|
+
d.setDate(d.getDate() + i);
|
|
287
|
+
week_1.push(d);
|
|
288
|
+
}
|
|
289
|
+
var hours = Array.from({ length: 14 }, function (_, i) { return i + 7; });
|
|
290
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 bg-white shadow-sm ".concat((_g = props.className) !== null && _g !== void 0 ? _g : "") },
|
|
291
|
+
react_1.default.createElement("div", { className: "grid grid-cols-[3rem_repeat(7,1fr)] border-b border-gray-100" },
|
|
292
|
+
react_1.default.createElement("div", null),
|
|
293
|
+
week_1.map(function (d, i) {
|
|
294
|
+
var isToday = fmtKey(d) === todayKey;
|
|
295
|
+
return (react_1.default.createElement("div", { key: i, className: "border-l border-gray-50 px-1 py-2 text-center" },
|
|
296
|
+
react_1.default.createElement("p", { className: "text-[10px] font-semibold uppercase text-gray-400" }, DAY_HEADERS[(d.getDay() + 6) % 7]),
|
|
297
|
+
react_1.default.createElement("p", { className: "mt-0.5 text-sm font-bold ".concat(isToday ? "text-primary-600" : "text-gray-700") }, d.getDate())));
|
|
298
|
+
})),
|
|
299
|
+
react_1.default.createElement("div", { className: "divide-y divide-gray-50" }, hours.map(function (h) { return (react_1.default.createElement("div", { key: h, className: "grid grid-cols-[3rem_repeat(7,1fr)] min-h-[2.5rem]" },
|
|
300
|
+
react_1.default.createElement("span", { className: "px-2 py-1 text-[10px] text-gray-400" },
|
|
301
|
+
String(h).padStart(2, "0"),
|
|
302
|
+
":00"),
|
|
303
|
+
week_1.map(function (d, i) {
|
|
304
|
+
var evsAt = events.filter(function (e) {
|
|
305
|
+
return fmtKey(e.start) === fmtKey(d) && e.start.getHours() === h;
|
|
306
|
+
});
|
|
307
|
+
return (react_1.default.createElement("div", { key: i, className: "relative border-l border-gray-50 px-0.5 py-0.5" }, evsAt.map(function (ev) { return (react_1.default.createElement("button", { key: ev.id, type: "button", onClick: function () { var _a; return (_a = props.onClickEvent) === null || _a === void 0 ? void 0 : _a.call(props, ev); }, className: "block w-full truncate rounded border-l-2 border-primary-400 bg-primary-50 px-1 py-0.5 text-left text-[10px] font-medium text-primary-700 hover:bg-primary-100" }, ev.title)); })));
|
|
308
|
+
}))); }))));
|
|
309
|
+
}
|
|
310
|
+
return null;
|
|
311
|
+
};
|
|
312
|
+
exports.NewCalendar = NewCalendar;
|
|
313
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/newCalendar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Feed } from "../feeds";
|
|
3
|
+
export type { Feed } from "../feeds";
|
|
4
|
+
export interface NewFeedItem extends Feed {
|
|
5
|
+
id: string;
|
|
6
|
+
}
|
|
7
|
+
export interface NewFeedsProps {
|
|
8
|
+
items?: NewFeedItem[];
|
|
9
|
+
content?: Feed[];
|
|
10
|
+
bold?: boolean;
|
|
11
|
+
collapsible?: boolean;
|
|
12
|
+
collapsedIds?: string[];
|
|
13
|
+
onChangeCollapse?: (ids: string[]) => void;
|
|
14
|
+
darkMode?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const NewFeeds: (props: NewFeedsProps) => React.JSX.Element | null;
|
|
18
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newFeeds/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,WAAW,WAAY,SAAQ,IAAI;IACvC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAE5B,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IAEtB,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IAIf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,UAAW,aAAa,6BAyG5C,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.NewFeeds = void 0;
|
|
18
|
+
var solid_1 = require("@heroicons/react/24/solid");
|
|
19
|
+
var react_1 = __importDefault(require("react"));
|
|
20
|
+
var NewFeeds = function (props) {
|
|
21
|
+
var _a, _b, _c;
|
|
22
|
+
var items = (_a = props.items) !== null && _a !== void 0 ? _a : ((_b = props.content) !== null && _b !== void 0 ? _b : []).map(function (f, idx) {
|
|
23
|
+
var _a;
|
|
24
|
+
return (__assign(__assign({}, f), { id: (_a = f.id) !== null && _a !== void 0 ? _a : "feed-".concat(idx) }));
|
|
25
|
+
});
|
|
26
|
+
var bg = props.darkMode ? "bg-gray-900" : "bg-white";
|
|
27
|
+
var textColor = props.darkMode ? "text-gray-200" : "text-gray-800";
|
|
28
|
+
var stepColor = props.darkMode ? "text-gray-400" : "text-gray-500";
|
|
29
|
+
if (items.length === 0)
|
|
30
|
+
return null;
|
|
31
|
+
var handleToggle = function (id) {
|
|
32
|
+
if (!props.collapsible ||
|
|
33
|
+
!props.onChangeCollapse ||
|
|
34
|
+
!props.collapsedIds ||
|
|
35
|
+
!id)
|
|
36
|
+
return;
|
|
37
|
+
var prev = props.collapsedIds;
|
|
38
|
+
var next = prev.includes(id)
|
|
39
|
+
? prev.filter(function (x) { return x !== id; })
|
|
40
|
+
: prev.concat([id]);
|
|
41
|
+
props.onChangeCollapse(next);
|
|
42
|
+
};
|
|
43
|
+
var lineColor = props.darkMode ? "bg-gray-700" : "bg-gray-200";
|
|
44
|
+
return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-2xl border border-gray-100 ".concat(bg, " p-4 shadow-sm ").concat((_c = props.className) !== null && _c !== void 0 ? _c : "") },
|
|
45
|
+
react_1.default.createElement("ul", { className: "-mb-4" }, items.map(function (item, index) {
|
|
46
|
+
var _a, _b;
|
|
47
|
+
var isExpanded = !!((_a = props.collapsedIds) === null || _a === void 0 ? void 0 : _a.includes(item.id));
|
|
48
|
+
var showAddContent = props.collapsible ? isExpanded : true;
|
|
49
|
+
var ChevIcon = isExpanded ? solid_1.ChevronUpIcon : solid_1.ChevronDownIcon;
|
|
50
|
+
var isLast = index === items.length - 1;
|
|
51
|
+
return (react_1.default.createElement("li", { key: item.id, className: "relative pb-4" },
|
|
52
|
+
!isLast && (react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute left-4 top-9 -ml-px h-full w-0.5 ".concat(lineColor) })),
|
|
53
|
+
react_1.default.createElement("div", { className: "relative flex items-start gap-3" },
|
|
54
|
+
react_1.default.createElement("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full ".concat((_b = item.iconClass) !== null && _b !== void 0 ? _b : "") }, item.iconType),
|
|
55
|
+
react_1.default.createElement("div", { className: "min-w-0 flex-1 pt-1.5" },
|
|
56
|
+
react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(props.collapsible && item.addContent
|
|
57
|
+
? "cursor-pointer"
|
|
58
|
+
: ""), onClick: function () {
|
|
59
|
+
return props.collapsible &&
|
|
60
|
+
item.addContent &&
|
|
61
|
+
handleToggle(item.id);
|
|
62
|
+
} },
|
|
63
|
+
react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " ").concat(props.bold ? "font-semibold" : "font-medium") }, item.content),
|
|
64
|
+
props.collapsible && item.addContent && (react_1.default.createElement("span", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-primary-500 text-white" },
|
|
65
|
+
react_1.default.createElement(ChevIcon, { className: "h-3 w-3" })))),
|
|
66
|
+
item.addContent && showAddContent && (react_1.default.createElement("div", { className: "mt-2" }, item.addContent))),
|
|
67
|
+
react_1.default.createElement("span", { className: "flex-shrink-0 whitespace-nowrap pt-1.5 text-xs ".concat(stepColor) }, item.step))));
|
|
68
|
+
}))));
|
|
69
|
+
};
|
|
70
|
+
exports.NewFeeds = NewFeeds;
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/newFeeds/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { GridClass } from "../grid";
|
|
3
|
+
export type { GridClass } from "../grid";
|
|
4
|
+
export type NewKanbanCard = GridClass;
|
|
5
|
+
export interface NewKanbanColumn {
|
|
6
|
+
id: string;
|
|
7
|
+
title: string;
|
|
8
|
+
color?: string;
|
|
9
|
+
cards: NewKanbanCard[];
|
|
10
|
+
}
|
|
11
|
+
export interface NewKanbanProps {
|
|
12
|
+
columns?: NewKanbanColumn[];
|
|
13
|
+
data?: NewKanbanCard[];
|
|
14
|
+
groupBy?: string[];
|
|
15
|
+
groupLabel?: string[];
|
|
16
|
+
groupId?: string;
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
mobileView?: boolean;
|
|
19
|
+
draggable?: boolean;
|
|
20
|
+
onUpdateData?: (cardId: string, fromColumnId: string, toColumnId: string) => void;
|
|
21
|
+
renderCard?: (card: NewKanbanCard, column: NewKanbanColumn) => ReactNode;
|
|
22
|
+
onAddCard?: (columnId: string) => void;
|
|
23
|
+
fabIcon?: ReactElement;
|
|
24
|
+
darkMode?: boolean;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const NewKanban: (props: NewKanbanProps) => React.JSX.Element;
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/newKanban/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAE5B,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,KACf,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,KAAK,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,eAAO,MAAM,SAAS,UAAW,cAAc,sBAyP9C,CAAC"}
|