@zentauri-ui/zentauri-components 2.1.5 → 2.1.7
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/README.md +12 -8
- package/cli/cli.integration.test.ts +36 -0
- package/cli/index.mjs +91 -12
- package/cli/index.test.ts +180 -0
- package/cli/props.json +609 -14
- package/cli/registry.json +22 -0
- package/cli/rewrite-imports.mjs +29 -4
- package/cli/rewrite-imports.test.ts +35 -0
- package/dist/{chunk-RENXBUZY.js → chunk-5ELR6MIN.js} +6 -6
- package/dist/{chunk-RENXBUZY.js.map → chunk-5ELR6MIN.js.map} +1 -1
- package/dist/chunk-5FU57ZVQ.js +19 -0
- package/dist/{chunk-D2GISTDL.js.map → chunk-5FU57ZVQ.js.map} +1 -1
- package/dist/chunk-74SKXGTM.js +4 -0
- package/dist/chunk-74SKXGTM.js.map +1 -0
- package/dist/{chunk-WBZKMSXW.mjs → chunk-7UXPXCKV.mjs} +3 -3
- package/dist/{chunk-WBZKMSXW.mjs.map → chunk-7UXPXCKV.mjs.map} +1 -1
- package/dist/chunk-COCPCZMR.mjs +77 -0
- package/dist/chunk-COCPCZMR.mjs.map +1 -0
- package/dist/chunk-CYKSS5S5.mjs +128 -0
- package/dist/chunk-CYKSS5S5.mjs.map +1 -0
- package/dist/chunk-DBNGLT5U.mjs +221 -0
- package/dist/chunk-DBNGLT5U.mjs.map +1 -0
- package/dist/{chunk-BL6UVCV7.mjs → chunk-FUCW5GPE.mjs} +36 -11
- package/dist/chunk-FUCW5GPE.mjs.map +1 -0
- package/dist/chunk-G7FVHZRB.js +225 -0
- package/dist/chunk-G7FVHZRB.js.map +1 -0
- package/dist/chunk-HMDH4BQJ.js +123 -0
- package/dist/chunk-HMDH4BQJ.js.map +1 -0
- package/dist/chunk-I7EBE7BD.js +98 -0
- package/dist/chunk-I7EBE7BD.js.map +1 -0
- package/dist/{chunk-PAG5CTLN.mjs → chunk-KVSRUAXP.mjs} +3 -3
- package/dist/{chunk-PAG5CTLN.mjs.map → chunk-KVSRUAXP.mjs.map} +1 -1
- package/dist/chunk-LHBJD57K.mjs +143 -0
- package/dist/chunk-LHBJD57K.mjs.map +1 -0
- package/dist/chunk-OYAJG2BO.js +83 -0
- package/dist/chunk-OYAJG2BO.js.map +1 -0
- package/dist/chunk-PG7LQVU6.js +86 -0
- package/dist/chunk-PG7LQVU6.js.map +1 -0
- package/dist/chunk-PTU5ZAYX.js +145 -0
- package/dist/chunk-PTU5ZAYX.js.map +1 -0
- package/dist/chunk-QKO5DA4N.mjs +81 -0
- package/dist/chunk-QKO5DA4N.mjs.map +1 -0
- package/dist/chunk-T7PIKDUZ.js +130 -0
- package/dist/chunk-T7PIKDUZ.js.map +1 -0
- package/dist/chunk-TDK5TVJE.mjs +3 -0
- package/dist/chunk-TDK5TVJE.mjs.map +1 -0
- package/dist/{chunk-NZSZE36T.js → chunk-TJ2EWPER.js} +42 -10
- package/dist/chunk-TJ2EWPER.js.map +1 -0
- package/dist/chunk-VBNW2B4D.mjs +3 -0
- package/dist/chunk-VBNW2B4D.mjs.map +1 -0
- package/dist/chunk-W6DO36XD.mjs +96 -0
- package/dist/chunk-W6DO36XD.mjs.map +1 -0
- package/dist/chunk-XR3J46TZ.js +4 -0
- package/dist/chunk-XR3J46TZ.js.map +1 -0
- package/dist/chunk-ZOHCADDL.mjs +121 -0
- package/dist/chunk-ZOHCADDL.mjs.map +1 -0
- package/dist/design-system/audio-player.d.ts +61 -0
- package/dist/design-system/audio-player.d.ts.map +1 -0
- package/dist/design-system/data-table.d.ts +8 -0
- package/dist/design-system/data-table.d.ts.map +1 -0
- package/dist/design-system/facade.js +11 -10
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +10 -9
- package/dist/design-system/facade.mjs.map +1 -1
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/hooks/useTableFilter.js +6 -116
- package/dist/hooks/useTableFilter.js.map +1 -1
- package/dist/hooks/useTableFilter.mjs +1 -118
- package/dist/hooks/useTableFilter.mjs.map +1 -1
- package/dist/hooks/useTableSort.js +6 -91
- package/dist/hooks/useTableSort.js.map +1 -1
- package/dist/hooks/useTableSort.mjs +1 -93
- package/dist/hooks/useTableSort.mjs.map +1 -1
- package/dist/hooks/useVirtualList.js +6 -76
- package/dist/hooks/useVirtualList.js.map +1 -1
- package/dist/hooks/useVirtualList.mjs +1 -78
- package/dist/hooks/useVirtualList.mjs.map +1 -1
- package/dist/ui/audio-player/audio-player-base.d.ts +20 -0
- package/dist/ui/audio-player/audio-player-base.d.ts.map +1 -0
- package/dist/ui/audio-player/audio-player.d.ts +6 -0
- package/dist/ui/audio-player/audio-player.d.ts.map +1 -0
- package/dist/ui/audio-player/index.d.ts +5 -0
- package/dist/ui/audio-player/index.d.ts.map +1 -0
- package/dist/ui/audio-player/types.d.ts +44 -0
- package/dist/ui/audio-player/types.d.ts.map +1 -0
- package/dist/ui/audio-player/variants.d.ts +12 -0
- package/dist/ui/audio-player/variants.d.ts.map +1 -0
- package/dist/ui/audio-player.js +556 -0
- package/dist/ui/audio-player.js.map +1 -0
- package/dist/ui/audio-player.mjs +545 -0
- package/dist/ui/audio-player.mjs.map +1 -0
- package/dist/ui/buttons/animated.js +13 -12
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +11 -10
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +15 -13
- package/dist/ui/buttons.mjs +13 -11
- package/dist/ui/checkbox.js +7 -123
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/checkbox.mjs +2 -126
- package/dist/ui/checkbox.mjs.map +1 -1
- package/dist/ui/data-table/data-table-base.d.ts +6 -0
- package/dist/ui/data-table/data-table-base.d.ts.map +1 -0
- package/dist/ui/data-table/data-table.d.ts +6 -0
- package/dist/ui/data-table/data-table.d.ts.map +1 -0
- package/dist/ui/data-table/index.d.ts +4 -0
- package/dist/ui/data-table/index.d.ts.map +1 -0
- package/dist/ui/data-table/types.d.ts +92 -0
- package/dist/ui/data-table/types.d.ts.map +1 -0
- package/dist/ui/data-table/variants.d.ts +8 -0
- package/dist/ui/data-table/variants.d.ts.map +1 -0
- package/dist/ui/data-table.js +620 -0
- package/dist/ui/data-table.js.map +1 -0
- package/dist/ui/data-table.mjs +611 -0
- package/dist/ui/data-table.mjs.map +1 -0
- package/dist/ui/dynamic-stepper.js +23 -22
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +12 -11
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/inputs.js +7 -138
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/inputs.mjs +2 -141
- package/dist/ui/inputs.mjs.map +1 -1
- package/dist/ui/pagination.js +25 -225
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +13 -227
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/table.js +1 -0
- package/dist/ui/table.mjs +1 -0
- package/package.json +1 -1
- package/src/design-system/audio-player.ts +109 -0
- package/src/design-system/data-table.ts +20 -0
- package/src/design-system/index.ts +2 -0
- package/src/ui/audio-player/audio-player-base.tsx +557 -0
- package/src/ui/audio-player/audio-player.test.tsx +485 -0
- package/src/ui/audio-player/audio-player.tsx +8 -0
- package/src/ui/audio-player/index.ts +24 -0
- package/src/ui/audio-player/types.ts +57 -0
- package/src/ui/audio-player/variants.ts +43 -0
- package/src/ui/data-table/data-table-base.tsx +701 -0
- package/src/ui/data-table/data-table.test.tsx +389 -0
- package/src/ui/data-table/data-table.tsx +11 -0
- package/src/ui/data-table/index.ts +24 -0
- package/src/ui/data-table/types.ts +121 -0
- package/src/ui/data-table/variants.ts +21 -0
- package/dist/chunk-BL6UVCV7.mjs.map +0 -1
- package/dist/chunk-D2GISTDL.js +0 -19
- package/dist/chunk-NZSZE36T.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"useTableSort.js"}
|
|
@@ -1,97 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
export { useTableSort } from '../chunk-W6DO36XD.mjs';
|
|
2
3
|
import '../chunk-J5LGTIGS.mjs';
|
|
3
|
-
import { useState, useCallback, useMemo } from 'react';
|
|
4
|
-
|
|
5
|
-
function nextSortDirection(currentDirection) {
|
|
6
|
-
if (currentDirection === "ascending") {
|
|
7
|
-
return "descending";
|
|
8
|
-
}
|
|
9
|
-
if (currentDirection === "descending") {
|
|
10
|
-
return "none";
|
|
11
|
-
}
|
|
12
|
-
return "ascending";
|
|
13
|
-
}
|
|
14
|
-
function normalizeSortState(nextSort) {
|
|
15
|
-
if (!nextSort.sortKey || nextSort.sortDirection === "none") {
|
|
16
|
-
return { sortKey: void 0, sortDirection: "none" };
|
|
17
|
-
}
|
|
18
|
-
return nextSort;
|
|
19
|
-
}
|
|
20
|
-
function useTableSort({
|
|
21
|
-
sortKey,
|
|
22
|
-
defaultSortKey,
|
|
23
|
-
sortDirection,
|
|
24
|
-
defaultSortDirection = "none",
|
|
25
|
-
onSortChange
|
|
26
|
-
} = {}) {
|
|
27
|
-
const [internalSort, setInternalSort] = useState(
|
|
28
|
-
() => normalizeSortState({
|
|
29
|
-
sortKey: defaultSortKey,
|
|
30
|
-
sortDirection: defaultSortDirection
|
|
31
|
-
})
|
|
32
|
-
);
|
|
33
|
-
const isSortKeyControlled = sortKey !== void 0;
|
|
34
|
-
const isSortDirectionControlled = sortDirection !== void 0;
|
|
35
|
-
const currentSort = normalizeSortState({
|
|
36
|
-
sortKey: isSortKeyControlled ? sortKey : internalSort.sortKey,
|
|
37
|
-
sortDirection: isSortDirectionControlled ? sortDirection : internalSort.sortDirection
|
|
38
|
-
});
|
|
39
|
-
const setSort = useCallback(
|
|
40
|
-
(nextSort) => {
|
|
41
|
-
const normalized = normalizeSortState(nextSort);
|
|
42
|
-
if (!isSortKeyControlled || !isSortDirectionControlled) {
|
|
43
|
-
setInternalSort((previousSort) => ({
|
|
44
|
-
sortKey: isSortKeyControlled ? previousSort.sortKey : normalized.sortKey,
|
|
45
|
-
sortDirection: isSortDirectionControlled ? previousSort.sortDirection : normalized.sortDirection
|
|
46
|
-
}));
|
|
47
|
-
}
|
|
48
|
-
onSortChange?.(normalized);
|
|
49
|
-
},
|
|
50
|
-
[isSortDirectionControlled, isSortKeyControlled, onSortChange]
|
|
51
|
-
);
|
|
52
|
-
const clearSort = useCallback(() => {
|
|
53
|
-
setSort({ sortKey: void 0, sortDirection: "none" });
|
|
54
|
-
}, [setSort]);
|
|
55
|
-
const toggleSort = useCallback(
|
|
56
|
-
(nextSortKey) => {
|
|
57
|
-
const direction = currentSort.sortKey === nextSortKey ? nextSortDirection(currentSort.sortDirection) : "ascending";
|
|
58
|
-
setSort({
|
|
59
|
-
sortKey: nextSortKey,
|
|
60
|
-
sortDirection: direction
|
|
61
|
-
});
|
|
62
|
-
},
|
|
63
|
-
[currentSort.sortDirection, currentSort.sortKey, setSort]
|
|
64
|
-
);
|
|
65
|
-
const getSortProps = useCallback(
|
|
66
|
-
(nextSortKey) => ({
|
|
67
|
-
sortKey: nextSortKey,
|
|
68
|
-
sortDirection: currentSort.sortKey === nextSortKey ? currentSort.sortDirection : "none",
|
|
69
|
-
onSortChange: (nextSort) => {
|
|
70
|
-
setSort(nextSort);
|
|
71
|
-
}
|
|
72
|
-
}),
|
|
73
|
-
[currentSort.sortDirection, currentSort.sortKey, setSort]
|
|
74
|
-
);
|
|
75
|
-
return useMemo(
|
|
76
|
-
() => ({
|
|
77
|
-
sortKey: currentSort.sortKey,
|
|
78
|
-
sortDirection: currentSort.sortDirection,
|
|
79
|
-
setSort,
|
|
80
|
-
clearSort,
|
|
81
|
-
toggleSort,
|
|
82
|
-
getSortProps
|
|
83
|
-
}),
|
|
84
|
-
[
|
|
85
|
-
clearSort,
|
|
86
|
-
currentSort.sortDirection,
|
|
87
|
-
currentSort.sortKey,
|
|
88
|
-
getSortProps,
|
|
89
|
-
setSort,
|
|
90
|
-
toggleSort
|
|
91
|
-
]
|
|
92
|
-
);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
export { useTableSort };
|
|
96
4
|
//# sourceMappingURL=useTableSort.mjs.map
|
|
97
5
|
//# sourceMappingURL=useTableSort.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"useTableSort.mjs"}
|
|
@@ -1,84 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
+
var chunkOYAJG2BO_js = require('../chunk-OYAJG2BO.js');
|
|
4
5
|
require('../chunk-PZ5AY32C.js');
|
|
5
|
-
var react = require('react');
|
|
6
6
|
|
|
7
|
-
function useVirtualList({
|
|
8
|
-
itemCount,
|
|
9
|
-
itemHeight,
|
|
10
|
-
overscan = 3
|
|
11
|
-
}) {
|
|
12
|
-
const [container, setContainer] = react.useState(null);
|
|
13
|
-
const [scrollTop, setScrollTop] = react.useState(0);
|
|
14
|
-
const [viewportHeight, setViewportHeight] = react.useState(0);
|
|
15
|
-
const setContainerRef = react.useCallback((node) => {
|
|
16
|
-
setContainer(node);
|
|
17
|
-
}, []);
|
|
18
|
-
react.useEffect(() => {
|
|
19
|
-
if (container == null) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
const onScroll = () => {
|
|
23
|
-
setScrollTop(container.scrollTop);
|
|
24
|
-
};
|
|
25
|
-
const measure = () => {
|
|
26
|
-
setViewportHeight(container.clientHeight);
|
|
27
|
-
};
|
|
28
|
-
measure();
|
|
29
|
-
onScroll();
|
|
30
|
-
container.addEventListener("scroll", onScroll, { passive: true });
|
|
31
|
-
let observer;
|
|
32
|
-
if (typeof ResizeObserver !== "undefined") {
|
|
33
|
-
observer = new ResizeObserver(measure);
|
|
34
|
-
observer.observe(container);
|
|
35
|
-
}
|
|
36
|
-
return () => {
|
|
37
|
-
container.removeEventListener("scroll", onScroll);
|
|
38
|
-
observer?.disconnect();
|
|
39
|
-
};
|
|
40
|
-
}, [container]);
|
|
41
|
-
const safeItemCount = Math.max(0, Math.floor(itemCount));
|
|
42
|
-
const safeItemHeight = Math.max(1, itemHeight);
|
|
43
|
-
const safeOverscan = Math.max(0, Math.floor(overscan));
|
|
44
|
-
const totalHeight = safeItemCount * safeItemHeight;
|
|
45
|
-
const startIndex = safeItemCount === 0 ? 0 : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);
|
|
46
|
-
const endIndex = safeItemCount === 0 ? -1 : Math.min(
|
|
47
|
-
safeItemCount - 1,
|
|
48
|
-
Math.ceil((scrollTop + viewportHeight) / safeItemHeight) - 1 + safeOverscan
|
|
49
|
-
);
|
|
50
|
-
const virtualItems = react.useMemo(() => {
|
|
51
|
-
const items = [];
|
|
52
|
-
for (let index = startIndex; index <= endIndex; index += 1) {
|
|
53
|
-
items.push({
|
|
54
|
-
index,
|
|
55
|
-
start: index * safeItemHeight,
|
|
56
|
-
size: safeItemHeight
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
return items;
|
|
60
|
-
}, [endIndex, safeItemHeight, startIndex]);
|
|
61
|
-
const scrollToIndex = react.useCallback(
|
|
62
|
-
(index) => {
|
|
63
|
-
if (container == null || safeItemCount === 0) {
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);
|
|
67
|
-
container.scrollTop = clamped * safeItemHeight;
|
|
68
|
-
setScrollTop(container.scrollTop);
|
|
69
|
-
},
|
|
70
|
-
[container, safeItemCount, safeItemHeight]
|
|
71
|
-
);
|
|
72
|
-
return {
|
|
73
|
-
setContainerRef,
|
|
74
|
-
virtualItems,
|
|
75
|
-
totalHeight,
|
|
76
|
-
startIndex,
|
|
77
|
-
endIndex,
|
|
78
|
-
scrollToIndex
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
7
|
|
|
82
|
-
|
|
8
|
+
|
|
9
|
+
Object.defineProperty(exports, "useVirtualList", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
get: function () { return chunkOYAJG2BO_js.useVirtualList; }
|
|
12
|
+
});
|
|
83
13
|
//# sourceMappingURL=useVirtualList.js.map
|
|
84
14
|
//# sourceMappingURL=useVirtualList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"useVirtualList.js"}
|
|
@@ -1,82 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
export { useVirtualList } from '../chunk-QKO5DA4N.mjs';
|
|
2
3
|
import '../chunk-J5LGTIGS.mjs';
|
|
3
|
-
import { useState, useCallback, useEffect, useMemo } from 'react';
|
|
4
|
-
|
|
5
|
-
function useVirtualList({
|
|
6
|
-
itemCount,
|
|
7
|
-
itemHeight,
|
|
8
|
-
overscan = 3
|
|
9
|
-
}) {
|
|
10
|
-
const [container, setContainer] = useState(null);
|
|
11
|
-
const [scrollTop, setScrollTop] = useState(0);
|
|
12
|
-
const [viewportHeight, setViewportHeight] = useState(0);
|
|
13
|
-
const setContainerRef = useCallback((node) => {
|
|
14
|
-
setContainer(node);
|
|
15
|
-
}, []);
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (container == null) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
const onScroll = () => {
|
|
21
|
-
setScrollTop(container.scrollTop);
|
|
22
|
-
};
|
|
23
|
-
const measure = () => {
|
|
24
|
-
setViewportHeight(container.clientHeight);
|
|
25
|
-
};
|
|
26
|
-
measure();
|
|
27
|
-
onScroll();
|
|
28
|
-
container.addEventListener("scroll", onScroll, { passive: true });
|
|
29
|
-
let observer;
|
|
30
|
-
if (typeof ResizeObserver !== "undefined") {
|
|
31
|
-
observer = new ResizeObserver(measure);
|
|
32
|
-
observer.observe(container);
|
|
33
|
-
}
|
|
34
|
-
return () => {
|
|
35
|
-
container.removeEventListener("scroll", onScroll);
|
|
36
|
-
observer?.disconnect();
|
|
37
|
-
};
|
|
38
|
-
}, [container]);
|
|
39
|
-
const safeItemCount = Math.max(0, Math.floor(itemCount));
|
|
40
|
-
const safeItemHeight = Math.max(1, itemHeight);
|
|
41
|
-
const safeOverscan = Math.max(0, Math.floor(overscan));
|
|
42
|
-
const totalHeight = safeItemCount * safeItemHeight;
|
|
43
|
-
const startIndex = safeItemCount === 0 ? 0 : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);
|
|
44
|
-
const endIndex = safeItemCount === 0 ? -1 : Math.min(
|
|
45
|
-
safeItemCount - 1,
|
|
46
|
-
Math.ceil((scrollTop + viewportHeight) / safeItemHeight) - 1 + safeOverscan
|
|
47
|
-
);
|
|
48
|
-
const virtualItems = useMemo(() => {
|
|
49
|
-
const items = [];
|
|
50
|
-
for (let index = startIndex; index <= endIndex; index += 1) {
|
|
51
|
-
items.push({
|
|
52
|
-
index,
|
|
53
|
-
start: index * safeItemHeight,
|
|
54
|
-
size: safeItemHeight
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return items;
|
|
58
|
-
}, [endIndex, safeItemHeight, startIndex]);
|
|
59
|
-
const scrollToIndex = useCallback(
|
|
60
|
-
(index) => {
|
|
61
|
-
if (container == null || safeItemCount === 0) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);
|
|
65
|
-
container.scrollTop = clamped * safeItemHeight;
|
|
66
|
-
setScrollTop(container.scrollTop);
|
|
67
|
-
},
|
|
68
|
-
[container, safeItemCount, safeItemHeight]
|
|
69
|
-
);
|
|
70
|
-
return {
|
|
71
|
-
setContainerRef,
|
|
72
|
-
virtualItems,
|
|
73
|
-
totalHeight,
|
|
74
|
-
startIndex,
|
|
75
|
-
endIndex,
|
|
76
|
-
scrollToIndex
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
export { useVirtualList };
|
|
81
4
|
//# sourceMappingURL=useVirtualList.mjs.map
|
|
82
5
|
//# sourceMappingURL=useVirtualList.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"useVirtualList.mjs"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AudioPlayerCtx, AudioPlayerProgressProps, AudioPlayerProps, AudioPlayerTimeProps, AudioPlayerVolumeProps } from "./types";
|
|
2
|
+
export declare const AudioPlayerContext: import("react").Context<AudioPlayerCtx | null>;
|
|
3
|
+
export declare function useAudioPlayer(): AudioPlayerCtx;
|
|
4
|
+
export declare function AudioPlayerBase(props: AudioPlayerProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare namespace AudioPlayerBase {
|
|
6
|
+
var displayName: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function AudioPlayerProgress({ className, ref, ...rest }: AudioPlayerProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare namespace AudioPlayerProgress {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function AudioPlayerTime({ className, format, }: AudioPlayerTimeProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare namespace AudioPlayerTime {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function AudioPlayerVolume({ className, ref, ...rest }: AudioPlayerVolumeProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare namespace AudioPlayerVolume {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=audio-player-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player-base.d.ts","sourceRoot":"","sources":["../../../src/ui/audio-player/audio-player-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACxB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAQjB,eAAO,MAAM,kBAAkB,gDAA6C,CAAC;AAE7E,wBAAgB,cAAc,IAAI,cAAc,CAM/C;AASD,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CA2NtD;yBA3Ne,eAAe;;;AA+N/B,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,wBAAwB,2CAmG1B;yBAvGe,mBAAmB;;;AA2GnC,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,MAAmB,GACpB,EAAE,oBAAoB,2CAgBtB;yBAnBe,eAAe;;;AAuB/B,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,sBAAsB,2CAuJxB;yBA3Je,iBAAiB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../../src/ui/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAElD,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { AudioPlayer } from "./audio-player";
|
|
2
|
+
export { AudioPlayerBase, AudioPlayerProgress, AudioPlayerTime, AudioPlayerVolume, useAudioPlayer, } from "./audio-player-base";
|
|
3
|
+
export type { AudioPlayerProps, AudioPlayerProgressProps, AudioPlayerTimeProps, AudioPlayerVolumeProps, AudioPlayerCtx, AudioPlayerVariantProps, } from "./types";
|
|
4
|
+
export { audioPlayerVariants, audioPlayerTrackVariants, audioPlayerBarVariants, audioPlayerTimeVariants, } from "./variants";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/audio-player/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,EACpB,sBAAsB,EACtB,cAAc,EACd,uBAAuB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { ComponentPropsWithRef, ReactNode } from "react";
|
|
3
|
+
import type { audioPlayerVariants } from "./variants";
|
|
4
|
+
export type AudioPlayerVariantProps = VariantProps<typeof audioPlayerVariants>;
|
|
5
|
+
export type AudioPlayerProps = AudioPlayerVariantProps & Omit<ComponentPropsWithRef<"div">, "children"> & {
|
|
6
|
+
src: string;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
autoPlay?: boolean;
|
|
9
|
+
loop?: boolean;
|
|
10
|
+
onEnded?: () => void;
|
|
11
|
+
onPlay?: () => void;
|
|
12
|
+
onPause?: () => void;
|
|
13
|
+
onTimeUpdate?: (currentTime: number, duration: number) => void;
|
|
14
|
+
};
|
|
15
|
+
export type AudioPlayerProgressProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
export type AudioPlayerTimeProps = {
|
|
19
|
+
className?: string;
|
|
20
|
+
format?: (seconds: number) => string;
|
|
21
|
+
};
|
|
22
|
+
export type AudioPlayerVolumeProps = Omit<ComponentPropsWithRef<"div">, "children"> & {
|
|
23
|
+
className?: string;
|
|
24
|
+
};
|
|
25
|
+
export type AudioPlayerCtx = {
|
|
26
|
+
isPlaying: boolean;
|
|
27
|
+
currentTime: number;
|
|
28
|
+
duration: number;
|
|
29
|
+
progress: number;
|
|
30
|
+
volume: number;
|
|
31
|
+
muted: boolean;
|
|
32
|
+
play: () => void;
|
|
33
|
+
pause: () => void;
|
|
34
|
+
toggle: () => void;
|
|
35
|
+
reset: () => void;
|
|
36
|
+
seek: (seconds: number) => void;
|
|
37
|
+
seekByPercent: (percent: number) => void;
|
|
38
|
+
setVolume: (volume: number) => void;
|
|
39
|
+
toggleMute: () => void;
|
|
40
|
+
size: NonNullable<AudioPlayerVariantProps["size"]>;
|
|
41
|
+
shape: NonNullable<AudioPlayerVariantProps["shape"]>;
|
|
42
|
+
appearance: NonNullable<AudioPlayerVariantProps["appearance"]>;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/audio-player/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,GACpD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChE,CAAC;AAEJ,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,CACX,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,CACX,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC;IACnD,KAAK,EAAE,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,UAAU,EAAE,WAAW,CAAC,uBAAuB,CAAC,YAAY,CAAC,CAAC,CAAC;CAChE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const audioPlayerVariants: (props?: ({
|
|
2
|
+
appearance?: "ruby" | "default" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "mint" | "ocean" | "sapphire" | "zinc" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
|
|
3
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
4
|
+
shape?: "flat" | "rounded" | "pill" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const audioPlayerTrackVariants: (props?: ({
|
|
7
|
+
size?: "md" | "sm" | "lg" | null | undefined;
|
|
8
|
+
shape?: "flat" | "rounded" | "pill" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const audioPlayerBarVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
11
|
+
export declare const audioPlayerTimeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
12
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/audio-player/variants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,mBAAmB;;;;8EAc/B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;8EASnC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAA6B,CAAC;AAEjE,eAAO,MAAM,uBAAuB,oFAA8B,CAAC"}
|