@itilite/lumina-ui 1.0.0-alpha → 1.0.1-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AdvancedDateRangePicker-Eh6n4ne0.d.mts → AdvancedDateRangePicker-ozItnkhp.d.mts} +1 -1
- package/dist/{AdvancedDateRangePicker-Eh6n4ne0.d.ts → AdvancedDateRangePicker-ozItnkhp.d.ts} +1 -1
- package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.mts +1 -1
- package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.ts +1 -1
- package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.mts +1 -2
- package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.ts +1 -2
- package/dist/atom/LoadingSpinner/LoadingSpinner.d.mts +2 -2
- package/dist/atom/LoadingSpinner/LoadingSpinner.d.ts +2 -2
- package/dist/index.d.mts +14 -15
- package/dist/index.d.ts +14 -15
- package/dist/index.mjs +8 -8
- package/dist/styles.css +328 -312
- package/package.json +1 -1
- package/dist/AdvancedDateRangePicker-CN9WN0rH.d.mts +0 -56
- package/dist/AdvancedDateRangePicker-CN9WN0rH.d.ts +0 -56
- package/dist/AdvancedDateRangePicker-CzN1HGsC.d.mts +0 -57
- package/dist/AdvancedDateRangePicker-CzN1HGsC.d.ts +0 -57
- package/dist/AdvancedDateRangePicker-DAPxgRl3.d.mts +0 -54
- package/dist/AdvancedDateRangePicker-DAPxgRl3.d.ts +0 -54
- package/dist/AdvancedDateRangePicker-DW94285G.d.mts +0 -56
- package/dist/AdvancedDateRangePicker-DW94285G.d.ts +0 -56
- package/dist/Avatar-DX2JwvAs.d.mts +0 -17
- package/dist/Avatar-DX2JwvAs.d.ts +0 -17
- package/dist/Table-BA0D3p1m.d.mts +0 -78
- package/dist/Table-BA0D3p1m.d.ts +0 -78
- package/dist/Table-BLZ6c46U.d.mts +0 -77
- package/dist/Table-BLZ6c46U.d.ts +0 -77
- package/dist/Table-BMqYnFi4.d.mts +0 -25
- package/dist/Table-BMqYnFi4.d.ts +0 -25
- package/dist/Table-BRcthrYV.d.mts +0 -98
- package/dist/Table-BRcthrYV.d.ts +0 -98
- package/dist/Table-BWlFCfBG.d.mts +0 -106
- package/dist/Table-BWlFCfBG.d.ts +0 -106
- package/dist/Table-CHFmNrme.d.mts +0 -77
- package/dist/Table-CHFmNrme.d.ts +0 -77
- package/dist/Table-CX6UwQiD.d.mts +0 -116
- package/dist/Table-CX6UwQiD.d.ts +0 -116
- package/dist/Table-Chud2XSq.d.mts +0 -99
- package/dist/Table-Chud2XSq.d.ts +0 -99
- package/dist/Table-D5QRe_j3.d.mts +0 -121
- package/dist/Table-D5QRe_j3.d.ts +0 -121
- package/dist/Table-DAgFGahx.d.mts +0 -39
- package/dist/Table-DAgFGahx.d.ts +0 -39
- package/dist/Table-DWniK7At.d.mts +0 -87
- package/dist/Table-DWniK7At.d.ts +0 -87
- package/dist/Table-PyFlnUDu.d.mts +0 -47
- package/dist/Table-PyFlnUDu.d.ts +0 -47
- package/dist/Table-wqyg13Y9.d.mts +0 -77
- package/dist/Table-wqyg13Y9.d.ts +0 -77
- package/dist/Tag-l7I5oeyk.d.mts +0 -13
- package/dist/Tag-l7I5oeyk.d.ts +0 -13
- package/dist/atom/Table/LuminaPagination.d.mts +0 -7
- package/dist/atom/Table/LuminaPagination.d.ts +0 -7
- package/dist/atom/Table/LuminaPagination.js +0 -153
- package/dist/atom/Table/LuminaPagination.mjs +0 -9
- package/dist/atom/Table/TableAccordion.d.mts +0 -9
- package/dist/atom/Table/TableAccordion.d.ts +0 -9
- package/dist/atom/Table/TableAccordion.js +0 -91
- package/dist/atom/Table/TableAccordion.mjs +0 -10
- package/dist/atom/Table/TableColumnHeader.d.mts +0 -7
- package/dist/atom/Table/TableColumnHeader.d.ts +0 -7
- package/dist/atom/Table/TableColumnHeader.js +0 -151
- package/dist/atom/Table/TableColumnHeader.mjs +0 -10
- package/dist/atom/Table/TableToolbar.d.mts +0 -9
- package/dist/atom/Table/TableToolbar.d.ts +0 -9
- package/dist/atom/Table/TableToolbar.js +0 -114
- package/dist/atom/Table/TableToolbar.mjs +0 -10
- package/dist/atom/Table/__tests__/Table.test.d.mts +0 -2
- package/dist/atom/Table/__tests__/Table.test.d.ts +0 -2
- package/dist/atom/Table/__tests__/Table.test.js +0 -61133
- package/dist/atom/Table/__tests__/Table.test.mjs +0 -59522
- package/dist/atom/TableAccordion/index.d.mts +0 -17
- package/dist/atom/TableAccordion/index.d.ts +0 -17
- package/dist/atom/TableAccordion/index.js +0 -91
- package/dist/atom/TableAccordion/index.mjs +0 -9
- package/dist/atom/TableToolbar/index.d.mts +0 -23
- package/dist/atom/TableToolbar/index.d.ts +0 -23
- package/dist/atom/TableToolbar/index.js +0 -114
- package/dist/atom/TableToolbar/index.mjs +0 -9
- package/dist/chunk-2PIFDGVK.mjs +0 -420
- package/dist/chunk-35KDS27M.mjs +0 -618
- package/dist/chunk-3S4X3YO2.mjs +0 -64
- package/dist/chunk-3XUHGVYA.mjs +0 -77
- package/dist/chunk-5HF6Y37C.mjs +0 -642
- package/dist/chunk-5OGQ4YIR.mjs +0 -238
- package/dist/chunk-6FCSXN7R.mjs +0 -388
- package/dist/chunk-7W72LPSU.mjs +0 -66
- package/dist/chunk-A66QDQHK.mjs +0 -627
- package/dist/chunk-ABLIL47F.mjs +0 -618
- package/dist/chunk-AEPDEUGY.mjs +0 -627
- package/dist/chunk-AFLEGUF3.mjs +0 -232
- package/dist/chunk-APCEITHQ.mjs +0 -232
- package/dist/chunk-AVQBFGBT.mjs +0 -141
- package/dist/chunk-B5BOBELW.mjs +0 -213
- package/dist/chunk-BQ4PVLJ4.mjs +0 -262
- package/dist/chunk-DBNLBCQK.mjs +0 -64
- package/dist/chunk-DLLT6V65.mjs +0 -141
- package/dist/chunk-DOQQRYTS.mjs +0 -73
- package/dist/chunk-DSVR2DVF.mjs +0 -660
- package/dist/chunk-DXUPULDI.mjs +0 -424
- package/dist/chunk-E465D6OH.mjs +0 -644
- package/dist/chunk-E4FCLHYA.mjs +0 -678
- package/dist/chunk-ENQN5BAN.mjs +0 -225
- package/dist/chunk-F6VMSH4N.mjs +0 -79
- package/dist/chunk-FKGGN3FA.mjs +0 -412
- package/dist/chunk-GFTO2N3Q.mjs +0 -432
- package/dist/chunk-GM6H6RPJ.mjs +0 -232
- package/dist/chunk-HF3VJBMY.mjs +0 -244
- package/dist/chunk-HISCHZ5H.mjs +0 -77
- package/dist/chunk-HWQBE6PT.mjs +0 -99
- package/dist/chunk-HXM657YW.mjs +0 -115
- package/dist/chunk-I5VHKSQR.mjs +0 -64
- package/dist/chunk-ICSZZNTY.mjs +0 -384
- package/dist/chunk-IZGLD7U3.mjs +0 -667
- package/dist/chunk-J7X2PZG6.mjs +0 -232
- package/dist/chunk-JUXBLRMQ.mjs +0 -50
- package/dist/chunk-JXFSGADI.mjs +0 -678
- package/dist/chunk-KGKRSR6D.mjs +0 -388
- package/dist/chunk-KQKNFGWZ.mjs +0 -388
- package/dist/chunk-LCH4DXJY.mjs +0 -92
- package/dist/chunk-LCXU3K57.mjs +0 -232
- package/dist/chunk-LRN4XOIR.mjs +0 -71
- package/dist/chunk-LROMXY35.mjs +0 -116
- package/dist/chunk-LUNPHYAR.mjs +0 -681
- package/dist/chunk-LVOTEPLC.mjs +0 -64
- package/dist/chunk-M2ZM3X5Y.mjs +0 -56
- package/dist/chunk-M4MIYHAV.mjs +0 -43
- package/dist/chunk-M7F7DOC4.mjs +0 -41
- package/dist/chunk-MHWFVML4.mjs +0 -115
- package/dist/chunk-MPTVYTYS.mjs +0 -0
- package/dist/chunk-MQFW3LZR.mjs +0 -111
- package/dist/chunk-N355RJGH.mjs +0 -141
- package/dist/chunk-N3YFQDW7.mjs +0 -77
- package/dist/chunk-NGCBOOIE.mjs +0 -225
- package/dist/chunk-NWQQYJSP.mjs +0 -688
- package/dist/chunk-NYQV556V.mjs +0 -667
- package/dist/chunk-O5C3355V.mjs +0 -246
- package/dist/chunk-OCP43S7U.mjs +0 -241
- package/dist/chunk-OHLFRULE.mjs +0 -432
- package/dist/chunk-PLO46EKV.mjs +0 -65
- package/dist/chunk-PSBEYGD4.mjs +0 -618
- package/dist/chunk-PWIBJI6Z.mjs +0 -115
- package/dist/chunk-Q5KPXEH5.mjs +0 -223
- package/dist/chunk-QC34HHAY.mjs +0 -57
- package/dist/chunk-QVWV36BK.mjs +0 -73
- package/dist/chunk-QWK3MYDM.mjs +0 -64
- package/dist/chunk-RE44YAMD.mjs +0 -47
- package/dist/chunk-RH6DAYBU.mjs +0 -369
- package/dist/chunk-RSSEJENT.mjs +0 -269
- package/dist/chunk-SJBS5QCJ.mjs +0 -225
- package/dist/chunk-SWRFCTJW.mjs +0 -77
- package/dist/chunk-T4XNCAIB.mjs +0 -231
- package/dist/chunk-TCX5IFQ4.mjs +0 -627
- package/dist/chunk-TSAUBT2F.mjs +0 -74
- package/dist/chunk-U7Q7ILSE.mjs +0 -690
- package/dist/chunk-UHTUJJH7.mjs +0 -112
- package/dist/chunk-UOHYCMUS.mjs +0 -53
- package/dist/chunk-UQZBL3F7.mjs +0 -0
- package/dist/chunk-URGYNKJM.mjs +0 -229
- package/dist/chunk-UTMZY37A.mjs +0 -141
- package/dist/chunk-UUEPD2FH.mjs +0 -141
- package/dist/chunk-VQOUJQIF.mjs +0 -249
- package/dist/chunk-VY3QH43W.mjs +0 -6
- package/dist/chunk-W2N3AWY6.mjs +0 -80
- package/dist/chunk-WUVS6S7N.mjs +0 -119
- package/dist/chunk-WZS2K7X3.mjs +0 -688
- package/dist/chunk-X76GNSBB.mjs +0 -87
- package/dist/chunk-XG7CZXBW.mjs +0 -244
- package/dist/chunk-XXKIBYXD.mjs +0 -109
- package/dist/chunk-XXTUVMAY.mjs +0 -51
- package/dist/chunk-Y3BIY4DW.mjs +0 -618
- package/dist/chunk-Y7FP6ZMW.mjs +0 -225
- package/dist/chunk-YELLXCMY.mjs +0 -265
- package/dist/chunk-YQEEM26W.mjs +0 -232
- package/dist/chunk-ZGFE3OPJ.mjs +0 -678
- package/dist/chunk-ZMJ3KDDY.mjs +0 -618
- package/dist/chunk-ZYPWQ53U.mjs +0 -6
- package/dist/dist-U2IPN4FB.mjs +0 -567
- package/dist/magic-string.es-XOWQCRDO.mjs +0 -1311
- package/dist/types-CA0Wby2L.d.mts +0 -67
- package/dist/types-CA0Wby2L.d.ts +0 -67
- package/dist/types-CncMmuJM.d.mts +0 -44
- package/dist/types-CncMmuJM.d.ts +0 -44
- package/dist/types-D4fdeMWQ.d.mts +0 -62
- package/dist/types-D4fdeMWQ.d.ts +0 -62
package/dist/chunk-GFTO2N3Q.mjs
DELETED
|
@@ -1,432 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
InternalCalendar_default
|
|
3
|
-
} from "./chunk-RSSEJENT.mjs";
|
|
4
|
-
|
|
5
|
-
// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
|
|
6
|
-
import { memo, useCallback, useEffect, useMemo, useState } from "react";
|
|
7
|
-
import clsx from "clsx";
|
|
8
|
-
import dayjs from "dayjs";
|
|
9
|
-
import customParseFormat from "dayjs/plugin/customParseFormat";
|
|
10
|
-
import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
|
|
11
|
-
|
|
12
|
-
// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss
|
|
13
|
-
var AdvancedDateRangePicker_module_default = { "root": "AdvancedDateRangePicker-module__root___udir8", "inner": "AdvancedDateRangePicker-module__inner___P4OHa", "left": "AdvancedDateRangePicker-module__left___T6E84", "sidebarItem": "AdvancedDateRangePicker-module__sidebarItem___-NXPm", "sidebarItemActive": "AdvancedDateRangePicker-module__sidebarItemActive___5GmBY", "main": "AdvancedDateRangePicker-module__main___G4MU9", "header": "AdvancedDateRangePicker-module__header___mxXEE", "headerGroup": "AdvancedDateRangePicker-module__headerGroup___J7mJB", "headerLabel": "AdvancedDateRangePicker-module__headerLabel___Yvhkr", "timezoneWrapper": "AdvancedDateRangePicker-module__timezoneWrapper___886Qm", "dateTimeWrapper": "AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ", "headerSeparator": "AdvancedDateRangePicker-module__headerSeparator___Vwx6P", "timezoneSelect": "AdvancedDateRangePicker-module__timezoneSelect___f4oln", "dateTimeColumn": "AdvancedDateRangePicker-module__dateTimeColumn___tdDV3", "dateTimeGroup": "AdvancedDateRangePicker-module__dateTimeGroup___azF09", "dateInput": "AdvancedDateRangePicker-module__dateInput___0t9ww", "inputError": "AdvancedDateRangePicker-module__inputError___A5hid", "timeInput": "AdvancedDateRangePicker-module__timeInput___Jalr9", "errorMessage": "AdvancedDateRangePicker-module__errorMessage___gx7ag", "body": "AdvancedDateRangePicker-module__body___f8XYj", "footer": "AdvancedDateRangePicker-module__footer___rsJ2w", "doneBtn": "AdvancedDateRangePicker-module__doneBtn___mt-Sv" };
|
|
14
|
-
|
|
15
|
-
// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
|
|
16
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
|
-
dayjs.extend(customParseFormat);
|
|
18
|
-
dayjs.extend(isSameOrBefore);
|
|
19
|
-
var TIMEZONES = [
|
|
20
|
-
{ label: "UTC", value: "UTC" },
|
|
21
|
-
{ label: "Eastern time", value: "America/New_York" },
|
|
22
|
-
{ label: "Central time", value: "America/Chicago" },
|
|
23
|
-
{ label: "Mountain time", value: "America/Denver" },
|
|
24
|
-
{ label: "Pacific time", value: "America/Los_Angeles" },
|
|
25
|
-
{ label: "India (IST)", value: "Asia/Kolkata" },
|
|
26
|
-
{ label: "London (GMT)", value: "Europe/London" }
|
|
27
|
-
];
|
|
28
|
-
var DEFAULT_TIME = { hour: "12", minute: "00", period: "PM" };
|
|
29
|
-
function getPresets() {
|
|
30
|
-
const today = /* @__PURE__ */ new Date();
|
|
31
|
-
today.setHours(0, 0, 0, 0);
|
|
32
|
-
return [
|
|
33
|
-
{
|
|
34
|
-
label: "Custom",
|
|
35
|
-
key: "custom",
|
|
36
|
-
getRange: () => [null, null]
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
label: "Yesterday",
|
|
40
|
-
key: "yesterday",
|
|
41
|
-
getRange: () => {
|
|
42
|
-
const d = new Date(today);
|
|
43
|
-
d.setDate(d.getDate() - 1);
|
|
44
|
-
return [d, d];
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
label: "Previous week",
|
|
49
|
-
key: "previous-week",
|
|
50
|
-
getRange: () => {
|
|
51
|
-
const dayOfWeek = today.getDay();
|
|
52
|
-
const start = new Date(today);
|
|
53
|
-
start.setDate(today.getDate() - dayOfWeek - 6);
|
|
54
|
-
const end = new Date(today);
|
|
55
|
-
return [start, end];
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
label: "This month",
|
|
60
|
-
key: "this-month",
|
|
61
|
-
getRange: () => {
|
|
62
|
-
const start = new Date(today.getFullYear(), today.getMonth(), 1);
|
|
63
|
-
const end = new Date(today.getFullYear(), today.getMonth() + 1, 0);
|
|
64
|
-
return [start, end];
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
label: "Previous month",
|
|
69
|
-
key: "previous-month",
|
|
70
|
-
getRange: () => {
|
|
71
|
-
const start = new Date(today.getFullYear(), today.getMonth() - 1, 1);
|
|
72
|
-
const end = new Date(today.getFullYear(), today.getMonth(), 0);
|
|
73
|
-
return [start, end];
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
label: "Previous quarter",
|
|
78
|
-
key: "previous-quarter",
|
|
79
|
-
getRange: () => {
|
|
80
|
-
const month = today.getMonth();
|
|
81
|
-
const quarter = Math.floor(month / 3);
|
|
82
|
-
const startMonth = (quarter - 1) * 3;
|
|
83
|
-
const start = new Date(today.getFullYear(), startMonth, 1);
|
|
84
|
-
const end = new Date(today.getFullYear(), startMonth + 3, 0);
|
|
85
|
-
return [start, end];
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
];
|
|
89
|
-
}
|
|
90
|
-
function applyDateMask(v, prev) {
|
|
91
|
-
if (v.length < prev.length) return v;
|
|
92
|
-
const digits = v.replace(/[^\d]/g, "").slice(0, 8);
|
|
93
|
-
if (digits.length >= 2) {
|
|
94
|
-
const d = Number(digits.slice(0, 2));
|
|
95
|
-
if (d < 1 || d > 31) return prev;
|
|
96
|
-
}
|
|
97
|
-
if (digits.length >= 4) {
|
|
98
|
-
const m = Number(digits.slice(2, 4));
|
|
99
|
-
if (m < 1 || m > 12) return prev;
|
|
100
|
-
}
|
|
101
|
-
let result = "";
|
|
102
|
-
if (digits.length > 0) result += digits.slice(0, 2);
|
|
103
|
-
if (digits.length >= 2) result += "-";
|
|
104
|
-
if (digits.length > 2) result += digits.slice(2, 4);
|
|
105
|
-
if (digits.length >= 4) result += "-";
|
|
106
|
-
if (digits.length > 4) result += digits.slice(4, 8);
|
|
107
|
-
return result.slice(0, 10);
|
|
108
|
-
}
|
|
109
|
-
function applyTimeMask(v, prev) {
|
|
110
|
-
if (v.length < prev.length) return v;
|
|
111
|
-
const digits = v.replace(/[^\d]/g, "").slice(0, 4);
|
|
112
|
-
if (digits.length >= 2) {
|
|
113
|
-
const h = Number(digits.slice(0, 2));
|
|
114
|
-
if (h < 1 || h > 12) return prev;
|
|
115
|
-
}
|
|
116
|
-
if (digits.length >= 4) {
|
|
117
|
-
const m = Number(digits.slice(2, 4));
|
|
118
|
-
if (m > 59) return prev;
|
|
119
|
-
}
|
|
120
|
-
let result = "";
|
|
121
|
-
if (digits.length > 0) result += digits.slice(0, 2);
|
|
122
|
-
if (digits.length >= 2) result += ":";
|
|
123
|
-
if (digits.length > 2) result += digits.slice(2, 4);
|
|
124
|
-
if (v.toUpperCase().includes("A")) result += " AM";
|
|
125
|
-
else if (v.toUpperCase().includes("P")) result += " PM";
|
|
126
|
-
else if (digits.length === 4) result += " ";
|
|
127
|
-
return result.slice(0, 8);
|
|
128
|
-
}
|
|
129
|
-
function formatForDisplay(date) {
|
|
130
|
-
if (!date) return "";
|
|
131
|
-
return dayjs(date).format("DD-MM-YYYY");
|
|
132
|
-
}
|
|
133
|
-
function validateDateString(raw) {
|
|
134
|
-
const regex = /^(0[1-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
|
|
135
|
-
if (!regex.test(raw)) return false;
|
|
136
|
-
const [d, m, y] = raw.split("-").map(Number);
|
|
137
|
-
const date = new Date(y, m - 1, d);
|
|
138
|
-
return date.getFullYear() === y && date.getMonth() === m - 1 && date.getDate() === d;
|
|
139
|
-
}
|
|
140
|
-
function validateTimeString(raw) {
|
|
141
|
-
const regex = /^(0[1-9]|1[0-2]):(0[0-9]|[1-5][0-9])\s(AM|PM)$/i;
|
|
142
|
-
return regex.test(raw);
|
|
143
|
-
}
|
|
144
|
-
function parseDateInput(raw) {
|
|
145
|
-
if (!validateDateString(raw)) return null;
|
|
146
|
-
return dayjs(raw, "DD-MM-YYYY", true).toDate();
|
|
147
|
-
}
|
|
148
|
-
function parseTimeInput(raw) {
|
|
149
|
-
if (!validateTimeString(raw)) return null;
|
|
150
|
-
const match = raw.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
|
|
151
|
-
if (!match) return null;
|
|
152
|
-
return {
|
|
153
|
-
hour: match[1].padStart(2, "0"),
|
|
154
|
-
minute: match[2].padStart(2, "0"),
|
|
155
|
-
period: match[3].toUpperCase()
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
function formatTime(t) {
|
|
159
|
-
return `${t.hour}:${t.minute} ${t.period}`;
|
|
160
|
-
}
|
|
161
|
-
var DateTimeInputGroup = memo(function DateTimeInputGroup2({
|
|
162
|
-
label,
|
|
163
|
-
dateValue,
|
|
164
|
-
timeValue,
|
|
165
|
-
dateError,
|
|
166
|
-
timeError,
|
|
167
|
-
onDateChange,
|
|
168
|
-
onTimeChange
|
|
169
|
-
}) {
|
|
170
|
-
const [isDateFocused, setIsDateFocused] = useState(false);
|
|
171
|
-
const [isTimeFocused, setIsTimeFocused] = useState(false);
|
|
172
|
-
const showDateError = dateError && !isDateFocused;
|
|
173
|
-
const showTimeError = timeError && !isTimeFocused && !showDateError;
|
|
174
|
-
return /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.headerGroup, children: [
|
|
175
|
-
/* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: label }),
|
|
176
|
-
/* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeColumn, children: [
|
|
177
|
-
/* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeGroup, children: [
|
|
178
|
-
/* @__PURE__ */ jsx(
|
|
179
|
-
"input",
|
|
180
|
-
{
|
|
181
|
-
type: "text",
|
|
182
|
-
placeholder: "DD-MM-YYYY",
|
|
183
|
-
value: dateValue,
|
|
184
|
-
onFocus: () => setIsDateFocused(true),
|
|
185
|
-
onBlur: () => setIsDateFocused(false),
|
|
186
|
-
onChange: (e) => onDateChange(e.target.value),
|
|
187
|
-
className: clsx(AdvancedDateRangePicker_module_default.dateInput, { [AdvancedDateRangePicker_module_default.inputError]: showDateError })
|
|
188
|
-
}
|
|
189
|
-
),
|
|
190
|
-
/* @__PURE__ */ jsx(
|
|
191
|
-
"input",
|
|
192
|
-
{
|
|
193
|
-
type: "text",
|
|
194
|
-
placeholder: "12:00 PM",
|
|
195
|
-
value: timeValue,
|
|
196
|
-
onFocus: () => setIsTimeFocused(true),
|
|
197
|
-
onBlur: () => setIsTimeFocused(false),
|
|
198
|
-
onChange: (e) => onTimeChange(e.target.value),
|
|
199
|
-
className: clsx(AdvancedDateRangePicker_module_default.timeInput, { [AdvancedDateRangePicker_module_default.inputError]: showTimeError })
|
|
200
|
-
}
|
|
201
|
-
)
|
|
202
|
-
] }),
|
|
203
|
-
showDateError && /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.errorMessage, children: "Enter valid date" }),
|
|
204
|
-
showTimeError && /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.errorMessage, children: "Enter valid time" })
|
|
205
|
-
] })
|
|
206
|
-
] });
|
|
207
|
-
});
|
|
208
|
-
function AdvancedDateRangePicker({
|
|
209
|
-
value,
|
|
210
|
-
onChange,
|
|
211
|
-
confirmLabel = "Done",
|
|
212
|
-
className = "",
|
|
213
|
-
disabled = false,
|
|
214
|
-
disablePastDates = false,
|
|
215
|
-
minDate = null,
|
|
216
|
-
maxDate = null,
|
|
217
|
-
showSingleCalendar = false,
|
|
218
|
-
id = "adv-drp",
|
|
219
|
-
defaultTimezone = "UTC",
|
|
220
|
-
isTimezoneDisabled = false
|
|
221
|
-
}) {
|
|
222
|
-
var _a, _b, _c;
|
|
223
|
-
const PRESETS = useMemo(() => getPresets(), []);
|
|
224
|
-
const [startDate, setStartDate] = useState((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
|
|
225
|
-
const [endDate, setEndDate] = useState((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
|
|
226
|
-
const [timezone, setTimezone] = useState((_c = value == null ? void 0 : value.timezone) != null ? _c : defaultTimezone);
|
|
227
|
-
const [fromDateStr, setFromDateStr] = useState(formatForDisplay(startDate));
|
|
228
|
-
const [toDateStr, setToDateStr] = useState(formatForDisplay(endDate));
|
|
229
|
-
const [fromTimeStr, setFromTimeStr] = useState(
|
|
230
|
-
(value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
|
|
231
|
-
);
|
|
232
|
-
const [toTimeStr, setToTimeStr] = useState(
|
|
233
|
-
(value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
|
|
234
|
-
);
|
|
235
|
-
const [activePreset, setActivePreset] = useState("custom");
|
|
236
|
-
const fromDateError = useMemo(() => fromDateStr.length > 0 && (fromDateStr.length < 10 || !validateDateString(fromDateStr)), [fromDateStr]);
|
|
237
|
-
const toDateError = useMemo(() => toDateStr.length > 0 && (toDateStr.length < 10 || !validateDateString(toDateStr)), [toDateStr]);
|
|
238
|
-
const fromTimeError = useMemo(() => fromTimeStr.length > 0 && (fromTimeStr.length < 8 || !validateTimeString(fromTimeStr)), [fromTimeStr]);
|
|
239
|
-
const toTimeError = useMemo(() => toTimeStr.length > 0 && (toTimeStr.length < 8 || !validateTimeString(toTimeStr)), [toTimeStr]);
|
|
240
|
-
const isReady = useMemo(() => {
|
|
241
|
-
return startDate !== null && endDate !== null && validateDateString(fromDateStr) && validateDateString(toDateStr) && validateTimeString(fromTimeStr) && validateTimeString(toTimeStr) && dayjs(startDate).isSameOrBefore(dayjs(endDate), "day");
|
|
242
|
-
}, [startDate, endDate, fromDateStr, toDateStr, fromTimeStr, toTimeStr]);
|
|
243
|
-
useEffect(() => {
|
|
244
|
-
var _a2, _b2, _c2;
|
|
245
|
-
if (value) {
|
|
246
|
-
setStartDate((_a2 = value.startDate) != null ? _a2 : null);
|
|
247
|
-
setEndDate((_b2 = value.endDate) != null ? _b2 : null);
|
|
248
|
-
setTimezone((_c2 = value.timezone) != null ? _c2 : defaultTimezone);
|
|
249
|
-
if (value.startTime) setFromTimeStr(formatTime(value.startTime));
|
|
250
|
-
if (value.endTime) setToTimeStr(formatTime(value.endTime));
|
|
251
|
-
}
|
|
252
|
-
}, [value, defaultTimezone]);
|
|
253
|
-
useEffect(() => {
|
|
254
|
-
setFromDateStr(formatForDisplay(startDate));
|
|
255
|
-
}, [startDate]);
|
|
256
|
-
useEffect(() => {
|
|
257
|
-
setToDateStr(formatForDisplay(endDate));
|
|
258
|
-
}, [endDate]);
|
|
259
|
-
const rangeValue = useMemo(() => [
|
|
260
|
-
startDate ? startDate.toISOString() : "",
|
|
261
|
-
endDate ? endDate.toISOString() : ""
|
|
262
|
-
], [startDate, endDate]);
|
|
263
|
-
const handleRangeChange = useCallback(
|
|
264
|
-
(range) => {
|
|
265
|
-
const [s, e] = range;
|
|
266
|
-
if (s) {
|
|
267
|
-
const sDateByDayjs = dayjs(s, "D MMM, YYYY").toDate();
|
|
268
|
-
setStartDate(sDateByDayjs);
|
|
269
|
-
} else {
|
|
270
|
-
setStartDate(null);
|
|
271
|
-
}
|
|
272
|
-
if (e) {
|
|
273
|
-
const eDateByDayjs = dayjs(e, "D MMM, YYYY").toDate();
|
|
274
|
-
setEndDate(eDateByDayjs);
|
|
275
|
-
} else {
|
|
276
|
-
setEndDate(null);
|
|
277
|
-
}
|
|
278
|
-
setActivePreset("custom");
|
|
279
|
-
},
|
|
280
|
-
[]
|
|
281
|
-
);
|
|
282
|
-
const handlePreset = useCallback(
|
|
283
|
-
(preset) => {
|
|
284
|
-
const [s, e] = preset.getRange();
|
|
285
|
-
setStartDate(s);
|
|
286
|
-
setEndDate(e);
|
|
287
|
-
setActivePreset(preset.key);
|
|
288
|
-
},
|
|
289
|
-
[]
|
|
290
|
-
);
|
|
291
|
-
const handleFromDateChange = useCallback((v) => {
|
|
292
|
-
const masked = applyDateMask(v, fromDateStr);
|
|
293
|
-
setFromDateStr(masked);
|
|
294
|
-
setActivePreset("custom");
|
|
295
|
-
if (masked.length === 10) {
|
|
296
|
-
const parsed = parseDateInput(masked);
|
|
297
|
-
if (parsed) {
|
|
298
|
-
setStartDate(parsed);
|
|
299
|
-
if (endDate && dayjs(parsed).isAfter(dayjs(endDate), "day")) {
|
|
300
|
-
setEndDate(null);
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
}, [fromDateStr, endDate]);
|
|
305
|
-
const handleToDateChange = useCallback((v) => {
|
|
306
|
-
const masked = applyDateMask(v, toDateStr);
|
|
307
|
-
setToDateStr(masked);
|
|
308
|
-
setActivePreset("custom");
|
|
309
|
-
if (masked.length === 10) {
|
|
310
|
-
const parsed = parseDateInput(masked);
|
|
311
|
-
if (parsed) {
|
|
312
|
-
setEndDate(parsed);
|
|
313
|
-
if (startDate && dayjs(parsed).isBefore(dayjs(startDate), "day")) {
|
|
314
|
-
setStartDate(null);
|
|
315
|
-
}
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
}, [toDateStr, startDate]);
|
|
319
|
-
const handleFromTimeChange = useCallback((v) => {
|
|
320
|
-
const masked = applyTimeMask(v, fromTimeStr);
|
|
321
|
-
setFromTimeStr(masked);
|
|
322
|
-
setActivePreset("custom");
|
|
323
|
-
}, [fromTimeStr]);
|
|
324
|
-
const handleToTimeChange = useCallback((v) => {
|
|
325
|
-
const masked = applyTimeMask(v, toTimeStr);
|
|
326
|
-
setToTimeStr(masked);
|
|
327
|
-
setActivePreset("custom");
|
|
328
|
-
}, [toTimeStr]);
|
|
329
|
-
const handleDone = useCallback(() => {
|
|
330
|
-
var _a2, _b2;
|
|
331
|
-
if (!isReady) return;
|
|
332
|
-
const fromTime = (_a2 = parseTimeInput(fromTimeStr)) != null ? _a2 : DEFAULT_TIME;
|
|
333
|
-
const toTime = (_b2 = parseTimeInput(toTimeStr)) != null ? _b2 : DEFAULT_TIME;
|
|
334
|
-
onChange == null ? void 0 : onChange({
|
|
335
|
-
startDate,
|
|
336
|
-
endDate,
|
|
337
|
-
startTime: fromTime,
|
|
338
|
-
endTime: toTime,
|
|
339
|
-
timezone
|
|
340
|
-
});
|
|
341
|
-
}, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone]);
|
|
342
|
-
return /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.root, className), id, children: [
|
|
343
|
-
/* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
|
|
344
|
-
/* @__PURE__ */ jsx("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ jsx(
|
|
345
|
-
"button",
|
|
346
|
-
{
|
|
347
|
-
type: "button",
|
|
348
|
-
onClick: () => handlePreset(p),
|
|
349
|
-
className: clsx(AdvancedDateRangePicker_module_default.sidebarItem, {
|
|
350
|
-
[AdvancedDateRangePicker_module_default.sidebarItemActive]: activePreset === p.key
|
|
351
|
-
}),
|
|
352
|
-
children: p.label
|
|
353
|
-
},
|
|
354
|
-
p.key
|
|
355
|
-
)) }),
|
|
356
|
-
/* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.main, children: [
|
|
357
|
-
/* @__PURE__ */ jsxs("header", { className: AdvancedDateRangePicker_module_default.header, children: [
|
|
358
|
-
/* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.headerGroup, AdvancedDateRangePicker_module_default.timezoneWrapper), children: [
|
|
359
|
-
/* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
|
|
360
|
-
/* @__PURE__ */ jsx(
|
|
361
|
-
"select",
|
|
362
|
-
{
|
|
363
|
-
value: timezone,
|
|
364
|
-
onChange: (e) => setTimezone(e.target.value),
|
|
365
|
-
className: AdvancedDateRangePicker_module_default.timezoneSelect,
|
|
366
|
-
disabled: isTimezoneDisabled,
|
|
367
|
-
children: TIMEZONES.map((tz) => /* @__PURE__ */ jsx("option", { value: tz.value, children: tz.label }, tz.value))
|
|
368
|
-
}
|
|
369
|
-
)
|
|
370
|
-
] }),
|
|
371
|
-
/* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
|
|
372
|
-
/* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
|
|
373
|
-
/* @__PURE__ */ jsx(
|
|
374
|
-
DateTimeInputGroup,
|
|
375
|
-
{
|
|
376
|
-
label: "From",
|
|
377
|
-
dateValue: fromDateStr,
|
|
378
|
-
timeValue: fromTimeStr,
|
|
379
|
-
dateError: fromDateError,
|
|
380
|
-
timeError: fromTimeError,
|
|
381
|
-
onDateChange: handleFromDateChange,
|
|
382
|
-
onTimeChange: handleFromTimeChange
|
|
383
|
-
}
|
|
384
|
-
),
|
|
385
|
-
/* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
|
|
386
|
-
/* @__PURE__ */ jsx(
|
|
387
|
-
DateTimeInputGroup,
|
|
388
|
-
{
|
|
389
|
-
label: "To",
|
|
390
|
-
dateValue: toDateStr,
|
|
391
|
-
timeValue: toTimeStr,
|
|
392
|
-
dateError: toDateError,
|
|
393
|
-
timeError: toTimeError,
|
|
394
|
-
onDateChange: handleToDateChange,
|
|
395
|
-
onTimeChange: handleToTimeChange
|
|
396
|
-
}
|
|
397
|
-
)
|
|
398
|
-
] })
|
|
399
|
-
] }),
|
|
400
|
-
/* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ jsx(
|
|
401
|
-
InternalCalendar_default,
|
|
402
|
-
{
|
|
403
|
-
id: `${id}-calendar`,
|
|
404
|
-
dateRange: rangeValue,
|
|
405
|
-
onChange: handleRangeChange,
|
|
406
|
-
disablePastDates,
|
|
407
|
-
minDate,
|
|
408
|
-
maxDate,
|
|
409
|
-
showSingleCalendar
|
|
410
|
-
}
|
|
411
|
-
) })
|
|
412
|
-
] })
|
|
413
|
-
] }),
|
|
414
|
-
/* @__PURE__ */ jsx("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ jsx(
|
|
415
|
-
"button",
|
|
416
|
-
{
|
|
417
|
-
type: "button",
|
|
418
|
-
onClick: handleDone,
|
|
419
|
-
disabled: disabled || !isReady,
|
|
420
|
-
className: AdvancedDateRangePicker_module_default.doneBtn,
|
|
421
|
-
children: confirmLabel
|
|
422
|
-
}
|
|
423
|
-
) })
|
|
424
|
-
] });
|
|
425
|
-
}
|
|
426
|
-
AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
|
|
427
|
-
var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
|
|
428
|
-
|
|
429
|
-
export {
|
|
430
|
-
AdvancedDateRangePicker,
|
|
431
|
-
AdvancedDateRangePicker_default
|
|
432
|
-
};
|
package/dist/chunk-GM6H6RPJ.mjs
DELETED
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
__objRest,
|
|
3
|
-
__spreadProps,
|
|
4
|
-
__spreadValues
|
|
5
|
-
} from "./chunk-HWQBE6PT.mjs";
|
|
6
|
-
|
|
7
|
-
// src/atom/Table/Table.tsx
|
|
8
|
-
import * as React from "react";
|
|
9
|
-
import { Table as AntTable } from "antd";
|
|
10
|
-
import clsx from "clsx";
|
|
11
|
-
|
|
12
|
-
// src/atom/Table/Table.module.scss
|
|
13
|
-
var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "childVariant": "Table-module__childVariant___z8tqO", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
|
|
14
|
-
|
|
15
|
-
// src/atom/Table/Table.tsx
|
|
16
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
17
|
-
function buildPagination(pagination) {
|
|
18
|
-
if (pagination === false || pagination === void 0) {
|
|
19
|
-
return false;
|
|
20
|
-
}
|
|
21
|
-
const defaults = {
|
|
22
|
-
showSizeChanger: true,
|
|
23
|
-
pageSizeOptions: [10, 25, 50],
|
|
24
|
-
showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
|
|
25
|
-
};
|
|
26
|
-
if (pagination === true) {
|
|
27
|
-
return defaults;
|
|
28
|
-
}
|
|
29
|
-
return __spreadValues(__spreadValues({}, defaults), pagination);
|
|
30
|
-
}
|
|
31
|
-
function SortBothIcon() {
|
|
32
|
-
return /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
|
|
33
|
-
/* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 10L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
34
|
-
/* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 2L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
35
|
-
] });
|
|
36
|
-
}
|
|
37
|
-
function SortAscIcon() {
|
|
38
|
-
return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 7.5L6 2L8.5 7.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
39
|
-
}
|
|
40
|
-
function SortDescIcon() {
|
|
41
|
-
return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 4.5L6 10L8.5 4.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
42
|
-
}
|
|
43
|
-
function FilterIcon() {
|
|
44
|
-
return /* @__PURE__ */ jsxs("svg", { width: "13", height: "11", viewBox: "0 0 13 11", fill: "none", "aria-hidden": "true", children: [
|
|
45
|
-
/* @__PURE__ */ jsx("path", { d: "M1 1H12", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
|
|
46
|
-
/* @__PURE__ */ jsx("path", { d: "M2.5 4.5H10.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }),
|
|
47
|
-
/* @__PURE__ */ jsx("path", { d: "M4.5 8H8.5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })
|
|
48
|
-
] });
|
|
49
|
-
}
|
|
50
|
-
function nextSortOrder(current) {
|
|
51
|
-
if (current === void 0) return "ascend";
|
|
52
|
-
if (current === "ascend") return "descend";
|
|
53
|
-
return void 0;
|
|
54
|
-
}
|
|
55
|
-
function ColumnHeader({
|
|
56
|
-
label,
|
|
57
|
-
sortable = false,
|
|
58
|
-
sortOrder,
|
|
59
|
-
onSortChange,
|
|
60
|
-
sortIcon,
|
|
61
|
-
filterCount = 0,
|
|
62
|
-
filterIcon,
|
|
63
|
-
filterContent
|
|
64
|
-
}) {
|
|
65
|
-
const [filterOpen, setFilterOpen] = React.useState(false);
|
|
66
|
-
const wrapperRef = React.useRef(null);
|
|
67
|
-
const filterActive = filterCount > 0;
|
|
68
|
-
const hasFilter = filterContent !== void 0;
|
|
69
|
-
React.useEffect(() => {
|
|
70
|
-
if (!filterOpen) return;
|
|
71
|
-
const onOutside = (e) => {
|
|
72
|
-
if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
|
|
73
|
-
setFilterOpen(false);
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
document.addEventListener("mousedown", onOutside);
|
|
77
|
-
return () => document.removeEventListener("mousedown", onOutside);
|
|
78
|
-
}, [filterOpen]);
|
|
79
|
-
return /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeader, ref: wrapperRef, children: [
|
|
80
|
-
sortable ? /* @__PURE__ */ jsxs(
|
|
81
|
-
"button",
|
|
82
|
-
{
|
|
83
|
-
type: "button",
|
|
84
|
-
className: Table_module_default.columnHeaderSortArea,
|
|
85
|
-
onClick: () => onSortChange == null ? void 0 : onSortChange(nextSortOrder(sortOrder)),
|
|
86
|
-
"aria-label": typeof label === "string" ? `Sort by ${label}` : "Sort",
|
|
87
|
-
children: [
|
|
88
|
-
/* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
|
|
89
|
-
/* @__PURE__ */ jsx(
|
|
90
|
-
"span",
|
|
91
|
-
{
|
|
92
|
-
className: clsx(Table_module_default.columnHeaderSortIcon, {
|
|
93
|
-
[Table_module_default.columnHeaderSortIconActive]: sortOrder !== void 0
|
|
94
|
-
}),
|
|
95
|
-
children: sortIcon != null ? sortIcon : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
96
|
-
sortOrder === "ascend" && /* @__PURE__ */ jsx(SortAscIcon, {}),
|
|
97
|
-
sortOrder === "descend" && /* @__PURE__ */ jsx(SortDescIcon, {}),
|
|
98
|
-
sortOrder === void 0 && /* @__PURE__ */ jsx(SortBothIcon, {})
|
|
99
|
-
] })
|
|
100
|
-
}
|
|
101
|
-
)
|
|
102
|
-
]
|
|
103
|
-
}
|
|
104
|
-
) : /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderLabel, children: label }),
|
|
105
|
-
hasFilter && /* @__PURE__ */ jsxs("div", { className: Table_module_default.columnHeaderFilterWrapper, children: [
|
|
106
|
-
/* @__PURE__ */ jsxs(
|
|
107
|
-
"button",
|
|
108
|
-
{
|
|
109
|
-
type: "button",
|
|
110
|
-
className: clsx(Table_module_default.columnHeaderFilterBtn, {
|
|
111
|
-
[Table_module_default.columnHeaderFilterBtnActive]: filterActive
|
|
112
|
-
}),
|
|
113
|
-
onClick: () => setFilterOpen((v) => !v),
|
|
114
|
-
"aria-label": typeof label === "string" ? `Filter ${label}` : "Filter",
|
|
115
|
-
"aria-expanded": filterOpen,
|
|
116
|
-
"aria-haspopup": "dialog",
|
|
117
|
-
children: [
|
|
118
|
-
filterIcon != null ? filterIcon : /* @__PURE__ */ jsx(FilterIcon, {}),
|
|
119
|
-
filterActive && /* @__PURE__ */ jsx("span", { className: Table_module_default.columnHeaderFilterBadge, children: filterCount })
|
|
120
|
-
]
|
|
121
|
-
}
|
|
122
|
-
),
|
|
123
|
-
filterOpen && /* @__PURE__ */ jsx("div", { className: Table_module_default.columnHeaderFilterDropdown, role: "dialog", children: filterContent })
|
|
124
|
-
] })
|
|
125
|
-
] });
|
|
126
|
-
}
|
|
127
|
-
function processColumns(columns) {
|
|
128
|
-
if (!columns) return void 0;
|
|
129
|
-
return columns.map((col) => {
|
|
130
|
-
const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
|
|
131
|
-
if (!headerProps) return __spreadValues({ title }, rest);
|
|
132
|
-
return __spreadProps(__spreadValues({}, rest), {
|
|
133
|
-
title: /* @__PURE__ */ jsx(ColumnHeader, __spreadValues({ label: title }, headerProps))
|
|
134
|
-
});
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
function Table(props) {
|
|
138
|
-
const _a = props, {
|
|
139
|
-
size = "middle",
|
|
140
|
-
variant = "default",
|
|
141
|
-
className = "",
|
|
142
|
-
analytics: _analytics,
|
|
143
|
-
pagination,
|
|
144
|
-
columns,
|
|
145
|
-
rowSelection,
|
|
146
|
-
rowKey = "key",
|
|
147
|
-
onRow,
|
|
148
|
-
dataSource
|
|
149
|
-
} = _a, rest = __objRest(_a, [
|
|
150
|
-
"size",
|
|
151
|
-
"variant",
|
|
152
|
-
"className",
|
|
153
|
-
"analytics",
|
|
154
|
-
"pagination",
|
|
155
|
-
"columns",
|
|
156
|
-
"rowSelection",
|
|
157
|
-
"rowKey",
|
|
158
|
-
"onRow",
|
|
159
|
-
"dataSource"
|
|
160
|
-
]);
|
|
161
|
-
const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
|
|
162
|
-
const resolvedPagination = buildPagination(pagination);
|
|
163
|
-
const processedColumns = React.useMemo(
|
|
164
|
-
() => processColumns(columns),
|
|
165
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
166
|
-
[columns]
|
|
167
|
-
);
|
|
168
|
-
const resolvedOnRow = React.useMemo(() => {
|
|
169
|
-
const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
|
|
170
|
-
if (variant !== "selectable" || !onChange) return onRow;
|
|
171
|
-
return (record, index) => {
|
|
172
|
-
var _a2;
|
|
173
|
-
const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
|
|
174
|
-
const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
|
|
175
|
-
return __spreadProps(__spreadValues({}, base), {
|
|
176
|
-
style: __spreadValues({ cursor: "pointer" }, base.style),
|
|
177
|
-
onClick: (e) => {
|
|
178
|
-
var _a3, _b;
|
|
179
|
-
(_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
|
|
180
|
-
const key = getKey(record, index);
|
|
181
|
-
const current = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
|
|
182
|
-
const isSelected = current.some((k) => k === key);
|
|
183
|
-
const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
|
|
184
|
-
const newRows = (dataSource != null ? dataSource : []).filter(
|
|
185
|
-
(r) => newKeys.some((k) => k === getKey(r))
|
|
186
|
-
);
|
|
187
|
-
onChange(newKeys, newRows, { type: "single" });
|
|
188
|
-
}
|
|
189
|
-
});
|
|
190
|
-
};
|
|
191
|
-
}, [variant, rowSelection, rowKey, onRow, dataSource]);
|
|
192
|
-
return /* @__PURE__ */ jsx(
|
|
193
|
-
"div",
|
|
194
|
-
{
|
|
195
|
-
className: clsx(
|
|
196
|
-
Table_module_default.tableWrapper,
|
|
197
|
-
{ [Table_module_default.childVariant]: isChildVariant },
|
|
198
|
-
{ [Table_module_default.showHoverEffect]: variant === "hover" || variant === "selectable" },
|
|
199
|
-
`variant_${variant}`,
|
|
200
|
-
className
|
|
201
|
-
),
|
|
202
|
-
"data-testid": "lumina-table",
|
|
203
|
-
children: /* @__PURE__ */ jsx(
|
|
204
|
-
AntTable,
|
|
205
|
-
__spreadValues({
|
|
206
|
-
className: Table_module_default.table,
|
|
207
|
-
size,
|
|
208
|
-
pagination: resolvedPagination,
|
|
209
|
-
columns: processedColumns,
|
|
210
|
-
rowSelection,
|
|
211
|
-
rowKey,
|
|
212
|
-
onRow: resolvedOnRow,
|
|
213
|
-
dataSource,
|
|
214
|
-
rowClassName: (_, index) => {
|
|
215
|
-
var _a2;
|
|
216
|
-
const lastIndex = ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1;
|
|
217
|
-
if (index === 0) return Table_module_default.firstRow;
|
|
218
|
-
if (index === lastIndex) return Table_module_default.lastRow;
|
|
219
|
-
return "";
|
|
220
|
-
}
|
|
221
|
-
}, rest)
|
|
222
|
-
)
|
|
223
|
-
}
|
|
224
|
-
);
|
|
225
|
-
}
|
|
226
|
-
Table.displayName = "Table";
|
|
227
|
-
var Table_default = Table;
|
|
228
|
-
|
|
229
|
-
export {
|
|
230
|
-
Table,
|
|
231
|
-
Table_default
|
|
232
|
-
};
|