@dappworks/kit 0.4.159 → 0.4.161
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/{PromiseState-DdfQCVl2.d.ts → PromiseState-23a1c20b.d.ts} +3 -3
- package/dist/aiem.d.mts +1 -1
- package/dist/aiem.mjs +22 -6
- package/dist/aiem.mjs.map +1 -1
- package/dist/{chunk-NWJBLIGQ.mjs → chunk-3D5MLYHP.mjs} +3 -3
- package/dist/{chunk-R4SQKVDQ.mjs → chunk-6F7H4PAA.mjs} +1 -1
- package/dist/{chunk-5BJM6R2E.mjs → chunk-HTEMNQ6U.mjs} +210 -63
- package/dist/chunk-HTEMNQ6U.mjs.map +1 -0
- package/dist/{chunk-XSGTWROT.mjs → chunk-IDKGZ5T4.mjs} +7 -7
- package/dist/{chunk-XSGTWROT.mjs.map → chunk-IDKGZ5T4.mjs.map} +1 -1
- package/dist/{chunk-4YCP5CJ4.mjs → chunk-IMOLRP7I.mjs} +2 -2
- package/dist/{chunk-4YCP5CJ4.mjs.map → chunk-IMOLRP7I.mjs.map} +1 -1
- package/dist/{chunk-3O7QI47S.mjs → chunk-J5PZWR2P.mjs} +2 -2
- package/dist/{chunk-AIZ7XDNV.mjs → chunk-WYGQ3Y4R.mjs} +14 -14
- package/dist/chunk-WYGQ3Y4R.mjs.map +1 -0
- package/dist/dev.d.mts +1 -1
- package/dist/dev.mjs +2 -2
- package/dist/experimental.d.mts +2 -2
- package/dist/experimental.mjs +4 -4
- package/dist/form.d.mts +5 -5
- package/dist/form.mjs +3 -3
- package/dist/{index-CUKoRIdy.d.ts → index-38be834f.d.ts} +1 -1
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +5 -5
- package/dist/inspector.d.mts +1 -1
- package/dist/inspector.mjs +1 -1
- package/dist/jsontable.d.mts +39 -37
- package/dist/jsontable.mjs +4 -4
- package/dist/metrics.d.mts +1 -1
- package/dist/metrics.mjs +4 -4
- package/dist/plugins.d.mts +3 -3
- package/dist/plugins.mjs +4 -4
- package/dist/{root-C3lZnoCI.d.ts → root-766ae985.d.ts} +1 -1
- package/dist/ui.mjs +3 -3
- package/dist/utils.d.mts +3 -8
- package/dist/utils.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-5BJM6R2E.mjs.map +0 -1
- package/dist/chunk-AIZ7XDNV.mjs.map +0 -1
- /package/dist/{PaginationState-Bmrrw0ky.d.ts → PaginationState-c19e621a.d.ts} +0 -0
- /package/dist/{chunk-NWJBLIGQ.mjs.map → chunk-3D5MLYHP.mjs.map} +0 -0
- /package/dist/{chunk-R4SQKVDQ.mjs.map → chunk-6F7H4PAA.mjs.map} +0 -0
- /package/dist/{chunk-3O7QI47S.mjs.map → chunk-J5PZWR2P.mjs.map} +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { PaginationState } from './chunk-ONVPCAMQ.mjs';
|
|
2
|
-
import { SkeletonBox } from './chunk-
|
|
2
|
+
import { SkeletonBox } from './chunk-J5PZWR2P.mjs';
|
|
3
3
|
import { _ } from './chunk-K7LFG5BA.mjs';
|
|
4
|
-
import { cn } from './chunk-
|
|
5
|
-
import { __objRest, __spreadValues } from './chunk-
|
|
4
|
+
import { cn } from './chunk-WYGQ3Y4R.mjs';
|
|
5
|
+
import { __objRest, __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';
|
|
6
6
|
import * as React2 from 'react';
|
|
7
|
-
import React2__default, { useRef, useMemo,
|
|
8
|
-
import {
|
|
9
|
-
import { ChevronRight, Check, Circle, ChevronDown, ChevronUp, ChevronsUpDown } from 'lucide-react';
|
|
7
|
+
import React2__default, { useState, useRef, useMemo, useEffect } from 'react';
|
|
8
|
+
import { Pagination, Card, Divider, Spinner } from '@nextui-org/react';
|
|
9
|
+
import { ChevronRight, Check, Circle, ChevronDown, ChevronUp, ChevronsUpDown, ChevronLeft } from 'lucide-react';
|
|
10
10
|
import { observer } from 'mobx-react-lite';
|
|
11
11
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
12
12
|
|
|
@@ -138,7 +138,7 @@ var JSONTable = observer((props) => {
|
|
|
138
138
|
const {
|
|
139
139
|
className,
|
|
140
140
|
classNames = {},
|
|
141
|
-
dataSource,
|
|
141
|
+
dataSource = [],
|
|
142
142
|
columnOptions,
|
|
143
143
|
headerKeys,
|
|
144
144
|
isServerPaging,
|
|
@@ -160,16 +160,18 @@ var JSONTable = observer((props) => {
|
|
|
160
160
|
dividerClassName: ""
|
|
161
161
|
},
|
|
162
162
|
autoScrollToTop = false,
|
|
163
|
-
emptyContent
|
|
163
|
+
emptyContent,
|
|
164
164
|
isLoading = false,
|
|
165
165
|
loadingOptions,
|
|
166
166
|
loadingContent,
|
|
167
167
|
isHeaderSticky = false,
|
|
168
168
|
sortingUIOptions,
|
|
169
|
-
|
|
169
|
+
collapsedTableConfig
|
|
170
170
|
} = props;
|
|
171
|
+
const [sortableColumnsMap, setSortableColumnsMap] = useState({});
|
|
172
|
+
const [sortedData, setSortedData] = useState(dataSource);
|
|
171
173
|
const tableBoxRef = useRef(null);
|
|
172
|
-
const { columns, sortableColumnsDefaultValue } = useMemo(() => {
|
|
174
|
+
const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {
|
|
173
175
|
const firstData = dataSource[0];
|
|
174
176
|
const allKeys = firstData ? Object.keys(firstData) : [];
|
|
175
177
|
const keys = headerKeys ? headerKeys : columnOptions ? allKeys.filter((key) => {
|
|
@@ -180,7 +182,7 @@ var JSONTable = observer((props) => {
|
|
|
180
182
|
keys.push("$actions");
|
|
181
183
|
}
|
|
182
184
|
const sortableColumnsDefaultValue2 = {};
|
|
183
|
-
|
|
185
|
+
let columns2 = keys.map((key) => {
|
|
184
186
|
var _a, _b, _c;
|
|
185
187
|
const sortable = (_a = columnOptions == null ? void 0 : columnOptions[key]) == null ? void 0 : _a.sortable;
|
|
186
188
|
if (sortable) {
|
|
@@ -200,34 +202,52 @@ var JSONTable = observer((props) => {
|
|
|
200
202
|
return bOrder - aOrder;
|
|
201
203
|
});
|
|
202
204
|
}
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
205
|
+
let collapsedTables2 = [];
|
|
206
|
+
if (firstData && (collapsedTableConfig == null ? void 0 : collapsedTableConfig.options)) {
|
|
207
|
+
const collapsedTableOptions = collapsedTableConfig.options;
|
|
208
|
+
collapsedTables2 = collapsedTableOptions.filter((item) => {
|
|
209
|
+
return Array.isArray(firstData[item.key]);
|
|
210
|
+
}).map((item) => {
|
|
211
|
+
const index = columns2.findIndex((c) => c.key === item.key);
|
|
212
|
+
if (index > -1) {
|
|
213
|
+
columns2.splice(index, 1);
|
|
214
|
+
}
|
|
215
|
+
const keys2 = item.headerKeys || [];
|
|
216
|
+
if (!keys2.includes("$actions") && item.columnOptions && item.columnOptions["$actions"]) {
|
|
217
|
+
keys2.push("$actions");
|
|
218
|
+
}
|
|
219
|
+
return {
|
|
220
|
+
key: item.key,
|
|
221
|
+
columns: keys2.map((k) => {
|
|
222
|
+
const option = item.columnOptions[k];
|
|
223
|
+
return {
|
|
224
|
+
key: k,
|
|
225
|
+
label: (option == null ? void 0 : option.label) || k,
|
|
226
|
+
render: option == null ? void 0 : option.render
|
|
227
|
+
};
|
|
228
|
+
})
|
|
229
|
+
};
|
|
230
|
+
});
|
|
231
|
+
}
|
|
232
|
+
const showCollapsedTables2 = collapsedTables2.length > 0;
|
|
233
|
+
if (showCollapsedTables2) {
|
|
234
|
+
const collapsedHandlerPosition = (collapsedTableConfig == null ? void 0 : collapsedTableConfig.collapsedHandlerPosition) || "right";
|
|
235
|
+
if (collapsedHandlerPosition === "right") {
|
|
236
|
+
columns2.push({
|
|
237
|
+
key: "$collapsedHandler",
|
|
238
|
+
label: ""
|
|
239
|
+
});
|
|
240
|
+
} else {
|
|
241
|
+
columns2 = [{ key: "$collapsedHandler", label: "" }, ...columns2];
|
|
209
242
|
}
|
|
210
|
-
|
|
211
|
-
return {
|
|
212
|
-
key: item.key,
|
|
213
|
-
columns: keys2.map((k) => {
|
|
214
|
-
const option = item.columnOptions[k];
|
|
215
|
-
return {
|
|
216
|
-
key: k,
|
|
217
|
-
label: (option == null ? void 0 : option.label) || k,
|
|
218
|
-
render: option == null ? void 0 : option.render
|
|
219
|
-
};
|
|
220
|
-
})
|
|
221
|
-
};
|
|
222
|
-
}) : [];
|
|
243
|
+
}
|
|
223
244
|
return {
|
|
224
245
|
columns: columns2,
|
|
225
|
-
|
|
226
|
-
|
|
246
|
+
sortableColumnsDefaultValue: sortableColumnsDefaultValue2,
|
|
247
|
+
showCollapsedTables: showCollapsedTables2,
|
|
248
|
+
collapsedTables: collapsedTables2
|
|
227
249
|
};
|
|
228
250
|
}, [dataSource, columnOptions]);
|
|
229
|
-
const [sortableColumnsMap, setSortableColumnsMap] = useState({});
|
|
230
|
-
const [sortedData, setSortedData] = useState(dataSource);
|
|
231
251
|
useEffect(() => {
|
|
232
252
|
setSortableColumnsMap(sortableColumnsDefaultValue);
|
|
233
253
|
}, [sortableColumnsDefaultValue]);
|
|
@@ -262,16 +282,13 @@ var JSONTable = observer((props) => {
|
|
|
262
282
|
}
|
|
263
283
|
);
|
|
264
284
|
}
|
|
265
|
-
return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(
|
|
266
|
-
|
|
285
|
+
return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement("div", { className: cn("relative w-full", className), ref: tableBoxRef }, /* @__PURE__ */ React2__default.createElement("table", { className: cn("w-full h-auto table-auto", classNames.table) }, /* @__PURE__ */ React2__default.createElement("thead", { className: cn(classNames.thead, { "sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg": isHeaderSticky }) }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, columns.map((item) => /* @__PURE__ */ React2__default.createElement(
|
|
286
|
+
"th",
|
|
267
287
|
{
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
className: cn("relative w-full overflow-auto h-[400px]", className),
|
|
271
|
-
classNames,
|
|
272
|
-
ref: tableBoxRef
|
|
288
|
+
key: item.key,
|
|
289
|
+
className: cn("px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none", classNames.th)
|
|
273
290
|
},
|
|
274
|
-
/* @__PURE__ */ React2__default.createElement(
|
|
291
|
+
/* @__PURE__ */ React2__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React2__default.createElement("span", null, item.label), !!sortableColumnsMap[item.key] && /* @__PURE__ */ React2__default.createElement(
|
|
275
292
|
SortingComponent,
|
|
276
293
|
{
|
|
277
294
|
sortingUIOptions,
|
|
@@ -290,23 +307,56 @@ var JSONTable = observer((props) => {
|
|
|
290
307
|
setSortedData(sortedData2);
|
|
291
308
|
}
|
|
292
309
|
}
|
|
293
|
-
))
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
+
))
|
|
311
|
+
))), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), isLoading ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
|
|
312
|
+
"td",
|
|
313
|
+
{
|
|
314
|
+
className: classNames.td,
|
|
315
|
+
colSpan: columns.length
|
|
316
|
+
},
|
|
317
|
+
loadingContent || DefaultLoading({ loadingOptions })
|
|
318
|
+
))) : data.length > 0 ? /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, showCollapsedTables ? data.map((item) => {
|
|
319
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
320
|
+
CollapseBodyRow,
|
|
321
|
+
{
|
|
322
|
+
classNames,
|
|
323
|
+
item,
|
|
324
|
+
columns,
|
|
325
|
+
rowCss,
|
|
326
|
+
onRowClick,
|
|
327
|
+
collapsedTableConfig,
|
|
328
|
+
collapsedTables
|
|
329
|
+
}
|
|
330
|
+
);
|
|
331
|
+
}) : data.map((item, index) => {
|
|
332
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
333
|
+
"tr",
|
|
334
|
+
{
|
|
335
|
+
key: rowKey ? item[rowKey] || index : index,
|
|
336
|
+
className: cn(classNames.tr, typeof rowCss === "function" ? rowCss(item) : rowCss),
|
|
337
|
+
onClick: () => {
|
|
338
|
+
onRowClick == null ? void 0 : onRowClick(item);
|
|
339
|
+
}
|
|
340
|
+
},
|
|
341
|
+
columns.map((column) => {
|
|
342
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
343
|
+
"td",
|
|
344
|
+
{
|
|
345
|
+
key: column.key,
|
|
346
|
+
className: cn("py-2 px-3 text-xs", classNames.td)
|
|
347
|
+
},
|
|
348
|
+
column.render ? column.render(item) : renderFieldValue(item[column.key])
|
|
349
|
+
);
|
|
350
|
+
})
|
|
351
|
+
);
|
|
352
|
+
})) : /* @__PURE__ */ React2__default.createElement("tbody", { className: classNames.tbody }, /* @__PURE__ */ React2__default.createElement("tr", { className: classNames.tr }, /* @__PURE__ */ React2__default.createElement(
|
|
353
|
+
"td",
|
|
354
|
+
{
|
|
355
|
+
className: classNames.td,
|
|
356
|
+
colSpan: columns.length
|
|
357
|
+
},
|
|
358
|
+
emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null)
|
|
359
|
+
))))), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
|
|
310
360
|
Pagination,
|
|
311
361
|
__spreadValues({
|
|
312
362
|
className: "mt-2",
|
|
@@ -489,12 +539,12 @@ function CardUI({
|
|
|
489
539
|
loadingContent
|
|
490
540
|
}) {
|
|
491
541
|
const cardBoxRef = useRef(null);
|
|
492
|
-
return /* @__PURE__ */ React2__default.createElement("div", { className, ref: cardBoxRef }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("space-y-2", cardOptions == null ? void 0 : cardOptions.boxClassName) }, isLoading ? loadingContent ? /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400", cardOptions == null ? void 0 : cardOptions.cardClassName) }, loadingContent) : /* @__PURE__ */ React2__default.createElement(DefaultLoading, { loadingOptions }) : data.length > 0 ? data.map((item, index) => {
|
|
542
|
+
return /* @__PURE__ */ React2__default.createElement("div", { className, ref: cardBoxRef }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("space-y-2", cardOptions == null ? void 0 : cardOptions.boxClassName) }, isLoading ? loadingContent ? /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName) }, loadingContent) : /* @__PURE__ */ React2__default.createElement(DefaultLoading, { loadingOptions }) : data.length > 0 ? data.map((item, index) => {
|
|
493
543
|
return /* @__PURE__ */ React2__default.createElement(
|
|
494
544
|
Card,
|
|
495
545
|
{
|
|
496
546
|
key: rowKey ? item[rowKey] || index : index,
|
|
497
|
-
className: cn("w-full shadow-sm p-4", cardOptions == null ? void 0 : cardOptions.cardClassName),
|
|
547
|
+
className: cn("w-full shadow-sm p-4 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName),
|
|
498
548
|
isPressable: !!onRowClick,
|
|
499
549
|
onPress: () => {
|
|
500
550
|
onRowClick == null ? void 0 : onRowClick(item);
|
|
@@ -505,7 +555,7 @@ function CardUI({
|
|
|
505
555
|
return /* @__PURE__ */ React2__default.createElement("div", { className: "w-full", key: column.key }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full", cardOptions == null ? void 0 : cardOptions.itemClassName) }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("font-meidum text-xs text-foreground-400", option == null ? void 0 : option.labelClassName) }, column.label), /* @__PURE__ */ React2__default.createElement("div", { className: cn("text-xs", option == null ? void 0 : option.valueClassName) }, column.render ? column.render(item) : renderFieldValue(item[column.key]))), (cardOptions == null ? void 0 : cardOptions.showDivider) && i !== columns.length - 1 && /* @__PURE__ */ React2__default.createElement(Divider, { className: cn("my-2", cardOptions == null ? void 0 : cardOptions.dividerClassName) }));
|
|
506
556
|
})
|
|
507
557
|
);
|
|
508
|
-
}) : /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400", cardOptions == null ? void 0 : cardOptions.cardClassName) }, emptyContent)), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
|
|
558
|
+
}) : /* @__PURE__ */ React2__default.createElement(Card, { className: cn("w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName) }, emptyContent)), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
|
|
509
559
|
Pagination,
|
|
510
560
|
__spreadValues({
|
|
511
561
|
className: "mt-2",
|
|
@@ -538,6 +588,9 @@ function DefaultLoading({ loadingOptions }) {
|
|
|
538
588
|
}
|
|
539
589
|
return /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full h-[100px] flex justify-center items-center", spinnerOptions == null ? void 0 : spinnerOptions.boxClassName) }, /* @__PURE__ */ React2__default.createElement(Spinner, __spreadValues({ size: "sm", color: "primary" }, spinnerProps)), /* @__PURE__ */ React2__default.createElement("div", { className: cn("ml-2 text-[#64748B] text-sm", spinnerOptions == null ? void 0 : spinnerOptions.textClassName) }, (spinnerOptions == null ? void 0 : spinnerOptions.text) || "Loading..."));
|
|
540
590
|
}
|
|
591
|
+
function DefaultEmptyContent() {
|
|
592
|
+
return /* @__PURE__ */ React2__default.createElement("div", { className: "w-full h-[100px] flex justify-center items-center text-xs text-[#64748B] dark:text-[#cacaca]" }, "No Data");
|
|
593
|
+
}
|
|
541
594
|
function scrollIntoTop(target) {
|
|
542
595
|
if (target) {
|
|
543
596
|
const { top } = target.getBoundingClientRect();
|
|
@@ -547,7 +600,101 @@ function scrollIntoTop(target) {
|
|
|
547
600
|
});
|
|
548
601
|
}
|
|
549
602
|
}
|
|
603
|
+
function CollapseBodyRow({
|
|
604
|
+
classNames,
|
|
605
|
+
item,
|
|
606
|
+
columns,
|
|
607
|
+
rowCss,
|
|
608
|
+
onRowClick,
|
|
609
|
+
collapsedTableConfig,
|
|
610
|
+
collapsedTables
|
|
611
|
+
}) {
|
|
612
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
613
|
+
const collapsedHandlerPosition = (collapsedTableConfig == null ? void 0 : collapsedTableConfig.collapsedHandlerPosition) || "right";
|
|
614
|
+
const { OpenedIcon, ClosedIcon } = useMemo(() => {
|
|
615
|
+
const defaultOpenedIcon = /* @__PURE__ */ React2__default.createElement(ChevronDown, { size: 18 });
|
|
616
|
+
const defaultClosedIcon = collapsedHandlerPosition === "left" ? /* @__PURE__ */ React2__default.createElement(ChevronRight, { size: 18 }) : /* @__PURE__ */ React2__default.createElement(ChevronLeft, { size: 18 });
|
|
617
|
+
return {
|
|
618
|
+
OpenedIcon: (collapsedTableConfig == null ? void 0 : collapsedTableConfig.openedIcon) || defaultOpenedIcon,
|
|
619
|
+
ClosedIcon: (collapsedTableConfig == null ? void 0 : collapsedTableConfig.closedIcon) || defaultClosedIcon
|
|
620
|
+
};
|
|
621
|
+
}, []);
|
|
622
|
+
return /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(
|
|
623
|
+
"tr",
|
|
624
|
+
{
|
|
625
|
+
className: cn("text-xs cursor-pointer", classNames == null ? void 0 : classNames.tr, typeof rowCss === "function" ? rowCss(item) : rowCss),
|
|
626
|
+
onClick: (e) => {
|
|
627
|
+
onRowClick == null ? void 0 : onRowClick(item);
|
|
628
|
+
}
|
|
629
|
+
},
|
|
630
|
+
columns.map((column) => {
|
|
631
|
+
if (column.key === "$collapsedHandler") {
|
|
632
|
+
return /* @__PURE__ */ React2__default.createElement("td", { className: classNames == null ? void 0 : classNames.td }, /* @__PURE__ */ React2__default.createElement(
|
|
633
|
+
"div",
|
|
634
|
+
{
|
|
635
|
+
className: cn("w-6 h-6 flex items-center justify-center rounded-sm hover:bg-[#f3f3f4] dark:hover:bg-[#1e1e1e]", collapsedTableConfig == null ? void 0 : collapsedTableConfig.collapsedHandlerBoxCss),
|
|
636
|
+
onClick: (e) => {
|
|
637
|
+
e.stopPropagation();
|
|
638
|
+
setIsOpen((v) => !v);
|
|
639
|
+
}
|
|
640
|
+
},
|
|
641
|
+
isOpen ? OpenedIcon : ClosedIcon
|
|
642
|
+
));
|
|
643
|
+
}
|
|
644
|
+
return /* @__PURE__ */ React2__default.createElement("td", { key: column.key, className: cn("py-2 px-3 text-xs", classNames == null ? void 0 : classNames.td) }, column.render ? column.render(item) : renderFieldValue(item[column.key]));
|
|
645
|
+
})
|
|
646
|
+
), /* @__PURE__ */ React2__default.createElement("tr", { className: cn(classNames == null ? void 0 : classNames.tr, isOpen ? "table-row" : "hidden") }, /* @__PURE__ */ React2__default.createElement("td", { colSpan: columns.length + 1, className: cn("py-2 px-3 text-xs", classNames == null ? void 0 : classNames.td) }, collapsedTables.map((ex) => {
|
|
647
|
+
var _a, _b, _c, _d;
|
|
648
|
+
const exColumns = ex.columns;
|
|
649
|
+
const exData = item[ex.key];
|
|
650
|
+
return /* @__PURE__ */ React2__default.createElement("table", { className: cn("w-full h-auto table-auto", (_a = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _a.table), key: ex.key }, /* @__PURE__ */ React2__default.createElement("thead", { className: (_b = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _b.thead }, /* @__PURE__ */ React2__default.createElement("tr", { className: (_c = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _c.tr }, exColumns == null ? void 0 : exColumns.map((exC) => {
|
|
651
|
+
var _a2;
|
|
652
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
653
|
+
"th",
|
|
654
|
+
{
|
|
655
|
+
key: exC.key,
|
|
656
|
+
className: cn("px-3 h-10 text-xs text-left font-semibold bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none", (_a2 = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _a2.th)
|
|
657
|
+
},
|
|
658
|
+
exC.label
|
|
659
|
+
);
|
|
660
|
+
})), /* @__PURE__ */ React2__default.createElement("tr", { "aria-hidden": "true", className: "w-px h-px block ml-[0.25rem] mt-[0.25rem]" })), /* @__PURE__ */ React2__default.createElement("tbody", { className: (_d = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _d.tbody }, exData == null ? void 0 : exData.map((exItem) => {
|
|
661
|
+
var _a2;
|
|
662
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
663
|
+
"tr",
|
|
664
|
+
{
|
|
665
|
+
key: exItem.key,
|
|
666
|
+
className: cn(
|
|
667
|
+
"text-xs",
|
|
668
|
+
(_a2 = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _a2.tr,
|
|
669
|
+
typeof (collapsedTableConfig == null ? void 0 : collapsedTableConfig.rowCss) === "function" ? collapsedTableConfig == null ? void 0 : collapsedTableConfig.rowCss(__spreadProps(__spreadValues({}, exItem), {
|
|
670
|
+
$parent: item
|
|
671
|
+
})) : collapsedTableConfig == null ? void 0 : collapsedTableConfig.rowCss
|
|
672
|
+
),
|
|
673
|
+
onClick: (e) => {
|
|
674
|
+
var _a3;
|
|
675
|
+
(_a3 = collapsedTableConfig == null ? void 0 : collapsedTableConfig.onRowClick) == null ? void 0 : _a3.call(collapsedTableConfig, __spreadProps(__spreadValues({}, exItem), {
|
|
676
|
+
$parent: item
|
|
677
|
+
}));
|
|
678
|
+
}
|
|
679
|
+
},
|
|
680
|
+
exColumns == null ? void 0 : exColumns.map((exC) => {
|
|
681
|
+
var _a3;
|
|
682
|
+
return /* @__PURE__ */ React2__default.createElement(
|
|
683
|
+
"td",
|
|
684
|
+
{
|
|
685
|
+
key: exC.key,
|
|
686
|
+
className: cn("py-2 px-3 text-xs", (_a3 = collapsedTableConfig == null ? void 0 : collapsedTableConfig.classNames) == null ? void 0 : _a3.td)
|
|
687
|
+
},
|
|
688
|
+
exC.render ? exC.render(__spreadProps(__spreadValues({}, exItem), {
|
|
689
|
+
$parent: item
|
|
690
|
+
})) : renderFieldValue(exItem[exC.key])
|
|
691
|
+
);
|
|
692
|
+
})
|
|
693
|
+
);
|
|
694
|
+
})));
|
|
695
|
+
}))));
|
|
696
|
+
}
|
|
550
697
|
|
|
551
698
|
export { JSONTable };
|
|
552
699
|
//# sourceMappingURL=out.js.map
|
|
553
|
-
//# sourceMappingURL=chunk-
|
|
700
|
+
//# sourceMappingURL=chunk-HTEMNQ6U.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../components/JSONTable/index.tsx","../components/ui/dropdown-menu.tsx"],"names":["React","ChevronRight","sortableColumnsDefaultValue","columns","collapsedTables","keys","showCollapsedTables","sortedData","_a"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n Card,\n Divider,\n Pagination as NextuiPagination,\n PaginationProps,\n Spinner,\n SpinnerProps,\n} from '@nextui-org/react';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport { observer } from \"mobx-react-lite\";\nimport { PaginationState } from \"../../store/standard/PaginationState\";\nimport { SkeletonBox } from \"../Common/SkeletonBox\";\nimport { _ } from \"../../lib/lodash\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';\n\nexport type TableClassNames = {\n table?: string;\n thead?: string;\n tr?: string;\n th?: string;\n tbody?: string;\n td?: string;\n}\n\nexport type HeaderKeys<T extends Record<string, any>> = Array<keyof T | '$actions'>;\n\nexport type ColumnConfig<T> = {\n label?: React.ReactNode;\n hidden?: boolean;\n sortable?: boolean;\n sortKey?: string;\n order?: number;\n render?: (item: T) => any;\n labelClassName?: string;\n valueClassName?: string;\n}\n\nexport type ColumnOptions<T> = {\n [key in keyof T]?: ColumnConfig<T>;\n} & {\n $actions?: ColumnConfig<T>;\n};\n\ntype Column<T> = {\n key: string;\n label: React.ReactNode;\n render?: (item: T) => any;\n};\n\ntype CollapsedTable<U> = {\n key: string;\n columns: Column<U>[];\n};\n\nexport type CardOptions = {\n boxClassName?: string;\n cardClassName?: string;\n itemClassName?: string;\n showDivider?: boolean;\n dividerClassName?: string;\n};\n\nexport type LoadingOptions = {\n type?: 'skeleton' | 'spinner';\n skeleton?: {\n boxClassName?: string;\n skeletonClassName?: string;\n line?: number;\n };\n spinner?: {\n boxClassName?: string;\n spinnerProps?: SpinnerProps;\n text?: string;\n textClassName?: string;\n };\n};\n\nexport type SortingUIOptions = {\n showDropdown?: boolean;\n dropdownTriggerBtnClassName?: string;\n dropdownContentClassName?: string;\n dropdownItemClassName?: string;\n titles?: {\n asc?: string;\n desc?: string;\n none?: string;\n };\n};\n\nexport type CollapsedTableConfig<T> = {\n classNames?: TableClassNames;\n options: {\n key: keyof T;\n headerKeys: string[];\n columnOptions: ColumnOptions<any>;\n }[];\n collapsedHandlerPosition?: 'left' | 'right';\n collapsedHandlerBoxCss?: string;\n openedIcon?: React.ReactNode;\n closedIcon?: React.ReactNode;\n onRowClick?: (item: any) => void;\n rowCss?: string | ((item: any) => string | undefined);\n}\n\nexport interface JSONTableProps<T extends Record<string, any>> {\n className?: string;\n classNames?: TableClassNames;\n rowKey?: string;\n dataSource: T[];\n headerKeys?: HeaderKeys<T>;\n columnOptions?: ColumnOptions<T>;\n isServerPaging?: boolean;\n pagination?: PaginationState;\n nextuiPaginationProps?: PaginationProps | {};\n showPagination?: boolean;\n onRowClick?: (item: T) => void;\n rowCss?: string | ((item: T) => string | undefined);\n asCard?: boolean;\n cardOptions?: CardOptions;\n autoScrollToTop?: boolean;\n emptyContent?: React.ReactNode;\n isLoading?: boolean;\n loadingOptions?: LoadingOptions;\n loadingContent?: React.ReactNode;\n isHeaderSticky?: boolean;\n sortingUIOptions?: SortingUIOptions;\n collapsedTableConfig?: CollapsedTableConfig<T>;\n}\n\nexport const JSONTable = observer(<T extends Record<string, any>>(props: JSONTableProps<T>) => {\n const {\n className,\n classNames = {},\n dataSource = [],\n columnOptions,\n headerKeys,\n isServerPaging,\n pagination = new PaginationState({\n page: 1,\n limit: 8,\n }),\n nextuiPaginationProps = {},\n showPagination = true,\n rowKey,\n onRowClick,\n rowCss,\n asCard = false,\n cardOptions = {\n boxClassName: '',\n cardClassName: '',\n itemClassName: '',\n showDivider: true,\n dividerClassName: '',\n },\n autoScrollToTop = false,\n emptyContent,\n isLoading = false,\n loadingOptions,\n loadingContent,\n isHeaderSticky = false,\n sortingUIOptions,\n collapsedTableConfig\n } = props;\n const [sortableColumnsMap, setSortableColumnsMap] = useState<{ [k: string]: 'asc' | 'desc' | 'none' }>({});\n const [sortedData, setSortedData] = useState<T[]>(dataSource);\n const tableBoxRef = useRef<HTMLDivElement>(null);\n const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {\n const firstData = dataSource[0];\n\n const allKeys = firstData ? Object.keys(firstData) : [];\n const keys = headerKeys ? headerKeys : columnOptions ? allKeys.filter((key) => !columnOptions[key]?.hidden) : allKeys;\n if (!keys.includes('$actions') && columnOptions && columnOptions['$actions']) {\n keys.push('$actions');\n }\n\n const sortableColumnsDefaultValue: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n\n let columns: Column<T>[] = keys.map((key: string) => {\n const sortable = columnOptions?.[key]?.sortable;\n if (sortable) {\n sortableColumnsDefaultValue[key] = 'none';\n }\n return {\n key,\n label: columnOptions?.[key]?.label || (key === '$actions' ? '' : key),\n render: columnOptions?.[key]?.render,\n };\n });\n\n if (!headerKeys && columnOptions) {\n columns.sort((a, b) => {\n const aOrder = columnOptions[a.key]?.order || 0;\n const bOrder = columnOptions[b.key]?.order || 0;\n return bOrder - aOrder;\n });\n }\n\n let collapsedTables: CollapsedTable<any>[] = [];\n if (firstData && collapsedTableConfig?.options) {\n const collapsedTableOptions = collapsedTableConfig.options;\n collapsedTables = collapsedTableOptions\n .filter((item) => {\n return Array.isArray(firstData[item.key]);\n })\n .map((item) => {\n const index = columns.findIndex((c) => c.key === item.key);\n if (index > -1) {\n columns.splice(index, 1);\n }\n const keys = item.headerKeys || [];\n if (!keys.includes('$actions') && item.columnOptions && item.columnOptions['$actions']) {\n keys.push('$actions');\n }\n return {\n key: item.key as string,\n columns: keys.map((k) => {\n const option = item.columnOptions[k];\n return {\n key: k,\n label: option?.label || k,\n render: option?.render,\n };\n }),\n };\n })\n }\n\n const showCollapsedTables = collapsedTables.length > 0;\n if (showCollapsedTables) {\n const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n if (collapsedHandlerPosition === 'right') {\n columns.push({\n key: '$collapsedHandler',\n label: '',\n })\n } else {\n columns = [{ key: '$collapsedHandler', label: '' }, ...columns];\n }\n }\n\n return {\n columns,\n sortableColumnsDefaultValue,\n showCollapsedTables,\n collapsedTables,\n };\n }, [dataSource, columnOptions]);\n\n useEffect(() => {\n setSortableColumnsMap(sortableColumnsDefaultValue);\n }, [sortableColumnsDefaultValue]);\n\n useEffect(() => {\n setSortedData(dataSource);\n if (!isServerPaging) {\n pagination.setData({\n total: dataSource.length,\n });\n }\n }, [dataSource]);\n\n const data = (isServerPaging || !showPagination) ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n if (asCard) {\n return (\n <CardUI\n className={className}\n rowKey={rowKey}\n data={data}\n columns={columns}\n columnOptions={columnOptions}\n cardOptions={cardOptions}\n pagination={pagination}\n nextuiPaginationProps={nextuiPaginationProps}\n showPagination={showPagination}\n onRowClick={onRowClick}\n autoScrollToTop={autoScrollToTop}\n emptyContent={emptyContent}\n isLoading={isLoading}\n loadingOptions={loadingOptions}\n loadingContent={loadingContent}\n />\n );\n }\n\n return (\n <>\n <div className={cn('relative w-full', className)} ref={tableBoxRef}>\n <table className={cn('w-full h-auto table-auto', classNames.table)}>\n <thead className={cn(classNames.thead, { 'sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg': isHeaderSticky })}>\n <tr className={classNames.tr}>\n {columns.map((item) => (\n <th\n key={item.key}\n className={cn('px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', classNames.th)}\n >\n <div className=\"flex items-center\">\n <span>{item.label}</span>\n {!!sortableColumnsMap[item.key] && (\n <SortingComponent\n sortingUIOptions={sortingUIOptions}\n columnOptions={columnOptions}\n sortableColumnsMap={sortableColumnsMap}\n item={item}\n onSort={({ type, key, sortKey }) => {\n const { sortableColumns, sortedData } = sortData({\n type,\n key,\n sortKey,\n sortableColumnsMap,\n dataSource,\n });\n setSortableColumnsMap(sortableColumns);\n setSortedData(sortedData);\n }}\n />\n )}\n </div>\n </th>\n ))}\n </tr>\n <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n </thead>\n {isLoading ? (\n <tbody className={classNames.tbody}>\n <tr className={classNames.tr}>\n <td\n className={classNames.td}\n colSpan={columns.length}\n >\n {loadingContent || DefaultLoading({ loadingOptions })}\n </td>\n </tr>\n </tbody>\n ) : data.length > 0 ? (\n <tbody className={classNames.tbody}>\n {\n showCollapsedTables ?\n data.map(item => {\n return (\n <CollapseBodyRow\n classNames={classNames}\n item={item}\n columns={columns}\n rowCss={rowCss}\n onRowClick={onRowClick}\n collapsedTableConfig={collapsedTableConfig}\n collapsedTables={collapsedTables}\n />\n )\n })\n : data.map((item, index) => {\n return (\n <tr\n key={rowKey ? item[rowKey] || index : index}\n className={cn(classNames.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n onClick={() => {\n onRowClick?.(item);\n }}\n >\n {columns.map((column) => {\n return (\n <td\n key={column.key}\n className={cn('py-2 px-3 text-xs', classNames.td)}\n >\n {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n </td>\n )\n })}\n </tr>\n );\n })\n }\n </tbody>\n ) : (\n <tbody className={classNames.tbody}>\n <tr className={classNames.tr}>\n <td\n className={classNames.td}\n colSpan={columns.length}\n >\n {emptyContent ?? <DefaultEmptyContent />}\n </td>\n </tr>\n </tbody>\n )}\n </table>\n </div>\n {showPagination && pagination.total > pagination.limit && (\n <div className=\"flex justify-center\">\n <NextuiPagination\n className=\"mt-2\"\n showControls\n showShadow\n size=\"sm\"\n radius=\"sm\"\n color=\"primary\"\n initialPage={1}\n total={Math.ceil(pagination.total / pagination.limit)}\n page={pagination.page}\n onChange={(currentPage) => {\n pagination.setData({\n page: currentPage,\n });\n if (autoScrollToTop && tableBoxRef.current) {\n scrollIntoTop(tableBoxRef.current);\n }\n }}\n {...nextuiPaginationProps}\n />\n </div>\n )}\n </>\n );\n});\n\nfunction renderFieldValue(v: any) {\n if (typeof v == 'string' || typeof v == 'number') {\n return v;\n }\n if (v == null) {\n return null;\n }\n return JSON.stringify(v);\n}\n\nfunction sortData<T>({\n sortKey,\n key,\n type,\n sortableColumnsMap,\n dataSource,\n}: {\n sortKey: string | undefined;\n key: string;\n type: 'asc' | 'desc' | 'none';\n sortableColumnsMap: {\n [k: string]: 'asc' | 'desc' | 'none';\n };\n dataSource: T[];\n}) {\n const sortableColumns: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n Object.keys(sortableColumnsMap).map((k) => {\n sortableColumns[k] = k === key ? type : 'none';\n });\n let sortedData = dataSource;\n if (type !== 'none') {\n const result = _.orderBy(\n dataSource,\n (o) => {\n const v = _.get(o, sortKey || key);\n if (v == null) {\n return type === 'desc' ? '' : v;\n }\n if (typeof v === 'string') {\n const _v = Number(v);\n if (isNaN(_v)) {\n return v.toLowerCase();\n } else {\n return _v;\n }\n }\n return v;\n },\n type,\n );\n sortedData = result;\n }\n return {\n sortableColumns,\n sortedData,\n };\n}\n\nfunction SortingComponent<T>({\n sortingUIOptions,\n columnOptions,\n sortableColumnsMap,\n item,\n onSort,\n}: {\n sortingUIOptions: SortingUIOptions;\n columnOptions?: ColumnOptions<T>;\n sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n item: Column<T>;\n onSort: (e: { type: 'asc' | 'desc' | 'none'; key: string; sortKey: string }) => void;\n}) {\n if (sortingUIOptions?.showDropdown) {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger>\n <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n {sortableColumnsMap[item.key] === 'desc' && <ChevronDown size={14} />}\n {sortableColumnsMap[item.key] === 'asc' && <ChevronUp size={14} />}\n {sortableColumnsMap[item.key] === 'none' && <ChevronsUpDown size={14} />}\n </button>\n </DropdownMenuTrigger>\n <DropdownMenuContent className={cn('p-2 space-y-1 min-w-[4rem]', sortingUIOptions?.dropdownContentClassName)} collisionPadding={10} sideOffset={5}>\n <DropdownMenuItem\n className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n onClick={() => {\n onSort({\n type: 'asc',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n >\n {sortingUIOptions?.titles?.asc || 'ASC'}\n </DropdownMenuItem>\n <DropdownMenuItem\n className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n onClick={() => {\n onSort({\n type: 'desc',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n >\n {sortingUIOptions?.titles?.desc || 'DESC'}\n </DropdownMenuItem>\n <DropdownMenuItem\n className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n onClick={() => {\n onSort({\n type: 'none',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n >\n {sortingUIOptions?.titles?.none || 'NONE'}\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n }\n\n return (\n <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n {sortableColumnsMap[item.key] === 'none' && (\n <ChevronsUpDown\n size={14}\n onClick={() => {\n onSort({\n type: 'desc',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n />\n )}\n {sortableColumnsMap[item.key] === 'desc' && (\n <ChevronDown\n size={14}\n onClick={() => {\n onSort({\n type: 'asc',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n />\n )}\n {sortableColumnsMap[item.key] === 'asc' && (\n <ChevronUp\n size={14}\n onClick={() => {\n onSort({\n type: 'none',\n key: item.key,\n sortKey: columnOptions?.[item.key]?.sortKey,\n });\n }}\n />\n )}\n </button>\n );\n}\n\nfunction CardUI<T>({\n className,\n data,\n columns,\n columnOptions,\n rowKey,\n cardOptions,\n pagination,\n nextuiPaginationProps,\n showPagination,\n onRowClick,\n autoScrollToTop,\n emptyContent,\n isLoading,\n loadingOptions,\n loadingContent,\n}: {\n className?: string;\n data: T[];\n columns: Column<T>[];\n columnOptions?: ColumnOptions<T>;\n rowKey?: string;\n cardOptions?: CardOptions;\n pagination: PaginationState;\n nextuiPaginationProps: PaginationProps | {};\n showPagination: boolean;\n onRowClick?: (item: T) => void;\n autoScrollToTop?: boolean;\n emptyContent?: React.ReactNode;\n isLoading?: boolean;\n loadingOptions?: LoadingOptions;\n loadingContent?: React.ReactNode;\n}) {\n const cardBoxRef = useRef<HTMLDivElement>(null);\n return (\n <div className={className} ref={cardBoxRef}>\n <div className={cn('space-y-2', cardOptions?.boxClassName)}>\n {isLoading ? (\n loadingContent ? (\n <Card className={cn('w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg', cardOptions?.cardClassName)}>{loadingContent}</Card>\n ) : (\n <DefaultLoading loadingOptions={loadingOptions} />\n )\n ) : data.length > 0 ? (\n data.map((item, index) => {\n return (\n <Card\n key={rowKey ? item[rowKey] || index : index}\n className={cn('w-full shadow-sm p-4 rounded-lg', cardOptions?.cardClassName)}\n isPressable={!!onRowClick}\n onPress={() => {\n onRowClick?.(item);\n }}\n >\n {columns.map((column, i) => {\n const option = columnOptions?.[column.key];\n return (\n <div className=\"w-full\" key={column.key}>\n <div className={cn('w-full', cardOptions?.itemClassName)}>\n <div className={cn('font-meidum text-xs text-foreground-400', option?.labelClassName)}>{column.label}</div>\n <div className={cn('text-xs', option?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n </div>\n {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn('my-2', cardOptions?.dividerClassName)} />}\n </div>\n );\n })}\n </Card>\n );\n })\n ) : (\n <Card className={cn('w-full h-40 flex flex-col justify-center items-center p-4 shadow-sm text-foreground-400 rounded-lg', cardOptions?.cardClassName)}>{emptyContent}</Card>\n )}\n </div>\n {showPagination && pagination.total > pagination.limit && (\n <div className=\"flex justify-center\">\n <NextuiPagination\n className='mt-2'\n showControls\n showShadow\n size=\"sm\"\n radius=\"sm\"\n color=\"primary\"\n initialPage={1}\n total={Math.ceil(pagination.total / pagination.limit)}\n page={pagination.page}\n onChange={(currentPage) => {\n pagination.setData({\n page: currentPage,\n });\n if (autoScrollToTop && cardBoxRef.current) {\n scrollIntoTop(cardBoxRef.current);\n }\n }}\n {...nextuiPaginationProps}\n />\n </div>\n )}\n </div>\n );\n}\n\nfunction DefaultLoading({ loadingOptions }: { loadingOptions?: LoadingOptions }) {\n const type = loadingOptions?.type || 'skeleton';\n const skeletonOptions = loadingOptions?.skeleton;\n const spinnerOptions = loadingOptions?.spinner;\n const spinnerProps = spinnerOptions?.spinnerProps || {};\n\n if (type === 'skeleton') {\n return <SkeletonBox className={cn('mt-2 flex-col', skeletonOptions?.boxClassName)} skClassName={cn('h-[30px] rounded', skeletonOptions?.skeletonClassName)} line={skeletonOptions?.line || 5} />;\n }\n\n return (\n <div className={cn('w-full h-[100px] flex justify-center items-center', spinnerOptions?.boxClassName)}>\n <Spinner size=\"sm\" color=\"primary\" {...spinnerProps} />\n <div className={cn('ml-2 text-[#64748B] text-sm', spinnerOptions?.textClassName)}>{spinnerOptions?.text || 'Loading...'}</div>\n </div>\n );\n}\n\nfunction DefaultEmptyContent() {\n return <div className=\"w-full h-[100px] flex justify-center items-center text-xs text-[#64748B] dark:text-[#cacaca]\">No Data</div>;\n}\n\nfunction scrollIntoTop(target: HTMLElement) {\n if (target) {\n const { top } = target.getBoundingClientRect();\n window.scrollTo({\n top: top + window.scrollY - 100,\n behavior: 'smooth',\n });\n }\n}\n\nfunction CollapseBodyRow<T>({\n classNames,\n item,\n columns,\n rowCss,\n onRowClick,\n collapsedTableConfig,\n collapsedTables,\n}: {\n classNames?: TableClassNames;\n item: T;\n columns: Column<T>[];\n rowCss?: string | ((item: T) => string | undefined),\n onRowClick?: (item: T) => void;\n collapsedTableConfig?: {\n classNames?: TableClassNames;\n collapsedHandlerPosition?: 'left' | 'right';\n collapsedHandlerBoxCss?: string;\n openedIcon?: React.ReactNode;\n closedIcon?: React.ReactNode;\n onRowClick?: (item: any) => void;\n rowCss?: string | ((item: any) => string | undefined);\n };\n collapsedTables: CollapsedTable<any>[];\n}) {\n const [isOpen, setIsOpen] = useState(false);\n const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n\n const { OpenedIcon, ClosedIcon } = useMemo(() => {\n const defaultOpenedIcon = <ChevronDown size={18} />;\n const defaultClosedIcon = collapsedHandlerPosition === 'left' ? <ChevronRight size={18} /> : <ChevronLeft size={18} />;\n return {\n OpenedIcon: collapsedTableConfig?.openedIcon || defaultOpenedIcon,\n ClosedIcon: collapsedTableConfig?.closedIcon || defaultClosedIcon,\n };\n }, []);\n\n return (\n <>\n <tr\n className={cn('text-xs cursor-pointer', classNames?.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n onClick={(e: any) => {\n onRowClick?.(item);\n }}\n >\n {columns.map((column) => {\n if (column.key === '$collapsedHandler') {\n return (\n <td className={classNames?.td}>\n <div className={cn(\"w-6 h-6 flex items-center justify-center rounded-sm hover:bg-[#f3f3f4] dark:hover:bg-[#1e1e1e]\", collapsedTableConfig?.collapsedHandlerBoxCss)}\n onClick={(e) => {\n e.stopPropagation();\n setIsOpen((v) => !v);\n }}\n >\n {isOpen ? OpenedIcon : ClosedIcon}\n </div>\n </td>\n );\n }\n return (\n <td key={column.key} className={cn(\"py-2 px-3 text-xs\", classNames?.td)}>\n {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n </td>\n );\n })}\n </tr>\n <tr className={cn(classNames?.tr, isOpen ? 'table-row' : 'hidden')}>\n <td colSpan={columns.length + 1} className={cn(\"py-2 px-3 text-xs\", classNames?.td)}>\n {collapsedTables.map((ex) => {\n const exColumns = ex.columns;\n const exData = item[ex.key];\n return (\n <table className={cn(\"w-full h-auto table-auto\", collapsedTableConfig?.classNames?.table)} key={ex.key}>\n <thead className={collapsedTableConfig?.classNames?.thead}>\n <tr className={collapsedTableConfig?.classNames?.tr}>\n {exColumns?.map((exC) => {\n return (\n <th\n key={exC.key}\n className={cn('px-3 h-10 text-xs text-left font-semibold bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', collapsedTableConfig?.classNames?.th)}\n >\n {exC.label}\n </th>\n );\n })}\n </tr>\n <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n </thead>\n <tbody className={collapsedTableConfig?.classNames?.tbody}>\n {exData?.map((exItem) => (\n <tr\n key={exItem.key}\n className={cn('text-xs',\n collapsedTableConfig?.classNames?.tr,\n typeof collapsedTableConfig?.rowCss === 'function'\n ? collapsedTableConfig?.rowCss({\n ...exItem,\n $parent: item,\n })\n : collapsedTableConfig?.rowCss\n )}\n onClick={(e: any) => {\n collapsedTableConfig?.onRowClick?.({\n ...exItem,\n $parent: item,\n });\n }}\n >\n {exColumns?.map((exC) => {\n return (\n <td\n key={exC.key}\n className={cn('py-2 px-3 text-xs', collapsedTableConfig?.classNames?.td)}\n >\n {exC.render\n ? exC.render({\n ...exItem,\n $parent: item,\n })\n : renderFieldValue(exItem[exC.key])}\n </td>\n );\n })}\n </tr>\n ))}\n </tbody>\n </table>\n );\n })}\n </td>\n </tr>\n </>\n )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuArrow = DropdownMenuPrimitive.Arrow\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-white dark:bg-[#18181B] border dark:border-none p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-lg bg-white dark:bg-[#18181B] border dark:border-[#3e3e3e] p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n \"px-2 py-1.5 text-sm font-semibold\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n DropdownMenuArrow,\n}\n"]}
|
|
@@ -4,18 +4,18 @@ import { useLocalObservable } from 'mobx-react-lite';
|
|
|
4
4
|
|
|
5
5
|
// store/root.ts
|
|
6
6
|
var MyEmitter = class extends EventEmitter {
|
|
7
|
-
emit(type, ...args) {
|
|
8
|
-
if (process.env.NODE_ENV == "development") {
|
|
9
|
-
super.emit("*", { type, args });
|
|
10
|
-
}
|
|
11
|
-
return super.emit(type, ...args) || super.emit("", ...args);
|
|
12
|
-
}
|
|
13
7
|
constructor() {
|
|
14
8
|
super();
|
|
15
9
|
makeObservable(this, {
|
|
16
10
|
// metas: true,
|
|
17
11
|
});
|
|
18
12
|
}
|
|
13
|
+
emit(type, ...args) {
|
|
14
|
+
if (process.env.NODE_ENV == "development") {
|
|
15
|
+
super.emit("*", { type, args });
|
|
16
|
+
}
|
|
17
|
+
return super.emit(type, ...args) || super.emit("", ...args);
|
|
18
|
+
}
|
|
19
19
|
};
|
|
20
20
|
var RootStore = class _RootStore {
|
|
21
21
|
constructor(args = {}) {
|
|
@@ -116,4 +116,4 @@ var useStore = () => RootStore.init();
|
|
|
116
116
|
|
|
117
117
|
export { RootStore, rootStore, useStore };
|
|
118
118
|
//# sourceMappingURL=out.js.map
|
|
119
|
-
//# sourceMappingURL=chunk-
|
|
119
|
+
//# sourceMappingURL=chunk-IDKGZ5T4.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../store/root.ts","../store/index.ts"],"names":[],"mappings":";AAAA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,sBAAsB;AAGnD,SAAS,0BAA0B;AAO5B,IAAM,YAAN,cAAwB,aAAa;AAAA,
|
|
1
|
+
{"version":3,"sources":["../store/root.ts","../store/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { EventEmitter } from \"events\";\nimport { makeAutoObservable, makeObservable } from \"mobx\";\nimport type TypedEmitter from \"typed-emitter\";\nimport { type Store, type StoreClass } from \"./standard/base\";\nimport { useLocalObservable } from \"mobx-react-lite\";\n\nexport type EventMap = {\n \"*\": (args: any) => void;\n add: (store: Store) => void;\n};\n\nexport class MyEmitter extends EventEmitter {\n // metas: Record<string, { count: number }> = {};\n _events: Record<string, any>;\n emit(type: any, ...args: any[]) {\n if (process.env.NODE_ENV == \"development\") {\n super.emit(\"*\", { type, args });\n }\n // if (!this.metas[type]) {\n // this.metas[type] = { count: 0 };\n // }\n // this.metas[type].count++;\n return super.emit(type, ...args) || super.emit(\"\", ...args);\n }\n constructor() {\n super();\n makeObservable(this, {\n // metas: true,\n });\n }\n}\n\nexport class RootStore<T extends EventMap = any> {\n instanceMap = new Map<Function, Map<string, Store>>();\n instance: Record<string, Store> = {};\n\n providers: Store[] = [];\n\n events: TypedEmitter<T> = new MyEmitter() as TypedEmitter<T>;\n isInited = false;\n\n static init<T extends EventMap>(args: Partial<RootStore<T>> = {}): RootStore<T> {\n if (!globalThis.store) {\n //@ts-ignore\n globalThis.store = new RootStore(args);\n }\n\n return globalThis.store;\n }\n\n add(store: Store, { sid }: { sid?: string } = {}) {\n if (store.disabled) {\n return;\n }\n\n const instanceMapId = sid ? sid : \"singleton\";\n const instanceId = sid ? sid : store.sid;\n\n if (!this.has(store.constructor)) {\n this.instanceMap.set(store.constructor, new Map());\n }\n\n if (this.instanceMap.get(store.constructor).get(instanceMapId)) {\n console.error(`Store ${store.sid} already exists`);\n return;\n throw new Error(`Store ${store.sid} already exists`);\n }\n if (store.autoObservable) {\n makeAutoObservable(store);\n }\n if (store.provider) {\n this.providers.push(store);\n }\n if (store.onNewStore) {\n this.events.on(\"add\", (e: Store) => {\n store.onNewStore({ rootStore: this, store: e });\n });\n }\n\n if (store.onAdded) {\n store.onAdded({ rootStore: this });\n }\n if (store.stores) {\n this.addStores(store.stores);\n }\n\n if (store.events) {\n Object.entries(store.events).forEach(([event, val]) => {\n this.events.on(val.name as any, val.handler);\n });\n }\n\n // if (helper.env.isBrowser && store.onKeyBindings) {\n // const res = store.onKeyBindings()\n // res.forEach(({ key, fn }: { key: string[], fn: (ev: KeyboardEvent) => void }) => {\n // useEffect(() => {\n // window.addEventListener(\"keydown\", fn);\n // return () => {\n // window.removeEventListener(\"keydown\", fn);\n // }\n // }, [])\n // })\n // }\n\n this.instanceMap.get(store.constructor).set(instanceMapId, store);\n this.instance[instanceId] = store;\n //@ts-ignore\n this.events.emit(\"add\", store);\n\n if (store.init) {\n store.init();\n }\n // this.crawlStore(store);\n }\n\n addStores(store: Store[]) {\n store.forEach((i) => this.add(i));\n return this;\n }\n\n get<T extends Store>(store: StoreClass<T>, config: { sid?: string; args?: Partial<T> } = {}): T {\n const instanceMapId = config.sid ? config.sid : \"singleton\";\n const valid = this.instanceMap.has(store) && this.instanceMap.get(store).has(instanceMapId);\n if (!valid) {\n this.add(new store(config.args || {}), config);\n }\n return this.instanceMap.get(store).get(instanceMapId) as T;\n }\n\n public has(store: Function): boolean {\n return this.instanceMap.has(store);\n }\n\n constructor(args: Partial<RootStore<T>> = {}) {\n Object.assign(this, args);\n makeObservable(this, {\n providers: true,\n });\n this.crawlStore(this);\n }\n\n crawlStore(obj: Object) {\n Object.values(obj).forEach((value) => {\n if (value?.sid) {\n this.add(value);\n }\n });\n }\n\n static Get<T extends Store>(store: StoreClass<T>, config: { sid?: string; args?: Partial<T> } = {}): T {\n return this.init().get(store, config);\n }\n\n static Local<T>(func: () => T, config: { sid?: string; args?: Partial<T> } = {}, ann?: any): T {\n const val = useLocalObservable(func, ann);\n RootStore.init().instance[\"Local.\" + config.sid] = val;\n return val;\n }\n}\n","import { RootStore, EventMap } from \"./root\";\n\nexport const rootStore = RootStore.init<EventMap>();\n\nexport const useStore = () => RootStore.init();\n\nexport { RootStore };\n"]}
|
|
@@ -9,7 +9,7 @@ var ToastPlugin = class {
|
|
|
9
9
|
Toaster,
|
|
10
10
|
{
|
|
11
11
|
toastOptions: {
|
|
12
|
-
className: "!bg-[#fff] !text-[#000] dark:!bg-[#
|
|
12
|
+
className: "!bg-[#fff] !text-[#000] dark:!bg-[#131218] dark:!text-[#fff] !rounded-md !shadow-md"
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
);
|
|
@@ -25,4 +25,4 @@ var ToastPlugin = class {
|
|
|
25
25
|
|
|
26
26
|
export { ToastPlugin };
|
|
27
27
|
//# sourceMappingURL=out.js.map
|
|
28
|
-
//# sourceMappingURL=chunk-
|
|
28
|
+
//# sourceMappingURL=chunk-IMOLRP7I.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../module/Toast/Toast.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,SAAS,eAAe;AAGxB,IAAM,cAAN,MAAmC;AAAA,EAAnC;AACL,eAAM;AACN,oBAAW,MACT;AAAA,MAAC;AAAA;AAAA,QACC,cAAc;AAAA,UACZ,WAAW;AAAA,QACb;AAAA;AAAA,IACF;AAGF,mBAAU,MAAM;AAChB,iBAAQ,MAAM;AACd,mBAAU,MAAM;AAChB,kBAAS,MAAM;AACf,mBAAU,MAAM;AAChB,kBAAS,MAAM;AACf,mBAAU,MAAM;AAAA;AAClB","sourcesContent":["import React from \"react\";\nimport toast, { Toaster } from \"react-hot-toast\";\nimport { type Store } from \"../../store/standard/base\";\n\nexport class ToastPlugin implements Store {\n sid = \"ToastPlugin\";\n provider = () => (\n <Toaster\n toastOptions={{\n className: '!bg-[#fff] !text-[#000] dark:!bg-[#
|
|
1
|
+
{"version":3,"sources":["../module/Toast/Toast.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,SAAS,eAAe;AAGxB,IAAM,cAAN,MAAmC;AAAA,EAAnC;AACL,eAAM;AACN,oBAAW,MACT;AAAA,MAAC;AAAA;AAAA,QACC,cAAc;AAAA,UACZ,WAAW;AAAA,QACb;AAAA;AAAA,IACF;AAGF,mBAAU,MAAM;AAChB,iBAAQ,MAAM;AACd,mBAAU,MAAM;AAChB,kBAAS,MAAM;AACf,mBAAU,MAAM;AAChB,kBAAS,MAAM;AACf,mBAAU,MAAM;AAAA;AAClB","sourcesContent":["import React from \"react\";\nimport toast, { Toaster } from \"react-hot-toast\";\nimport { type Store } from \"../../store/standard/base\";\n\nexport class ToastPlugin implements Store {\n sid = \"ToastPlugin\";\n provider = () => (\n <Toaster\n toastOptions={{\n className: '!bg-[#fff] !text-[#000] dark:!bg-[#131218] dark:!text-[#fff] !rounded-md !shadow-md',\n }}\n />\n );\n\n success = toast.success;\n error = toast.error;\n loading = toast.loading;\n custom = toast.custom;\n dismiss = toast.dismiss;\n remove = toast.remove;\n promise = toast.promise;\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from './chunk-
|
|
1
|
+
import { cn } from './chunk-WYGQ3Y4R.mjs';
|
|
2
2
|
import { Skeleton } from '@nextui-org/react';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
@@ -26,4 +26,4 @@ var SkeletonBox = ({
|
|
|
26
26
|
|
|
27
27
|
export { SkeletonBox };
|
|
28
28
|
//# sourceMappingURL=out.js.map
|
|
29
|
-
//# sourceMappingURL=chunk-
|
|
29
|
+
//# sourceMappingURL=chunk-J5PZWR2P.mjs.map
|