@krak-stack/registry 0.1.2 → 0.1.4
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 +17 -1
- package/dist/components/ui/alert.d.ts +10 -0
- package/dist/components/ui/app-brand.js +20 -20
- package/dist/components/ui/bubble.d.ts +16 -0
- package/dist/components/ui/code-block.js +38 -38
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/copy-button.js +16 -16
- package/dist/components/ui/data-table.js +687 -687
- package/dist/components/ui/editing-locale-switcher.js +54 -54
- package/dist/components/ui/effect-form.js +490 -490
- package/dist/components/ui/empty.d.ts +11 -0
- package/dist/components/ui/file-picker.js +96 -96
- package/dist/components/ui/form.js +418 -418
- package/dist/components/ui/google-map.js +27 -27
- package/dist/components/ui/icon-input.js +93 -93
- package/dist/components/ui/loading.js +5 -5
- package/dist/components/ui/locale-switcher.js +48 -48
- package/dist/components/ui/marker.d.ts +10 -0
- package/dist/components/ui/message-scroller.d.ts +10 -0
- package/dist/components/ui/message.d.ts +10 -0
- package/dist/components/ui/pagination.js +92 -92
- package/dist/components/ui/search-menu.js +93 -93
- package/dist/components/ui/sidebar-layout.js +156 -156
- package/dist/components/ui/stats-card.js +28 -28
- package/dist/components/ui/theme-switcher.js +64 -64
- package/dist/components/ui/virtualized-combobox.js +66 -66
- package/dist/lib/docs-ai.d.ts +136 -0
- package/dist/lib/docs-ai.js +310 -0
- package/dist/lib/docs-core.d.ts +681 -0
- package/dist/lib/docs-core.js +2571 -0
- package/dist/lib/httpapi-ai.d.ts +54 -0
- package/dist/lib/httpapi-ai.js +361 -0
- package/dist/lib/httpapi-cli.d.ts +22 -0
- package/dist/lib/httpapi-cli.js +412 -0
- package/dist/lib/httpapi-client.d.ts +20 -0
- package/dist/lib/httpapi-client.js +50 -0
- package/dist/lib/httpapi-helpers.d.ts +105 -0
- package/dist/lib/httpapi-helpers.js +237 -0
- package/dist/lib/httpapi-mcp.d.ts +20 -0
- package/dist/lib/httpapi-mcp.js +366 -0
- package/dist/lib/query.js +128 -0
- package/dist/services/agent/client/atom.d.ts +56 -0
- package/dist/services/agent/client/index.d.ts +2 -0
- package/dist/services/agent/client/index.js +2239 -0
- package/dist/services/agent/client/widget.d.ts +52 -0
- package/dist/services/agent/index.d.ts +111 -0
- package/dist/services/agent/index.js +190 -0
- package/dist/services/agent/schema.d.ts +161 -0
- package/dist/services/agent/schema.js +135 -0
- package/package.json +59 -3
|
@@ -10,7 +10,7 @@ function cn(...inputs) {
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
// ../../src/components/ui/button.tsx
|
|
13
|
-
import {
|
|
13
|
+
import { jsx } from "react/jsx-runtime";
|
|
14
14
|
var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
15
15
|
variants: {
|
|
16
16
|
variant: {
|
|
@@ -43,11 +43,11 @@ function Button({
|
|
|
43
43
|
size = "default",
|
|
44
44
|
...props
|
|
45
45
|
}) {
|
|
46
|
-
return /* @__PURE__ */
|
|
46
|
+
return /* @__PURE__ */ jsx(ButtonPrimitive, {
|
|
47
47
|
"data-slot": "button",
|
|
48
48
|
className: cn(buttonVariants({ variant, size, className })),
|
|
49
49
|
...props
|
|
50
|
-
}
|
|
50
|
+
});
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
// ../../src/components/ui/virtualized-combobox.tsx
|
|
@@ -65,28 +65,28 @@ import { cva as cva2 } from "class-variance-authority";
|
|
|
65
65
|
|
|
66
66
|
// ../../src/components/ui/input.tsx
|
|
67
67
|
import { Input as InputPrimitive } from "@base-ui/react/input";
|
|
68
|
-
import {
|
|
68
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
69
69
|
function Input({ className, type, ...props }) {
|
|
70
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ jsx2(InputPrimitive, {
|
|
71
71
|
type,
|
|
72
72
|
"data-slot": "input",
|
|
73
73
|
className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
|
|
74
74
|
...props
|
|
75
|
-
}
|
|
75
|
+
});
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
// ../../src/components/ui/textarea.tsx
|
|
79
|
-
import {
|
|
79
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
80
80
|
|
|
81
81
|
// ../../src/components/ui/input-group.tsx
|
|
82
|
-
import {
|
|
82
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
83
83
|
function InputGroup({ className, ...props }) {
|
|
84
|
-
return /* @__PURE__ */
|
|
84
|
+
return /* @__PURE__ */ jsx4("div", {
|
|
85
85
|
"data-slot": "input-group",
|
|
86
86
|
role: "group",
|
|
87
87
|
className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
|
|
88
88
|
...props
|
|
89
|
-
}
|
|
89
|
+
});
|
|
90
90
|
}
|
|
91
91
|
var inputGroupAddonVariants = cva2("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
|
|
92
92
|
variants: {
|
|
@@ -114,11 +114,11 @@ function InputGroupInput({
|
|
|
114
114
|
className,
|
|
115
115
|
...props
|
|
116
116
|
}) {
|
|
117
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ jsx4(Input, {
|
|
118
118
|
"data-slot": "input-group-control",
|
|
119
119
|
className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
|
|
120
120
|
...props
|
|
121
|
-
}
|
|
121
|
+
});
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
// ../../src/paraglide/runtime.js
|
|
@@ -550,7 +550,7 @@ function isCustomStrategy(strategy2) {
|
|
|
550
550
|
}
|
|
551
551
|
|
|
552
552
|
// ../../src/components/ui/virtualized-combobox.tsx
|
|
553
|
-
import {
|
|
553
|
+
import { jsx as jsx5, jsxs } from "react/jsx-runtime";
|
|
554
554
|
"use client";
|
|
555
555
|
var messages = {
|
|
556
556
|
en: {
|
|
@@ -613,19 +613,19 @@ var VirtualizedComboboxList = ({
|
|
|
613
613
|
virtualizer.measure();
|
|
614
614
|
}, [virtualizer]);
|
|
615
615
|
if (filteredItems.length === 0) {
|
|
616
|
-
return /* @__PURE__ */
|
|
616
|
+
return /* @__PURE__ */ jsx5("div", {
|
|
617
617
|
className: "text-muted-foreground py-6 text-center text-sm",
|
|
618
618
|
children: emptyLabel
|
|
619
|
-
}
|
|
619
|
+
});
|
|
620
620
|
}
|
|
621
|
-
return /* @__PURE__ */
|
|
621
|
+
return /* @__PURE__ */ jsx5(ComboboxPrimitive.List, {
|
|
622
622
|
className: "scroll-py-1 overflow-auto overscroll-contain p-1",
|
|
623
623
|
ref: handleScrollElementRef,
|
|
624
624
|
style: {
|
|
625
625
|
height: Math.min(virtualizer.getTotalSize() + 8, 288),
|
|
626
626
|
maxHeight: "var(--available-height)"
|
|
627
627
|
},
|
|
628
|
-
children: /* @__PURE__ */
|
|
628
|
+
children: /* @__PURE__ */ jsx5("div", {
|
|
629
629
|
className: "relative w-full",
|
|
630
630
|
role: "presentation",
|
|
631
631
|
style: { height: virtualizer.getTotalSize() },
|
|
@@ -638,18 +638,18 @@ var VirtualizedComboboxList = ({
|
|
|
638
638
|
transform: `translateY(${virtualItem.start}px)`
|
|
639
639
|
};
|
|
640
640
|
if (entry.kind === "group") {
|
|
641
|
-
return /* @__PURE__ */
|
|
641
|
+
return /* @__PURE__ */ jsx5(ComboboxPrimitive.Group, {
|
|
642
642
|
className: "contents",
|
|
643
|
-
children: /* @__PURE__ */
|
|
643
|
+
children: /* @__PURE__ */ jsx5(ComboboxPrimitive.GroupLabel, {
|
|
644
644
|
className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
|
|
645
645
|
"data-index": virtualItem.index,
|
|
646
646
|
ref: virtualizer.measureElement,
|
|
647
647
|
style,
|
|
648
648
|
children: entry.label
|
|
649
|
-
}
|
|
650
|
-
}, entry.key
|
|
649
|
+
})
|
|
650
|
+
}, entry.key);
|
|
651
651
|
}
|
|
652
|
-
return /* @__PURE__ */
|
|
652
|
+
return /* @__PURE__ */ jsxs(ComboboxPrimitive.Item, {
|
|
653
653
|
"aria-posinset": entry.index + 1,
|
|
654
654
|
"aria-setsize": filteredItems.length,
|
|
655
655
|
className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground absolute top-0 left-0 flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50",
|
|
@@ -659,19 +659,19 @@ var VirtualizedComboboxList = ({
|
|
|
659
659
|
style,
|
|
660
660
|
value: entry.item,
|
|
661
661
|
children: [
|
|
662
|
-
renderItem?.(entry.item) ?? /* @__PURE__ */
|
|
662
|
+
renderItem?.(entry.item) ?? /* @__PURE__ */ jsx5("span", {
|
|
663
663
|
className: "min-w-0 truncate",
|
|
664
664
|
children: entry.item.label
|
|
665
|
-
}
|
|
666
|
-
/* @__PURE__ */
|
|
665
|
+
}),
|
|
666
|
+
/* @__PURE__ */ jsx5(ComboboxPrimitive.ItemIndicator, {
|
|
667
667
|
className: "absolute right-2 flex size-4 items-center justify-center",
|
|
668
|
-
children: /* @__PURE__ */
|
|
669
|
-
}
|
|
668
|
+
children: /* @__PURE__ */ jsx5(Check, {})
|
|
669
|
+
})
|
|
670
670
|
]
|
|
671
|
-
}, entry.item.value
|
|
671
|
+
}, entry.item.value);
|
|
672
672
|
})
|
|
673
|
-
}
|
|
674
|
-
}
|
|
673
|
+
})
|
|
674
|
+
});
|
|
675
675
|
};
|
|
676
676
|
var VirtualizedComboboxContent = ({
|
|
677
677
|
contentClassName,
|
|
@@ -683,39 +683,39 @@ var VirtualizedComboboxContent = ({
|
|
|
683
683
|
virtualizerRef
|
|
684
684
|
}) => {
|
|
685
685
|
const labels = virtualizedComboboxMessages(messageOverrides);
|
|
686
|
-
return /* @__PURE__ */
|
|
687
|
-
children: /* @__PURE__ */
|
|
686
|
+
return /* @__PURE__ */ jsx5(ComboboxPrimitive.Portal, {
|
|
687
|
+
children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Positioner, {
|
|
688
688
|
align: "start",
|
|
689
689
|
className: "isolate z-50",
|
|
690
690
|
side: "bottom",
|
|
691
691
|
sideOffset: 6,
|
|
692
|
-
children: /* @__PURE__ */
|
|
692
|
+
children: /* @__PURE__ */ jsxs(ComboboxPrimitive.Popup, {
|
|
693
693
|
className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
|
|
694
694
|
children: [
|
|
695
|
-
/* @__PURE__ */
|
|
695
|
+
/* @__PURE__ */ jsx5("div", {
|
|
696
696
|
className: "min-w-0 p-1 pb-0",
|
|
697
|
-
children: /* @__PURE__ */
|
|
697
|
+
children: /* @__PURE__ */ jsx5(InputGroup, {
|
|
698
698
|
className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
|
|
699
|
-
children: /* @__PURE__ */
|
|
699
|
+
children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Input, {
|
|
700
700
|
placeholder: labels.search,
|
|
701
|
-
render: /* @__PURE__ */
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
}
|
|
705
|
-
/* @__PURE__ */
|
|
701
|
+
render: /* @__PURE__ */ jsx5(InputGroupInput, {})
|
|
702
|
+
})
|
|
703
|
+
})
|
|
704
|
+
}),
|
|
705
|
+
/* @__PURE__ */ jsx5(VirtualizedComboboxList, {
|
|
706
706
|
emptyLabel,
|
|
707
707
|
groupSelections,
|
|
708
708
|
messages: messageOverrides,
|
|
709
709
|
renderItem,
|
|
710
710
|
selectedValues,
|
|
711
711
|
virtualizerRef
|
|
712
|
-
}
|
|
712
|
+
})
|
|
713
713
|
]
|
|
714
|
-
}
|
|
715
|
-
}
|
|
716
|
-
}
|
|
714
|
+
})
|
|
715
|
+
})
|
|
716
|
+
});
|
|
717
717
|
};
|
|
718
|
-
var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */
|
|
718
|
+
var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /* @__PURE__ */ jsxs(Button, {
|
|
719
719
|
"aria-label": ariaLabel,
|
|
720
720
|
"aria-invalid": ariaInvalid,
|
|
721
721
|
className: "w-full max-w-full min-w-0 justify-between overflow-hidden",
|
|
@@ -724,15 +724,15 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
|
|
|
724
724
|
type: "button",
|
|
725
725
|
variant: "outline",
|
|
726
726
|
children: [
|
|
727
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ jsx5("span", {
|
|
728
728
|
className: "min-w-0 truncate text-left",
|
|
729
729
|
children: label
|
|
730
|
-
}
|
|
731
|
-
/* @__PURE__ */
|
|
730
|
+
}),
|
|
731
|
+
/* @__PURE__ */ jsx5(ChevronsUpDown, {
|
|
732
732
|
className: "text-muted-foreground shrink-0 opacity-70"
|
|
733
|
-
}
|
|
733
|
+
})
|
|
734
734
|
]
|
|
735
|
-
}
|
|
735
|
+
});
|
|
736
736
|
var selectedLabel = (value, placeholder) => {
|
|
737
737
|
if (Array.isArray(value)) {
|
|
738
738
|
return value.length > 0 ? value.map(({ label }) => label).join(", ") : placeholder;
|
|
@@ -745,7 +745,7 @@ var useComboboxVirtualizerRef = (providedRef) => {
|
|
|
745
745
|
};
|
|
746
746
|
var VirtualizedComboboxSingle = (props) => {
|
|
747
747
|
const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
|
|
748
|
-
return /* @__PURE__ */
|
|
748
|
+
return /* @__PURE__ */ jsxs(ComboboxPrimitive.Root, {
|
|
749
749
|
disabled: props.disabled,
|
|
750
750
|
inputValue: props.searchValue,
|
|
751
751
|
items: [...props.items],
|
|
@@ -763,21 +763,21 @@ var VirtualizedComboboxSingle = (props) => {
|
|
|
763
763
|
value: props.value,
|
|
764
764
|
virtualized: true,
|
|
765
765
|
children: [
|
|
766
|
-
/* @__PURE__ */
|
|
766
|
+
/* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
|
|
767
767
|
render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
|
|
768
|
-
}
|
|
769
|
-
/* @__PURE__ */
|
|
768
|
+
}),
|
|
769
|
+
/* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
|
|
770
770
|
...props,
|
|
771
771
|
groupSelections: false,
|
|
772
772
|
selectedValues: new Set(props.value ? [props.value.value] : []),
|
|
773
773
|
virtualizerRef
|
|
774
|
-
}
|
|
774
|
+
})
|
|
775
775
|
]
|
|
776
|
-
}
|
|
776
|
+
});
|
|
777
777
|
};
|
|
778
778
|
var VirtualizedComboboxMultiple = (props) => {
|
|
779
779
|
const virtualizerRef = useComboboxVirtualizerRef(props.virtualizerRef);
|
|
780
|
-
return /* @__PURE__ */
|
|
780
|
+
return /* @__PURE__ */ jsxs(ComboboxPrimitive.Root, {
|
|
781
781
|
disabled: props.disabled,
|
|
782
782
|
inputValue: props.searchValue,
|
|
783
783
|
items: [...props.items],
|
|
@@ -796,41 +796,41 @@ var VirtualizedComboboxMultiple = (props) => {
|
|
|
796
796
|
value: [...props.value],
|
|
797
797
|
virtualized: true,
|
|
798
798
|
children: [
|
|
799
|
-
/* @__PURE__ */
|
|
799
|
+
/* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
|
|
800
800
|
render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
|
|
801
|
-
}
|
|
802
|
-
/* @__PURE__ */
|
|
801
|
+
}),
|
|
802
|
+
/* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
|
|
803
803
|
...props,
|
|
804
804
|
groupSelections: true,
|
|
805
805
|
selectedValues: new Set(props.value.map(({ value }) => value)),
|
|
806
806
|
virtualizerRef
|
|
807
|
-
}
|
|
807
|
+
})
|
|
808
808
|
]
|
|
809
|
-
}
|
|
809
|
+
});
|
|
810
810
|
};
|
|
811
811
|
function VirtualizedCombobox(props) {
|
|
812
|
-
return props.multiple ? /* @__PURE__ */
|
|
812
|
+
return props.multiple ? /* @__PURE__ */ jsx5(VirtualizedComboboxMultiple, {
|
|
813
813
|
...props
|
|
814
|
-
}
|
|
814
|
+
}) : /* @__PURE__ */ jsx5(VirtualizedComboboxSingle, {
|
|
815
815
|
...props
|
|
816
|
-
}
|
|
816
|
+
});
|
|
817
817
|
}
|
|
818
818
|
|
|
819
819
|
// ../../src/components/ui/dropdown-menu.tsx
|
|
820
820
|
import { Menu as MenuPrimitive } from "@base-ui/react/menu";
|
|
821
821
|
import { ChevronRightIcon, CheckIcon } from "lucide-react";
|
|
822
|
-
import {
|
|
822
|
+
import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
823
823
|
function DropdownMenu({ ...props }) {
|
|
824
|
-
return /* @__PURE__ */
|
|
824
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Root, {
|
|
825
825
|
"data-slot": "dropdown-menu",
|
|
826
826
|
...props
|
|
827
|
-
}
|
|
827
|
+
});
|
|
828
828
|
}
|
|
829
829
|
function DropdownMenuTrigger({ ...props }) {
|
|
830
|
-
return /* @__PURE__ */
|
|
830
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Trigger, {
|
|
831
831
|
"data-slot": "dropdown-menu-trigger",
|
|
832
832
|
...props
|
|
833
|
-
}
|
|
833
|
+
});
|
|
834
834
|
}
|
|
835
835
|
function DropdownMenuContent({
|
|
836
836
|
align = "start",
|
|
@@ -840,38 +840,38 @@ function DropdownMenuContent({
|
|
|
840
840
|
className,
|
|
841
841
|
...props
|
|
842
842
|
}) {
|
|
843
|
-
return /* @__PURE__ */
|
|
844
|
-
children: /* @__PURE__ */
|
|
843
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Portal, {
|
|
844
|
+
children: /* @__PURE__ */ jsx6(MenuPrimitive.Positioner, {
|
|
845
845
|
className: "isolate z-50 outline-none",
|
|
846
846
|
align,
|
|
847
847
|
alignOffset,
|
|
848
848
|
side,
|
|
849
849
|
sideOffset,
|
|
850
|
-
children: /* @__PURE__ */
|
|
850
|
+
children: /* @__PURE__ */ jsx6(MenuPrimitive.Popup, {
|
|
851
851
|
"data-slot": "dropdown-menu-content",
|
|
852
852
|
className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
853
853
|
...props
|
|
854
|
-
}
|
|
855
|
-
}
|
|
856
|
-
}
|
|
854
|
+
})
|
|
855
|
+
})
|
|
856
|
+
});
|
|
857
857
|
}
|
|
858
858
|
function DropdownMenuGroup({ ...props }) {
|
|
859
|
-
return /* @__PURE__ */
|
|
859
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Group, {
|
|
860
860
|
"data-slot": "dropdown-menu-group",
|
|
861
861
|
...props
|
|
862
|
-
}
|
|
862
|
+
});
|
|
863
863
|
}
|
|
864
864
|
function DropdownMenuLabel({
|
|
865
865
|
className,
|
|
866
866
|
inset,
|
|
867
867
|
...props
|
|
868
868
|
}) {
|
|
869
|
-
return /* @__PURE__ */
|
|
869
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.GroupLabel, {
|
|
870
870
|
"data-slot": "dropdown-menu-label",
|
|
871
871
|
"data-inset": inset,
|
|
872
872
|
className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
|
|
873
873
|
...props
|
|
874
|
-
}
|
|
874
|
+
});
|
|
875
875
|
}
|
|
876
876
|
function DropdownMenuItem({
|
|
877
877
|
className,
|
|
@@ -879,19 +879,19 @@ function DropdownMenuItem({
|
|
|
879
879
|
variant = "default",
|
|
880
880
|
...props
|
|
881
881
|
}) {
|
|
882
|
-
return /* @__PURE__ */
|
|
882
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Item, {
|
|
883
883
|
"data-slot": "dropdown-menu-item",
|
|
884
884
|
"data-inset": inset,
|
|
885
885
|
"data-variant": variant,
|
|
886
886
|
className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className),
|
|
887
887
|
...props
|
|
888
|
-
}
|
|
888
|
+
});
|
|
889
889
|
}
|
|
890
890
|
function DropdownMenuSub({ ...props }) {
|
|
891
|
-
return /* @__PURE__ */
|
|
891
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.SubmenuRoot, {
|
|
892
892
|
"data-slot": "dropdown-menu-sub",
|
|
893
893
|
...props
|
|
894
|
-
}
|
|
894
|
+
});
|
|
895
895
|
}
|
|
896
896
|
function DropdownMenuSubTrigger({
|
|
897
897
|
className,
|
|
@@ -899,18 +899,18 @@ function DropdownMenuSubTrigger({
|
|
|
899
899
|
children,
|
|
900
900
|
...props
|
|
901
901
|
}) {
|
|
902
|
-
return /* @__PURE__ */
|
|
902
|
+
return /* @__PURE__ */ jsxs2(MenuPrimitive.SubmenuTrigger, {
|
|
903
903
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
904
904
|
"data-inset": inset,
|
|
905
905
|
className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
906
906
|
...props,
|
|
907
907
|
children: [
|
|
908
908
|
children,
|
|
909
|
-
/* @__PURE__ */
|
|
909
|
+
/* @__PURE__ */ jsx6(ChevronRightIcon, {
|
|
910
910
|
className: "ml-auto"
|
|
911
|
-
}
|
|
911
|
+
})
|
|
912
912
|
]
|
|
913
|
-
}
|
|
913
|
+
});
|
|
914
914
|
}
|
|
915
915
|
function DropdownMenuSubContent({
|
|
916
916
|
align = "start",
|
|
@@ -920,7 +920,7 @@ function DropdownMenuSubContent({
|
|
|
920
920
|
className,
|
|
921
921
|
...props
|
|
922
922
|
}) {
|
|
923
|
-
return /* @__PURE__ */
|
|
923
|
+
return /* @__PURE__ */ jsx6(DropdownMenuContent, {
|
|
924
924
|
"data-slot": "dropdown-menu-sub-content",
|
|
925
925
|
className: cn("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
926
926
|
align,
|
|
@@ -928,7 +928,7 @@ function DropdownMenuSubContent({
|
|
|
928
928
|
side,
|
|
929
929
|
sideOffset,
|
|
930
930
|
...props
|
|
931
|
-
}
|
|
931
|
+
});
|
|
932
932
|
}
|
|
933
933
|
function DropdownMenuCheckboxItem({
|
|
934
934
|
className,
|
|
@@ -937,29 +937,29 @@ function DropdownMenuCheckboxItem({
|
|
|
937
937
|
inset,
|
|
938
938
|
...props
|
|
939
939
|
}) {
|
|
940
|
-
return /* @__PURE__ */
|
|
940
|
+
return /* @__PURE__ */ jsxs2(MenuPrimitive.CheckboxItem, {
|
|
941
941
|
"data-slot": "dropdown-menu-checkbox-item",
|
|
942
942
|
"data-inset": inset,
|
|
943
943
|
className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
944
944
|
checked,
|
|
945
945
|
...props,
|
|
946
946
|
children: [
|
|
947
|
-
/* @__PURE__ */
|
|
947
|
+
/* @__PURE__ */ jsx6("span", {
|
|
948
948
|
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
949
949
|
"data-slot": "dropdown-menu-checkbox-item-indicator",
|
|
950
|
-
children: /* @__PURE__ */
|
|
951
|
-
children: /* @__PURE__ */
|
|
952
|
-
}
|
|
953
|
-
}
|
|
950
|
+
children: /* @__PURE__ */ jsx6(MenuPrimitive.CheckboxItemIndicator, {
|
|
951
|
+
children: /* @__PURE__ */ jsx6(CheckIcon, {})
|
|
952
|
+
})
|
|
953
|
+
}),
|
|
954
954
|
children
|
|
955
955
|
]
|
|
956
|
-
}
|
|
956
|
+
});
|
|
957
957
|
}
|
|
958
958
|
function DropdownMenuRadioGroup({ ...props }) {
|
|
959
|
-
return /* @__PURE__ */
|
|
959
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.RadioGroup, {
|
|
960
960
|
"data-slot": "dropdown-menu-radio-group",
|
|
961
961
|
...props
|
|
962
|
-
}
|
|
962
|
+
});
|
|
963
963
|
}
|
|
964
964
|
function DropdownMenuRadioItem({
|
|
965
965
|
className,
|
|
@@ -967,32 +967,32 @@ function DropdownMenuRadioItem({
|
|
|
967
967
|
inset,
|
|
968
968
|
...props
|
|
969
969
|
}) {
|
|
970
|
-
return /* @__PURE__ */
|
|
970
|
+
return /* @__PURE__ */ jsxs2(MenuPrimitive.RadioItem, {
|
|
971
971
|
"data-slot": "dropdown-menu-radio-item",
|
|
972
972
|
"data-inset": inset,
|
|
973
973
|
className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
974
974
|
...props,
|
|
975
975
|
children: [
|
|
976
|
-
/* @__PURE__ */
|
|
976
|
+
/* @__PURE__ */ jsx6("span", {
|
|
977
977
|
className: "pointer-events-none absolute right-2 flex items-center justify-center",
|
|
978
978
|
"data-slot": "dropdown-menu-radio-item-indicator",
|
|
979
|
-
children: /* @__PURE__ */
|
|
980
|
-
children: /* @__PURE__ */
|
|
981
|
-
}
|
|
982
|
-
}
|
|
979
|
+
children: /* @__PURE__ */ jsx6(MenuPrimitive.RadioItemIndicator, {
|
|
980
|
+
children: /* @__PURE__ */ jsx6(CheckIcon, {})
|
|
981
|
+
})
|
|
982
|
+
}),
|
|
983
983
|
children
|
|
984
984
|
]
|
|
985
|
-
}
|
|
985
|
+
});
|
|
986
986
|
}
|
|
987
987
|
function DropdownMenuSeparator({
|
|
988
988
|
className,
|
|
989
989
|
...props
|
|
990
990
|
}) {
|
|
991
|
-
return /* @__PURE__ */
|
|
991
|
+
return /* @__PURE__ */ jsx6(MenuPrimitive.Separator, {
|
|
992
992
|
"data-slot": "dropdown-menu-separator",
|
|
993
993
|
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
994
994
|
...props
|
|
995
|
-
}
|
|
995
|
+
});
|
|
996
996
|
}
|
|
997
997
|
|
|
998
998
|
// ../../src/components/ui/pagination.tsx
|
|
@@ -1005,28 +1005,28 @@ import {
|
|
|
1005
1005
|
import { useId } from "react";
|
|
1006
1006
|
|
|
1007
1007
|
// ../../src/components/ui/label.tsx
|
|
1008
|
-
import {
|
|
1008
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
1009
1009
|
"use client";
|
|
1010
1010
|
function Label({ className, ...props }) {
|
|
1011
|
-
return /* @__PURE__ */
|
|
1011
|
+
return /* @__PURE__ */ jsx7("label", {
|
|
1012
1012
|
"data-slot": "label",
|
|
1013
1013
|
className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
|
|
1014
1014
|
...props
|
|
1015
|
-
}
|
|
1015
|
+
});
|
|
1016
1016
|
}
|
|
1017
1017
|
|
|
1018
1018
|
// ../../src/components/ui/select.tsx
|
|
1019
1019
|
import { Select as SelectPrimitive } from "@base-ui/react/select";
|
|
1020
1020
|
import { ChevronDownIcon, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
|
|
1021
|
-
import {
|
|
1021
|
+
import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
1022
1022
|
"use client";
|
|
1023
1023
|
var Select = SelectPrimitive.Root;
|
|
1024
1024
|
function SelectValue({ className, ...props }) {
|
|
1025
|
-
return /* @__PURE__ */
|
|
1025
|
+
return /* @__PURE__ */ jsx8(SelectPrimitive.Value, {
|
|
1026
1026
|
"data-slot": "select-value",
|
|
1027
1027
|
className: cn("flex flex-1 text-left", className),
|
|
1028
1028
|
...props
|
|
1029
|
-
}
|
|
1029
|
+
});
|
|
1030
1030
|
}
|
|
1031
1031
|
function SelectTrigger({
|
|
1032
1032
|
className,
|
|
@@ -1034,20 +1034,20 @@ function SelectTrigger({
|
|
|
1034
1034
|
children,
|
|
1035
1035
|
...props
|
|
1036
1036
|
}) {
|
|
1037
|
-
return /* @__PURE__ */
|
|
1037
|
+
return /* @__PURE__ */ jsxs3(SelectPrimitive.Trigger, {
|
|
1038
1038
|
"data-slot": "select-trigger",
|
|
1039
1039
|
"data-size": size,
|
|
1040
1040
|
className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
1041
1041
|
...props,
|
|
1042
1042
|
children: [
|
|
1043
1043
|
children,
|
|
1044
|
-
/* @__PURE__ */
|
|
1045
|
-
render: /* @__PURE__ */
|
|
1044
|
+
/* @__PURE__ */ jsx8(SelectPrimitive.Icon, {
|
|
1045
|
+
render: /* @__PURE__ */ jsx8(ChevronDownIcon, {
|
|
1046
1046
|
className: "text-muted-foreground pointer-events-none size-4"
|
|
1047
|
-
}
|
|
1048
|
-
}
|
|
1047
|
+
})
|
|
1048
|
+
})
|
|
1049
1049
|
]
|
|
1050
|
-
}
|
|
1050
|
+
});
|
|
1051
1051
|
}
|
|
1052
1052
|
function SelectContent({
|
|
1053
1053
|
className,
|
|
@@ -1059,80 +1059,80 @@ function SelectContent({
|
|
|
1059
1059
|
alignItemWithTrigger = true,
|
|
1060
1060
|
...props
|
|
1061
1061
|
}) {
|
|
1062
|
-
return /* @__PURE__ */
|
|
1063
|
-
children: /* @__PURE__ */
|
|
1062
|
+
return /* @__PURE__ */ jsx8(SelectPrimitive.Portal, {
|
|
1063
|
+
children: /* @__PURE__ */ jsx8(SelectPrimitive.Positioner, {
|
|
1064
1064
|
side,
|
|
1065
1065
|
sideOffset,
|
|
1066
1066
|
align,
|
|
1067
1067
|
alignOffset,
|
|
1068
1068
|
alignItemWithTrigger,
|
|
1069
1069
|
className: "isolate z-50",
|
|
1070
|
-
children: /* @__PURE__ */
|
|
1070
|
+
children: /* @__PURE__ */ jsxs3(SelectPrimitive.Popup, {
|
|
1071
1071
|
"data-slot": "select-content",
|
|
1072
1072
|
"data-align-trigger": alignItemWithTrigger,
|
|
1073
1073
|
className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
1074
1074
|
...props,
|
|
1075
1075
|
children: [
|
|
1076
|
-
/* @__PURE__ */
|
|
1077
|
-
/* @__PURE__ */
|
|
1076
|
+
/* @__PURE__ */ jsx8(SelectScrollUpButton, {}),
|
|
1077
|
+
/* @__PURE__ */ jsx8(SelectPrimitive.List, {
|
|
1078
1078
|
children
|
|
1079
|
-
}
|
|
1080
|
-
/* @__PURE__ */
|
|
1079
|
+
}),
|
|
1080
|
+
/* @__PURE__ */ jsx8(SelectScrollDownButton, {})
|
|
1081
1081
|
]
|
|
1082
|
-
}
|
|
1083
|
-
}
|
|
1084
|
-
}
|
|
1082
|
+
})
|
|
1083
|
+
})
|
|
1084
|
+
});
|
|
1085
1085
|
}
|
|
1086
1086
|
function SelectItem({
|
|
1087
1087
|
className,
|
|
1088
1088
|
children,
|
|
1089
1089
|
...props
|
|
1090
1090
|
}) {
|
|
1091
|
-
return /* @__PURE__ */
|
|
1091
|
+
return /* @__PURE__ */ jsxs3(SelectPrimitive.Item, {
|
|
1092
1092
|
"data-slot": "select-item",
|
|
1093
1093
|
className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
|
|
1094
1094
|
...props,
|
|
1095
1095
|
children: [
|
|
1096
|
-
/* @__PURE__ */
|
|
1096
|
+
/* @__PURE__ */ jsx8(SelectPrimitive.ItemText, {
|
|
1097
1097
|
className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
|
|
1098
1098
|
children
|
|
1099
|
-
}
|
|
1100
|
-
/* @__PURE__ */
|
|
1101
|
-
render: /* @__PURE__ */
|
|
1099
|
+
}),
|
|
1100
|
+
/* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, {
|
|
1101
|
+
render: /* @__PURE__ */ jsx8("span", {
|
|
1102
1102
|
className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
|
|
1103
|
-
}
|
|
1104
|
-
children: /* @__PURE__ */
|
|
1103
|
+
}),
|
|
1104
|
+
children: /* @__PURE__ */ jsx8(CheckIcon2, {
|
|
1105
1105
|
className: "pointer-events-none"
|
|
1106
|
-
}
|
|
1107
|
-
}
|
|
1106
|
+
})
|
|
1107
|
+
})
|
|
1108
1108
|
]
|
|
1109
|
-
}
|
|
1109
|
+
});
|
|
1110
1110
|
}
|
|
1111
1111
|
function SelectScrollUpButton({
|
|
1112
1112
|
className,
|
|
1113
1113
|
...props
|
|
1114
1114
|
}) {
|
|
1115
|
-
return /* @__PURE__ */
|
|
1115
|
+
return /* @__PURE__ */ jsx8(SelectPrimitive.ScrollUpArrow, {
|
|
1116
1116
|
"data-slot": "select-scroll-up-button",
|
|
1117
1117
|
className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
1118
1118
|
...props,
|
|
1119
|
-
children: /* @__PURE__ */
|
|
1120
|
-
}
|
|
1119
|
+
children: /* @__PURE__ */ jsx8(ChevronUpIcon, {})
|
|
1120
|
+
});
|
|
1121
1121
|
}
|
|
1122
1122
|
function SelectScrollDownButton({
|
|
1123
1123
|
className,
|
|
1124
1124
|
...props
|
|
1125
1125
|
}) {
|
|
1126
|
-
return /* @__PURE__ */
|
|
1126
|
+
return /* @__PURE__ */ jsx8(SelectPrimitive.ScrollDownArrow, {
|
|
1127
1127
|
"data-slot": "select-scroll-down-button",
|
|
1128
1128
|
className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
1129
1129
|
...props,
|
|
1130
|
-
children: /* @__PURE__ */
|
|
1131
|
-
}
|
|
1130
|
+
children: /* @__PURE__ */ jsx8(ChevronDownIcon, {})
|
|
1131
|
+
});
|
|
1132
1132
|
}
|
|
1133
1133
|
|
|
1134
1134
|
// ../../src/components/ui/pagination.tsx
|
|
1135
|
-
import {
|
|
1135
|
+
import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
1136
1136
|
var messages2 = {
|
|
1137
1137
|
en: {
|
|
1138
1138
|
pageSize: "Page size",
|
|
@@ -1176,32 +1176,32 @@ function Pagination({
|
|
|
1176
1176
|
const pageSizeId = useId();
|
|
1177
1177
|
const canGoBack = page > 0;
|
|
1178
1178
|
const canGoForward = page + 1 < pageCount;
|
|
1179
|
-
return /* @__PURE__ */
|
|
1179
|
+
return /* @__PURE__ */ jsxs4("div", {
|
|
1180
1180
|
className: cn("flex flex-col gap-3 px-2 sm:flex-row sm:items-center sm:justify-between", compact && "gap-2 px-0 sm:flex-col sm:items-stretch"),
|
|
1181
1181
|
children: [
|
|
1182
|
-
showResults ? /* @__PURE__ */
|
|
1182
|
+
showResults ? /* @__PURE__ */ jsxs4("div", {
|
|
1183
1183
|
className: "text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",
|
|
1184
1184
|
children: [
|
|
1185
|
-
/* @__PURE__ */
|
|
1185
|
+
/* @__PURE__ */ jsx9("span", {
|
|
1186
1186
|
children: labels.results(totalRows)
|
|
1187
|
-
}
|
|
1188
|
-
selectedRows > 0 ? /* @__PURE__ */
|
|
1187
|
+
}),
|
|
1188
|
+
selectedRows > 0 ? /* @__PURE__ */ jsx9("span", {
|
|
1189
1189
|
children: labels.selectedOf(selectedRows, totalRows)
|
|
1190
|
-
}
|
|
1190
|
+
}) : null
|
|
1191
1191
|
]
|
|
1192
|
-
}
|
|
1193
|
-
/* @__PURE__ */
|
|
1192
|
+
}) : null,
|
|
1193
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
1194
1194
|
className: cn("flex items-center gap-4 sm:justify-end", compact && "flex-wrap justify-between gap-2 sm:justify-between"),
|
|
1195
1195
|
children: [
|
|
1196
|
-
/* @__PURE__ */
|
|
1196
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
1197
1197
|
className: "flex items-center gap-2",
|
|
1198
1198
|
children: [
|
|
1199
|
-
/* @__PURE__ */
|
|
1199
|
+
/* @__PURE__ */ jsx9(Label, {
|
|
1200
1200
|
htmlFor: pageSizeId,
|
|
1201
1201
|
className: cn("hidden text-sm sm:block", compact && "block"),
|
|
1202
1202
|
children: labels.pageSize
|
|
1203
|
-
}
|
|
1204
|
-
/* @__PURE__ */
|
|
1203
|
+
}),
|
|
1204
|
+
/* @__PURE__ */ jsxs4(Select, {
|
|
1205
1205
|
items: pageSizes.map((size) => ({
|
|
1206
1206
|
label: size.toString(),
|
|
1207
1207
|
value: size.toString()
|
|
@@ -1209,110 +1209,110 @@ function Pagination({
|
|
|
1209
1209
|
value: `${pageSize}`,
|
|
1210
1210
|
onValueChange: (value) => onPageSizeChange(Number(value)),
|
|
1211
1211
|
children: [
|
|
1212
|
-
/* @__PURE__ */
|
|
1212
|
+
/* @__PURE__ */ jsx9(SelectTrigger, {
|
|
1213
1213
|
className: "h-8 w-[70px]",
|
|
1214
1214
|
id: pageSizeId,
|
|
1215
|
-
children: /* @__PURE__ */
|
|
1215
|
+
children: /* @__PURE__ */ jsx9(SelectValue, {
|
|
1216
1216
|
placeholder: pageSize
|
|
1217
|
-
}
|
|
1218
|
-
}
|
|
1219
|
-
/* @__PURE__ */
|
|
1217
|
+
})
|
|
1218
|
+
}),
|
|
1219
|
+
/* @__PURE__ */ jsx9(SelectContent, {
|
|
1220
1220
|
side: "top",
|
|
1221
|
-
children: pageSizes.map((size) => /* @__PURE__ */
|
|
1221
|
+
children: pageSizes.map((size) => /* @__PURE__ */ jsx9(SelectItem, {
|
|
1222
1222
|
value: `${size}`,
|
|
1223
1223
|
children: size
|
|
1224
|
-
}, size
|
|
1225
|
-
}
|
|
1224
|
+
}, size))
|
|
1225
|
+
})
|
|
1226
1226
|
]
|
|
1227
|
-
}
|
|
1227
|
+
})
|
|
1228
1228
|
]
|
|
1229
|
-
}
|
|
1230
|
-
/* @__PURE__ */
|
|
1229
|
+
}),
|
|
1230
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
1231
1231
|
className: "flex items-center gap-2",
|
|
1232
1232
|
children: [
|
|
1233
|
-
/* @__PURE__ */
|
|
1233
|
+
/* @__PURE__ */ jsx9("div", {
|
|
1234
1234
|
className: "flex items-center justify-center text-sm font-medium sm:block",
|
|
1235
1235
|
children: labels.pageOf(page + 1, pageCount)
|
|
1236
|
-
}
|
|
1237
|
-
/* @__PURE__ */
|
|
1236
|
+
}),
|
|
1237
|
+
/* @__PURE__ */ jsxs4("div", {
|
|
1238
1238
|
className: "flex items-center gap-1",
|
|
1239
1239
|
children: [
|
|
1240
|
-
/* @__PURE__ */
|
|
1240
|
+
/* @__PURE__ */ jsxs4(Button, {
|
|
1241
1241
|
className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
|
|
1242
1242
|
disabled: !canGoBack,
|
|
1243
1243
|
onClick: () => onPageChange(0),
|
|
1244
1244
|
type: "button",
|
|
1245
1245
|
children: [
|
|
1246
|
-
/* @__PURE__ */
|
|
1246
|
+
/* @__PURE__ */ jsx9("span", {
|
|
1247
1247
|
className: "sr-only",
|
|
1248
1248
|
children: labels.goToFirstPage
|
|
1249
|
-
}
|
|
1250
|
-
/* @__PURE__ */
|
|
1249
|
+
}),
|
|
1250
|
+
/* @__PURE__ */ jsx9(ChevronsLeft, {})
|
|
1251
1251
|
]
|
|
1252
|
-
}
|
|
1253
|
-
/* @__PURE__ */
|
|
1252
|
+
}),
|
|
1253
|
+
/* @__PURE__ */ jsxs4(Button, {
|
|
1254
1254
|
className: "h-8 w-8 p-0",
|
|
1255
1255
|
disabled: !canGoBack,
|
|
1256
1256
|
onClick: () => onPageChange(page - 1),
|
|
1257
1257
|
type: "button",
|
|
1258
1258
|
children: [
|
|
1259
|
-
/* @__PURE__ */
|
|
1259
|
+
/* @__PURE__ */ jsx9("span", {
|
|
1260
1260
|
className: "sr-only",
|
|
1261
1261
|
children: labels.goToPreviousPage
|
|
1262
|
-
}
|
|
1263
|
-
/* @__PURE__ */
|
|
1262
|
+
}),
|
|
1263
|
+
/* @__PURE__ */ jsx9(ChevronLeft, {})
|
|
1264
1264
|
]
|
|
1265
|
-
}
|
|
1266
|
-
/* @__PURE__ */
|
|
1265
|
+
}),
|
|
1266
|
+
/* @__PURE__ */ jsxs4(Button, {
|
|
1267
1267
|
className: "h-8 w-8 p-0",
|
|
1268
1268
|
disabled: !canGoForward,
|
|
1269
1269
|
onClick: () => onPageChange(page + 1),
|
|
1270
1270
|
type: "button",
|
|
1271
1271
|
children: [
|
|
1272
|
-
/* @__PURE__ */
|
|
1272
|
+
/* @__PURE__ */ jsx9("span", {
|
|
1273
1273
|
className: "sr-only",
|
|
1274
1274
|
children: labels.goToNextPage
|
|
1275
|
-
}
|
|
1276
|
-
/* @__PURE__ */
|
|
1275
|
+
}),
|
|
1276
|
+
/* @__PURE__ */ jsx9(ChevronRight, {})
|
|
1277
1277
|
]
|
|
1278
|
-
}
|
|
1279
|
-
/* @__PURE__ */
|
|
1278
|
+
}),
|
|
1279
|
+
/* @__PURE__ */ jsxs4(Button, {
|
|
1280
1280
|
className: cn("hidden h-8 w-8 p-0 lg:flex", compact && "!hidden"),
|
|
1281
1281
|
disabled: !canGoForward,
|
|
1282
1282
|
onClick: () => onPageChange(pageCount - 1),
|
|
1283
1283
|
type: "button",
|
|
1284
1284
|
children: [
|
|
1285
|
-
/* @__PURE__ */
|
|
1285
|
+
/* @__PURE__ */ jsx9("span", {
|
|
1286
1286
|
className: "sr-only",
|
|
1287
1287
|
children: labels.goToLastPage
|
|
1288
|
-
}
|
|
1289
|
-
/* @__PURE__ */
|
|
1288
|
+
}),
|
|
1289
|
+
/* @__PURE__ */ jsx9(ChevronsRight, {})
|
|
1290
1290
|
]
|
|
1291
|
-
}
|
|
1291
|
+
})
|
|
1292
1292
|
]
|
|
1293
|
-
}
|
|
1293
|
+
})
|
|
1294
1294
|
]
|
|
1295
|
-
}
|
|
1295
|
+
})
|
|
1296
1296
|
]
|
|
1297
|
-
}
|
|
1297
|
+
})
|
|
1298
1298
|
]
|
|
1299
|
-
}
|
|
1299
|
+
});
|
|
1300
1300
|
}
|
|
1301
1301
|
|
|
1302
1302
|
// ../../src/components/ui/popover.tsx
|
|
1303
1303
|
import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
|
|
1304
|
-
import {
|
|
1304
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
1305
1305
|
function Popover({ ...props }) {
|
|
1306
|
-
return /* @__PURE__ */
|
|
1306
|
+
return /* @__PURE__ */ jsx10(PopoverPrimitive.Root, {
|
|
1307
1307
|
"data-slot": "popover",
|
|
1308
1308
|
...props
|
|
1309
|
-
}
|
|
1309
|
+
});
|
|
1310
1310
|
}
|
|
1311
1311
|
function PopoverTrigger({ ...props }) {
|
|
1312
|
-
return /* @__PURE__ */
|
|
1312
|
+
return /* @__PURE__ */ jsx10(PopoverPrimitive.Trigger, {
|
|
1313
1313
|
"data-slot": "popover-trigger",
|
|
1314
1314
|
...props
|
|
1315
|
-
}
|
|
1315
|
+
});
|
|
1316
1316
|
}
|
|
1317
1317
|
function PopoverContent({
|
|
1318
1318
|
className,
|
|
@@ -1322,137 +1322,137 @@ function PopoverContent({
|
|
|
1322
1322
|
sideOffset = 4,
|
|
1323
1323
|
...props
|
|
1324
1324
|
}) {
|
|
1325
|
-
return /* @__PURE__ */
|
|
1326
|
-
children: /* @__PURE__ */
|
|
1325
|
+
return /* @__PURE__ */ jsx10(PopoverPrimitive.Portal, {
|
|
1326
|
+
children: /* @__PURE__ */ jsx10(PopoverPrimitive.Positioner, {
|
|
1327
1327
|
align,
|
|
1328
1328
|
alignOffset,
|
|
1329
1329
|
side,
|
|
1330
1330
|
sideOffset,
|
|
1331
1331
|
className: "isolate z-50",
|
|
1332
|
-
children: /* @__PURE__ */
|
|
1332
|
+
children: /* @__PURE__ */ jsx10(PopoverPrimitive.Popup, {
|
|
1333
1333
|
"data-slot": "popover-content",
|
|
1334
1334
|
className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
1335
1335
|
...props
|
|
1336
|
-
}
|
|
1337
|
-
}
|
|
1338
|
-
}
|
|
1336
|
+
})
|
|
1337
|
+
})
|
|
1338
|
+
});
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
1341
|
// ../../src/components/ui/scroll-area.tsx
|
|
1342
1342
|
import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
|
|
1343
|
-
import {
|
|
1343
|
+
import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1344
1344
|
function ScrollArea({
|
|
1345
1345
|
className,
|
|
1346
1346
|
children,
|
|
1347
1347
|
...props
|
|
1348
1348
|
}) {
|
|
1349
|
-
return /* @__PURE__ */
|
|
1349
|
+
return /* @__PURE__ */ jsxs5(ScrollAreaPrimitive.Root, {
|
|
1350
1350
|
"data-slot": "scroll-area",
|
|
1351
1351
|
className: cn("relative", className),
|
|
1352
1352
|
...props,
|
|
1353
1353
|
children: [
|
|
1354
|
-
/* @__PURE__ */
|
|
1354
|
+
/* @__PURE__ */ jsx11(ScrollAreaPrimitive.Viewport, {
|
|
1355
1355
|
"data-slot": "scroll-area-viewport",
|
|
1356
1356
|
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
|
|
1357
1357
|
children
|
|
1358
|
-
}
|
|
1359
|
-
/* @__PURE__ */
|
|
1360
|
-
/* @__PURE__ */
|
|
1358
|
+
}),
|
|
1359
|
+
/* @__PURE__ */ jsx11(ScrollBar, {}),
|
|
1360
|
+
/* @__PURE__ */ jsx11(ScrollAreaPrimitive.Corner, {})
|
|
1361
1361
|
]
|
|
1362
|
-
}
|
|
1362
|
+
});
|
|
1363
1363
|
}
|
|
1364
1364
|
function ScrollBar({
|
|
1365
1365
|
className,
|
|
1366
1366
|
orientation = "vertical",
|
|
1367
1367
|
...props
|
|
1368
1368
|
}) {
|
|
1369
|
-
return /* @__PURE__ */
|
|
1369
|
+
return /* @__PURE__ */ jsx11(ScrollAreaPrimitive.Scrollbar, {
|
|
1370
1370
|
"data-slot": "scroll-area-scrollbar",
|
|
1371
1371
|
"data-orientation": orientation,
|
|
1372
1372
|
orientation,
|
|
1373
1373
|
className: cn("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", className),
|
|
1374
1374
|
...props,
|
|
1375
|
-
children: /* @__PURE__ */
|
|
1375
|
+
children: /* @__PURE__ */ jsx11(ScrollAreaPrimitive.Thumb, {
|
|
1376
1376
|
"data-slot": "scroll-area-thumb",
|
|
1377
1377
|
className: "bg-border relative flex-1 rounded-full"
|
|
1378
|
-
}
|
|
1379
|
-
}
|
|
1378
|
+
})
|
|
1379
|
+
});
|
|
1380
1380
|
}
|
|
1381
1381
|
|
|
1382
1382
|
// ../../src/components/ui/table.tsx
|
|
1383
|
-
import {
|
|
1383
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
1384
1384
|
function Table({ className, ...props }) {
|
|
1385
|
-
return /* @__PURE__ */
|
|
1385
|
+
return /* @__PURE__ */ jsx12("div", {
|
|
1386
1386
|
"data-slot": "table-container",
|
|
1387
1387
|
className: "relative w-full overflow-x-auto",
|
|
1388
|
-
children: /* @__PURE__ */
|
|
1388
|
+
children: /* @__PURE__ */ jsx12("table", {
|
|
1389
1389
|
"data-slot": "table",
|
|
1390
1390
|
className: cn("w-full caption-bottom text-sm", className),
|
|
1391
1391
|
...props
|
|
1392
|
-
}
|
|
1393
|
-
}
|
|
1392
|
+
})
|
|
1393
|
+
});
|
|
1394
1394
|
}
|
|
1395
1395
|
function TableHeader({ className, ...props }) {
|
|
1396
|
-
return /* @__PURE__ */
|
|
1396
|
+
return /* @__PURE__ */ jsx12("thead", {
|
|
1397
1397
|
"data-slot": "table-header",
|
|
1398
1398
|
className: cn("[&_tr]:border-b", className),
|
|
1399
1399
|
...props
|
|
1400
|
-
}
|
|
1400
|
+
});
|
|
1401
1401
|
}
|
|
1402
1402
|
function TableBody({ className, ...props }) {
|
|
1403
|
-
return /* @__PURE__ */
|
|
1403
|
+
return /* @__PURE__ */ jsx12("tbody", {
|
|
1404
1404
|
"data-slot": "table-body",
|
|
1405
1405
|
className: cn("[&_tr:last-child]:border-0", className),
|
|
1406
1406
|
...props
|
|
1407
|
-
}
|
|
1407
|
+
});
|
|
1408
1408
|
}
|
|
1409
1409
|
function TableRow({ className, ...props }) {
|
|
1410
|
-
return /* @__PURE__ */
|
|
1410
|
+
return /* @__PURE__ */ jsx12("tr", {
|
|
1411
1411
|
"data-slot": "table-row",
|
|
1412
1412
|
className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
|
|
1413
1413
|
...props
|
|
1414
|
-
}
|
|
1414
|
+
});
|
|
1415
1415
|
}
|
|
1416
1416
|
function TableHead({ className, ...props }) {
|
|
1417
|
-
return /* @__PURE__ */
|
|
1417
|
+
return /* @__PURE__ */ jsx12("th", {
|
|
1418
1418
|
"data-slot": "table-head",
|
|
1419
1419
|
className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
|
|
1420
1420
|
...props
|
|
1421
|
-
}
|
|
1421
|
+
});
|
|
1422
1422
|
}
|
|
1423
1423
|
function TableCell({ className, ...props }) {
|
|
1424
|
-
return /* @__PURE__ */
|
|
1424
|
+
return /* @__PURE__ */ jsx12("td", {
|
|
1425
1425
|
"data-slot": "table-cell",
|
|
1426
1426
|
className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
|
|
1427
1427
|
...props
|
|
1428
|
-
}
|
|
1428
|
+
});
|
|
1429
1429
|
}
|
|
1430
1430
|
|
|
1431
1431
|
// ../../src/components/ui/tooltip.tsx
|
|
1432
1432
|
import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
|
|
1433
|
-
import {
|
|
1433
|
+
import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
1434
1434
|
"use client";
|
|
1435
1435
|
function TooltipProvider({
|
|
1436
1436
|
delay = 0,
|
|
1437
1437
|
...props
|
|
1438
1438
|
}) {
|
|
1439
|
-
return /* @__PURE__ */
|
|
1439
|
+
return /* @__PURE__ */ jsx13(TooltipPrimitive.Provider, {
|
|
1440
1440
|
"data-slot": "tooltip-provider",
|
|
1441
1441
|
delay,
|
|
1442
1442
|
...props
|
|
1443
|
-
}
|
|
1443
|
+
});
|
|
1444
1444
|
}
|
|
1445
1445
|
function Tooltip({ ...props }) {
|
|
1446
|
-
return /* @__PURE__ */
|
|
1446
|
+
return /* @__PURE__ */ jsx13(TooltipPrimitive.Root, {
|
|
1447
1447
|
"data-slot": "tooltip",
|
|
1448
1448
|
...props
|
|
1449
|
-
}
|
|
1449
|
+
});
|
|
1450
1450
|
}
|
|
1451
1451
|
function TooltipTrigger({ ...props }) {
|
|
1452
|
-
return /* @__PURE__ */
|
|
1452
|
+
return /* @__PURE__ */ jsx13(TooltipPrimitive.Trigger, {
|
|
1453
1453
|
"data-slot": "tooltip-trigger",
|
|
1454
1454
|
...props
|
|
1455
|
-
}
|
|
1455
|
+
});
|
|
1456
1456
|
}
|
|
1457
1457
|
function TooltipContent({
|
|
1458
1458
|
className,
|
|
@@ -1463,26 +1463,26 @@ function TooltipContent({
|
|
|
1463
1463
|
children,
|
|
1464
1464
|
...props
|
|
1465
1465
|
}) {
|
|
1466
|
-
return /* @__PURE__ */
|
|
1467
|
-
children: /* @__PURE__ */
|
|
1466
|
+
return /* @__PURE__ */ jsx13(TooltipPrimitive.Portal, {
|
|
1467
|
+
children: /* @__PURE__ */ jsx13(TooltipPrimitive.Positioner, {
|
|
1468
1468
|
align,
|
|
1469
1469
|
alignOffset,
|
|
1470
1470
|
side,
|
|
1471
1471
|
sideOffset,
|
|
1472
1472
|
className: "isolate z-50",
|
|
1473
|
-
children: /* @__PURE__ */
|
|
1473
|
+
children: /* @__PURE__ */ jsxs6(TooltipPrimitive.Popup, {
|
|
1474
1474
|
"data-slot": "tooltip-content",
|
|
1475
1475
|
className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
1476
1476
|
...props,
|
|
1477
1477
|
children: [
|
|
1478
1478
|
children,
|
|
1479
|
-
/* @__PURE__ */
|
|
1479
|
+
/* @__PURE__ */ jsx13(TooltipPrimitive.Arrow, {
|
|
1480
1480
|
className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
|
|
1481
|
-
}
|
|
1481
|
+
})
|
|
1482
1482
|
]
|
|
1483
|
-
}
|
|
1484
|
-
}
|
|
1485
|
-
}
|
|
1483
|
+
})
|
|
1484
|
+
})
|
|
1485
|
+
});
|
|
1486
1486
|
}
|
|
1487
1487
|
|
|
1488
1488
|
// ../../src/lib/query.ts
|
|
@@ -1699,58 +1699,58 @@ function Badge({
|
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
1701
|
// ../../src/components/ui/card.tsx
|
|
1702
|
-
import {
|
|
1702
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
1703
1703
|
function Card({
|
|
1704
1704
|
className,
|
|
1705
1705
|
size = "default",
|
|
1706
1706
|
...props
|
|
1707
1707
|
}) {
|
|
1708
|
-
return /* @__PURE__ */
|
|
1708
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1709
1709
|
"data-slot": "card",
|
|
1710
1710
|
"data-size": size,
|
|
1711
1711
|
className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
|
|
1712
1712
|
...props
|
|
1713
|
-
}
|
|
1713
|
+
});
|
|
1714
1714
|
}
|
|
1715
1715
|
function CardHeader({ className, ...props }) {
|
|
1716
|
-
return /* @__PURE__ */
|
|
1716
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1717
1717
|
"data-slot": "card-header",
|
|
1718
1718
|
className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
|
|
1719
1719
|
...props
|
|
1720
|
-
}
|
|
1720
|
+
});
|
|
1721
1721
|
}
|
|
1722
1722
|
function CardTitle({ className, ...props }) {
|
|
1723
|
-
return /* @__PURE__ */
|
|
1723
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1724
1724
|
"data-slot": "card-title",
|
|
1725
1725
|
className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
|
|
1726
1726
|
...props
|
|
1727
|
-
}
|
|
1727
|
+
});
|
|
1728
1728
|
}
|
|
1729
1729
|
function CardDescription({ className, ...props }) {
|
|
1730
|
-
return /* @__PURE__ */
|
|
1730
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1731
1731
|
"data-slot": "card-description",
|
|
1732
1732
|
className: cn("text-sm text-muted-foreground", className),
|
|
1733
1733
|
...props
|
|
1734
|
-
}
|
|
1734
|
+
});
|
|
1735
1735
|
}
|
|
1736
1736
|
function CardAction({ className, ...props }) {
|
|
1737
|
-
return /* @__PURE__ */
|
|
1737
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1738
1738
|
"data-slot": "card-action",
|
|
1739
1739
|
className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
|
|
1740
1740
|
...props
|
|
1741
|
-
}
|
|
1741
|
+
});
|
|
1742
1742
|
}
|
|
1743
1743
|
function CardContent({ className, ...props }) {
|
|
1744
|
-
return /* @__PURE__ */
|
|
1744
|
+
return /* @__PURE__ */ jsx14("div", {
|
|
1745
1745
|
"data-slot": "card-content",
|
|
1746
1746
|
className: cn("px-(--card-spacing)", className),
|
|
1747
1747
|
...props
|
|
1748
|
-
}
|
|
1748
|
+
});
|
|
1749
1749
|
}
|
|
1750
1750
|
|
|
1751
1751
|
// ../../src/components/ui/loading.tsx
|
|
1752
1752
|
import { Loader2 } from "lucide-react";
|
|
1753
|
-
import {
|
|
1753
|
+
import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
1754
1754
|
var labels = {
|
|
1755
1755
|
en: {
|
|
1756
1756
|
loading: "Loading..."
|
|
@@ -1765,19 +1765,19 @@ function Loading({
|
|
|
1765
1765
|
label,
|
|
1766
1766
|
variant = "inline"
|
|
1767
1767
|
}) {
|
|
1768
|
-
return /* @__PURE__ */
|
|
1768
|
+
return /* @__PURE__ */ jsxs7("div", {
|
|
1769
1769
|
className: cn("text-muted-foreground flex items-center justify-center gap-2 text-sm", variant === "centered" && "min-h-[50svh] w-full", className),
|
|
1770
1770
|
children: [
|
|
1771
|
-
/* @__PURE__ */
|
|
1771
|
+
/* @__PURE__ */ jsx15(Loader2, {
|
|
1772
1772
|
className: "size-4 animate-spin"
|
|
1773
|
-
}
|
|
1773
|
+
}),
|
|
1774
1774
|
label ?? loadingLabel()
|
|
1775
1775
|
]
|
|
1776
|
-
}
|
|
1776
|
+
});
|
|
1777
1777
|
}
|
|
1778
1778
|
|
|
1779
1779
|
// ../../src/components/ui/data-table.tsx
|
|
1780
|
-
import {
|
|
1780
|
+
import { jsx as jsx16, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
|
|
1781
1781
|
var DataTableViewContext = createContext("table");
|
|
1782
1782
|
var TableSearchSchema = Schema2.Struct({
|
|
1783
1783
|
page: Schema2.optional(Query.fields.page),
|
|
@@ -1896,33 +1896,33 @@ var DataTableRowActions = ({
|
|
|
1896
1896
|
if (visibleActions.length === 0) {
|
|
1897
1897
|
return null;
|
|
1898
1898
|
}
|
|
1899
|
-
return /* @__PURE__ */
|
|
1899
|
+
return /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
1900
1900
|
children: [
|
|
1901
|
-
/* @__PURE__ */
|
|
1901
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
1902
1902
|
onClick: (event) => event.stopPropagation(),
|
|
1903
|
-
render: /* @__PURE__ */
|
|
1903
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
1904
1904
|
className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
|
|
1905
1905
|
variant: "ghost",
|
|
1906
1906
|
size: "icon",
|
|
1907
1907
|
children: [
|
|
1908
|
-
/* @__PURE__ */
|
|
1908
|
+
/* @__PURE__ */ jsx16("span", {
|
|
1909
1909
|
className: "sr-only",
|
|
1910
1910
|
children: resolvedTitle
|
|
1911
|
-
}
|
|
1912
|
-
/* @__PURE__ */
|
|
1911
|
+
}),
|
|
1912
|
+
/* @__PURE__ */ jsx16(MoreHorizontal, {})
|
|
1913
1913
|
]
|
|
1914
|
-
}
|
|
1915
|
-
}
|
|
1916
|
-
/* @__PURE__ */
|
|
1914
|
+
})
|
|
1915
|
+
}),
|
|
1916
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
1917
1917
|
align: "end",
|
|
1918
1918
|
className: cn("w-max", contentClassName),
|
|
1919
|
-
children: /* @__PURE__ */
|
|
1919
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
1920
1920
|
children: [
|
|
1921
|
-
/* @__PURE__ */
|
|
1921
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
1922
1922
|
children: resolvedTitle
|
|
1923
|
-
}
|
|
1924
|
-
/* @__PURE__ */
|
|
1925
|
-
visibleActions.map((action) => /* @__PURE__ */
|
|
1923
|
+
}),
|
|
1924
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
1925
|
+
visibleActions.map((action) => /* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
1926
1926
|
className: "whitespace-nowrap",
|
|
1927
1927
|
onClick: (event) => {
|
|
1928
1928
|
event.stopPropagation();
|
|
@@ -1933,12 +1933,12 @@ var DataTableRowActions = ({
|
|
|
1933
1933
|
action.icon,
|
|
1934
1934
|
action.name
|
|
1935
1935
|
]
|
|
1936
|
-
}, action.id ?? action.name
|
|
1936
|
+
}, action.id ?? action.name))
|
|
1937
1937
|
]
|
|
1938
|
-
}
|
|
1939
|
-
}
|
|
1938
|
+
})
|
|
1939
|
+
})
|
|
1940
1940
|
]
|
|
1941
|
-
}
|
|
1941
|
+
});
|
|
1942
1942
|
};
|
|
1943
1943
|
var buildGroupedSections = (rows, fields, depth = 0, parentKey = "") => {
|
|
1944
1944
|
if (fields.length === 0) {
|
|
@@ -1979,40 +1979,40 @@ var GroupHeaderRow = ({
|
|
|
1979
1979
|
}) => {
|
|
1980
1980
|
const label = section.field.getGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? section.groupId;
|
|
1981
1981
|
const renderedLabel = section.field.renderGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? label;
|
|
1982
|
-
return /* @__PURE__ */
|
|
1983
|
-
children: /* @__PURE__ */
|
|
1982
|
+
return /* @__PURE__ */ jsx16(TableRow, {
|
|
1983
|
+
children: /* @__PURE__ */ jsx16(TableCell, {
|
|
1984
1984
|
className: "relative p-0",
|
|
1985
1985
|
colSpan,
|
|
1986
1986
|
onClick: onToggle,
|
|
1987
|
-
children: /* @__PURE__ */
|
|
1987
|
+
children: /* @__PURE__ */ jsxs8("div", {
|
|
1988
1988
|
className: "flex cursor-pointer items-center gap-3 px-2 py-2 font-medium transition-colors",
|
|
1989
1989
|
style: {
|
|
1990
1990
|
paddingLeft: `calc(0.5rem + ${section.depth * GROUP_INDENT_PX}px)`
|
|
1991
1991
|
},
|
|
1992
1992
|
children: [
|
|
1993
|
-
collapsed ? /* @__PURE__ */
|
|
1993
|
+
collapsed ? /* @__PURE__ */ jsx16(ChevronRight2, {
|
|
1994
1994
|
className: "size-4"
|
|
1995
|
-
}
|
|
1995
|
+
}) : /* @__PURE__ */ jsx16(ChevronDown, {
|
|
1996
1996
|
className: "size-4"
|
|
1997
|
-
}
|
|
1998
|
-
/* @__PURE__ */
|
|
1997
|
+
}),
|
|
1998
|
+
/* @__PURE__ */ jsx16("div", {
|
|
1999
1999
|
className: "min-w-0 flex-1 text-left",
|
|
2000
2000
|
children: renderedLabel
|
|
2001
|
-
}
|
|
2002
|
-
/* @__PURE__ */
|
|
2001
|
+
}),
|
|
2002
|
+
/* @__PURE__ */ jsx16(Badge, {
|
|
2003
2003
|
variant: "secondary",
|
|
2004
2004
|
className: "ml-auto",
|
|
2005
2005
|
children: section.rows.length
|
|
2006
|
-
}
|
|
2007
|
-
/* @__PURE__ */
|
|
2006
|
+
}),
|
|
2007
|
+
/* @__PURE__ */ jsx16(DataTableGroupActions, {
|
|
2008
2008
|
actions: section.field.actions,
|
|
2009
2009
|
groupId: section.groupId,
|
|
2010
2010
|
title: section.field.actionsTitle
|
|
2011
|
-
}
|
|
2011
|
+
})
|
|
2012
2012
|
]
|
|
2013
|
-
}
|
|
2014
|
-
}
|
|
2015
|
-
}
|
|
2013
|
+
})
|
|
2014
|
+
})
|
|
2015
|
+
});
|
|
2016
2016
|
};
|
|
2017
2017
|
var GroupTableSection = ({
|
|
2018
2018
|
children,
|
|
@@ -2027,11 +2027,11 @@ var GroupTableSection = ({
|
|
|
2027
2027
|
groupId: section.groupId
|
|
2028
2028
|
}
|
|
2029
2029
|
});
|
|
2030
|
-
return /* @__PURE__ */
|
|
2030
|
+
return /* @__PURE__ */ jsx16(TableBody, {
|
|
2031
2031
|
className: cn("relative px-2", isOver && "ring-primary ring-1 ring-inset"),
|
|
2032
2032
|
ref: setNodeRef,
|
|
2033
2033
|
children
|
|
2034
|
-
}
|
|
2034
|
+
});
|
|
2035
2035
|
};
|
|
2036
2036
|
var GroupHeaderCard = ({
|
|
2037
2037
|
collapsed,
|
|
@@ -2049,38 +2049,38 @@ var GroupHeaderCard = ({
|
|
|
2049
2049
|
});
|
|
2050
2050
|
const label = section.field.getGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? section.groupId;
|
|
2051
2051
|
const renderedLabel = section.field.renderGroupLabel?.(section.groupId, section.rows.map((row) => row.original)) ?? label;
|
|
2052
|
-
return /* @__PURE__ */
|
|
2052
|
+
return /* @__PURE__ */ jsxs8("div", {
|
|
2053
2053
|
className: cn("flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left font-medium transition-colors", isOver && "outline outline-primary"),
|
|
2054
2054
|
ref: setNodeRef,
|
|
2055
2055
|
children: [
|
|
2056
|
-
/* @__PURE__ */
|
|
2056
|
+
/* @__PURE__ */ jsxs8("button", {
|
|
2057
2057
|
className: "flex min-w-0 flex-1 items-center gap-3 text-left",
|
|
2058
2058
|
onClick: onToggle,
|
|
2059
2059
|
type: "button",
|
|
2060
2060
|
children: [
|
|
2061
|
-
collapsed ? /* @__PURE__ */
|
|
2061
|
+
collapsed ? /* @__PURE__ */ jsx16(ChevronRight2, {
|
|
2062
2062
|
className: "size-4"
|
|
2063
|
-
}
|
|
2063
|
+
}) : /* @__PURE__ */ jsx16(ChevronDown, {
|
|
2064
2064
|
className: "size-4"
|
|
2065
|
-
}
|
|
2066
|
-
/* @__PURE__ */
|
|
2065
|
+
}),
|
|
2066
|
+
/* @__PURE__ */ jsx16("div", {
|
|
2067
2067
|
className: "min-w-0 flex-1",
|
|
2068
2068
|
children: renderedLabel
|
|
2069
|
-
}
|
|
2070
|
-
/* @__PURE__ */
|
|
2069
|
+
}),
|
|
2070
|
+
/* @__PURE__ */ jsx16(Badge, {
|
|
2071
2071
|
variant: "secondary",
|
|
2072
2072
|
className: "ml-auto",
|
|
2073
2073
|
children: section.rows.length
|
|
2074
|
-
}
|
|
2074
|
+
})
|
|
2075
2075
|
]
|
|
2076
|
-
}
|
|
2077
|
-
/* @__PURE__ */
|
|
2076
|
+
}),
|
|
2077
|
+
/* @__PURE__ */ jsx16(DataTableGroupActions, {
|
|
2078
2078
|
actions: section.field.actions,
|
|
2079
2079
|
groupId: section.groupId,
|
|
2080
2080
|
title: section.field.actionsTitle
|
|
2081
|
-
}
|
|
2081
|
+
})
|
|
2082
2082
|
]
|
|
2083
|
-
}
|
|
2083
|
+
});
|
|
2084
2084
|
};
|
|
2085
2085
|
var DataTableGroupActions = ({
|
|
2086
2086
|
actions,
|
|
@@ -2090,33 +2090,33 @@ var DataTableGroupActions = ({
|
|
|
2090
2090
|
const visibleActions = actions?.filter((action) => !action.visible || action.visible(groupId));
|
|
2091
2091
|
if (!visibleActions?.length)
|
|
2092
2092
|
return null;
|
|
2093
|
-
return /* @__PURE__ */
|
|
2093
|
+
return /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
2094
2094
|
children: [
|
|
2095
|
-
/* @__PURE__ */
|
|
2095
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
2096
2096
|
onClick: (event) => event.stopPropagation(),
|
|
2097
|
-
render: /* @__PURE__ */
|
|
2097
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
2098
2098
|
className: "size-7 shadow-md [&_svg:not([class*='size-'])]:size-3.5",
|
|
2099
2099
|
size: "icon",
|
|
2100
2100
|
variant: "ghost",
|
|
2101
2101
|
children: [
|
|
2102
|
-
/* @__PURE__ */
|
|
2102
|
+
/* @__PURE__ */ jsx16("span", {
|
|
2103
2103
|
className: "sr-only",
|
|
2104
2104
|
children: title
|
|
2105
|
-
}
|
|
2106
|
-
/* @__PURE__ */
|
|
2105
|
+
}),
|
|
2106
|
+
/* @__PURE__ */ jsx16(MoreHorizontal, {})
|
|
2107
2107
|
]
|
|
2108
|
-
}
|
|
2109
|
-
}
|
|
2110
|
-
/* @__PURE__ */
|
|
2108
|
+
})
|
|
2109
|
+
}),
|
|
2110
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
2111
2111
|
align: "end",
|
|
2112
2112
|
className: "w-max",
|
|
2113
|
-
children: /* @__PURE__ */
|
|
2113
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
2114
2114
|
children: [
|
|
2115
|
-
/* @__PURE__ */
|
|
2115
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
2116
2116
|
children: title
|
|
2117
|
-
}
|
|
2118
|
-
/* @__PURE__ */
|
|
2119
|
-
visibleActions.map((action) => /* @__PURE__ */
|
|
2117
|
+
}),
|
|
2118
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
2119
|
+
visibleActions.map((action) => /* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
2120
2120
|
className: "whitespace-nowrap",
|
|
2121
2121
|
onClick: (event) => {
|
|
2122
2122
|
event.stopPropagation();
|
|
@@ -2127,12 +2127,12 @@ var DataTableGroupActions = ({
|
|
|
2127
2127
|
action.icon,
|
|
2128
2128
|
action.name
|
|
2129
2129
|
]
|
|
2130
|
-
}, action.name
|
|
2130
|
+
}, action.name))
|
|
2131
2131
|
]
|
|
2132
|
-
}
|
|
2133
|
-
}
|
|
2132
|
+
})
|
|
2133
|
+
})
|
|
2134
2134
|
]
|
|
2135
|
-
}
|
|
2135
|
+
});
|
|
2136
2136
|
};
|
|
2137
2137
|
var DataTableRow = ({
|
|
2138
2138
|
canDrag,
|
|
@@ -2171,7 +2171,7 @@ var DataTableRow = ({
|
|
|
2171
2171
|
const firstCellIndent = indentDepth > 0 ? `calc(0.5rem + ${(indentDepth - 1) * GROUP_INDENT_PX + GROUP_ROW_INDENT_OFFSET_PX}px)` : undefined;
|
|
2172
2172
|
const rowAttributes = canReorder ? onRowClick ? { role: "button", tabIndex: 0 } : {} : onRowClick ? { ...attributes, role: "button", tabIndex: 0 } : attributes;
|
|
2173
2173
|
const visibleCells = row.getVisibleCells();
|
|
2174
|
-
return /* @__PURE__ */
|
|
2174
|
+
return /* @__PURE__ */ jsxs8(TableRow, {
|
|
2175
2175
|
className: cn("h-16 focus-visible:outline-ring focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid", onRowClick && "cursor-pointer", isDragging && "opacity-50"),
|
|
2176
2176
|
"data-state": row.getIsSelected() && "selected",
|
|
2177
2177
|
onClick: () => {
|
|
@@ -2194,9 +2194,9 @@ var DataTableRow = ({
|
|
|
2194
2194
|
...rowAttributes,
|
|
2195
2195
|
...!canReorder ? listeners : {},
|
|
2196
2196
|
children: [
|
|
2197
|
-
canReorder ? /* @__PURE__ */
|
|
2197
|
+
canReorder ? /* @__PURE__ */ jsx16(TableCell, {
|
|
2198
2198
|
className: "w-10 min-w-10 pr-0",
|
|
2199
|
-
children: /* @__PURE__ */
|
|
2199
|
+
children: /* @__PURE__ */ jsx16(Button, {
|
|
2200
2200
|
"aria-label": reorderHandleLabel,
|
|
2201
2201
|
className: "size-8 cursor-grab active:cursor-grabbing",
|
|
2202
2202
|
onClick: (event) => event.stopPropagation(),
|
|
@@ -2205,36 +2205,36 @@ var DataTableRow = ({
|
|
|
2205
2205
|
variant: "ghost",
|
|
2206
2206
|
...attributes,
|
|
2207
2207
|
...listeners,
|
|
2208
|
-
children: /* @__PURE__ */
|
|
2209
|
-
}
|
|
2210
|
-
}
|
|
2208
|
+
children: /* @__PURE__ */ jsx16(GripVertical, {})
|
|
2209
|
+
})
|
|
2210
|
+
}) : null,
|
|
2211
2211
|
visibleCells.map((cell, index) => {
|
|
2212
2212
|
const isLastCell = index === visibleCells.length - 1;
|
|
2213
|
-
return /* @__PURE__ */
|
|
2213
|
+
return /* @__PURE__ */ jsx16(TableCell, {
|
|
2214
2214
|
className: cn("align-center min-w-32 overflow-hidden [&:has([data-slot=relationship-cell])]:relative [&:has([data-slot=relationship-cell])]:p-0 [&:has([data-slot=relationship-cell])>div]:absolute [&:has([data-slot=relationship-cell])>div]:inset-0", cell.column.columnDef.meta?.truncate ? "whitespace-nowrap" : "whitespace-normal", rowActions && isLastCell && "min-w-40 pr-12 [&:has([data-slot=relationship-cell])]:pr-0 [&:has([data-slot=relationship-cell])>div]:mr-11"),
|
|
2215
2215
|
style: index === 0 && firstCellIndent ? {
|
|
2216
2216
|
paddingLeft: firstCellIndent,
|
|
2217
2217
|
width: cell.column.getSize()
|
|
2218
2218
|
} : { width: cell.column.getSize() },
|
|
2219
|
-
children: /* @__PURE__ */
|
|
2219
|
+
children: /* @__PURE__ */ jsx16("div", {
|
|
2220
2220
|
className: cn("w-full max-w-full min-w-0 overflow-hidden break-words [&:has([data-slot=list-summary])]:line-clamp-none", cell.column.columnDef.meta?.truncate ? "truncate" : "line-clamp-3"),
|
|
2221
2221
|
children: flexRender(cell.column.columnDef.cell, cell.getContext())
|
|
2222
|
-
}
|
|
2223
|
-
}, cell.id
|
|
2222
|
+
})
|
|
2223
|
+
}, cell.id);
|
|
2224
2224
|
}),
|
|
2225
|
-
rowActions ? /* @__PURE__ */
|
|
2225
|
+
rowActions ? /* @__PURE__ */ jsx16(TableCell, {
|
|
2226
2226
|
className: "sticky right-0 z-20 w-0 min-w-0 overflow-visible p-0",
|
|
2227
|
-
children: /* @__PURE__ */
|
|
2227
|
+
children: /* @__PURE__ */ jsx16("div", {
|
|
2228
2228
|
className: "bg-background/95 absolute top-1/2 right-2 -translate-y-1/2 rounded-md shadow-sm backdrop-blur",
|
|
2229
|
-
children: /* @__PURE__ */
|
|
2229
|
+
children: /* @__PURE__ */ jsx16(DataTableRowActions, {
|
|
2230
2230
|
actions: rowActions,
|
|
2231
2231
|
row: row.original,
|
|
2232
2232
|
title: rowActionsLabel
|
|
2233
|
-
}
|
|
2234
|
-
}
|
|
2235
|
-
}
|
|
2233
|
+
})
|
|
2234
|
+
})
|
|
2235
|
+
}) : null
|
|
2236
2236
|
]
|
|
2237
|
-
}, row.id
|
|
2237
|
+
}, row.id);
|
|
2238
2238
|
};
|
|
2239
2239
|
var DataTableGalleryCard = ({
|
|
2240
2240
|
canDrag,
|
|
@@ -2261,7 +2261,7 @@ var DataTableGalleryCard = ({
|
|
|
2261
2261
|
if (gallery) {
|
|
2262
2262
|
const tagValue = gallery.tag ? row.getValue(gallery.tag) : null;
|
|
2263
2263
|
const tagLabel = tagValue === null || tagValue === undefined ? null : String(tagValue);
|
|
2264
|
-
return /* @__PURE__ */
|
|
2264
|
+
return /* @__PURE__ */ jsxs8(Card, {
|
|
2265
2265
|
className: cn("relative mx-auto w-full max-w-sm transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
|
|
2266
2266
|
"data-state": row.getIsSelected() && "selected",
|
|
2267
2267
|
onClick: () => {
|
|
@@ -2273,41 +2273,41 @@ var DataTableGalleryCard = ({
|
|
|
2273
2273
|
...attributes,
|
|
2274
2274
|
...listeners,
|
|
2275
2275
|
children: [
|
|
2276
|
-
rowActions ? /* @__PURE__ */
|
|
2276
|
+
rowActions ? /* @__PURE__ */ jsx16("div", {
|
|
2277
2277
|
className: "absolute top-4 right-4 z-10",
|
|
2278
2278
|
onClick: (event) => event.stopPropagation(),
|
|
2279
|
-
children: /* @__PURE__ */
|
|
2279
|
+
children: /* @__PURE__ */ jsx16(DataTableRowActions, {
|
|
2280
2280
|
actions: rowActions,
|
|
2281
2281
|
row: row.original,
|
|
2282
2282
|
title: rowActionsLabel
|
|
2283
|
-
}
|
|
2284
|
-
}
|
|
2285
|
-
/* @__PURE__ */
|
|
2283
|
+
})
|
|
2284
|
+
}) : null,
|
|
2285
|
+
/* @__PURE__ */ jsxs8(CardHeader, {
|
|
2286
2286
|
className: cn(rowActions && "pr-14"),
|
|
2287
2287
|
children: [
|
|
2288
|
-
tagCell && tagLabel ? /* @__PURE__ */
|
|
2288
|
+
tagCell && tagLabel ? /* @__PURE__ */ jsxs8(Badge, {
|
|
2289
2289
|
variant: "secondary",
|
|
2290
2290
|
className: "mb-1 w-fit gap-1",
|
|
2291
2291
|
children: [
|
|
2292
2292
|
gallery.tagIcon,
|
|
2293
2293
|
tagLabel
|
|
2294
2294
|
]
|
|
2295
|
-
}
|
|
2296
|
-
nameCell ? /* @__PURE__ */
|
|
2295
|
+
}) : null,
|
|
2296
|
+
nameCell ? /* @__PURE__ */ jsx16(CardTitle, {
|
|
2297
2297
|
className: "min-w-0 text-base",
|
|
2298
2298
|
children: flexRender(nameCell.column.columnDef.cell, nameCell.getContext())
|
|
2299
|
-
}
|
|
2300
|
-
descriptionCell ? /* @__PURE__ */
|
|
2299
|
+
}) : null,
|
|
2300
|
+
descriptionCell ? /* @__PURE__ */ jsx16(CardDescription, {
|
|
2301
2301
|
className: "line-clamp-2 min-w-0",
|
|
2302
2302
|
children: flexRender(descriptionCell.column.columnDef.cell, descriptionCell.getContext())
|
|
2303
|
-
}
|
|
2303
|
+
}) : null
|
|
2304
2304
|
]
|
|
2305
|
-
}
|
|
2305
|
+
})
|
|
2306
2306
|
]
|
|
2307
|
-
}
|
|
2307
|
+
});
|
|
2308
2308
|
}
|
|
2309
2309
|
const contentCells = row.getVisibleCells();
|
|
2310
|
-
return /* @__PURE__ */
|
|
2310
|
+
return /* @__PURE__ */ jsxs8(Card, {
|
|
2311
2311
|
className: cn("gap-3 transition-colors", onRowClick && "cursor-pointer hover:bg-accent/20", isDragging && "opacity-50"),
|
|
2312
2312
|
"data-state": row.getIsSelected() && "selected",
|
|
2313
2313
|
onClick: () => {
|
|
@@ -2319,49 +2319,49 @@ var DataTableGalleryCard = ({
|
|
|
2319
2319
|
...attributes,
|
|
2320
2320
|
...listeners,
|
|
2321
2321
|
children: [
|
|
2322
|
-
/* @__PURE__ */
|
|
2322
|
+
/* @__PURE__ */ jsxs8(CardHeader, {
|
|
2323
2323
|
children: [
|
|
2324
|
-
rowActions ? /* @__PURE__ */
|
|
2324
|
+
rowActions ? /* @__PURE__ */ jsx16(CardAction, {
|
|
2325
2325
|
onClick: (event) => event.stopPropagation(),
|
|
2326
|
-
children: /* @__PURE__ */
|
|
2326
|
+
children: /* @__PURE__ */ jsx16(DataTableRowActions, {
|
|
2327
2327
|
actions: rowActions,
|
|
2328
2328
|
row: row.original,
|
|
2329
2329
|
title: rowActionsLabel
|
|
2330
|
-
}
|
|
2331
|
-
}
|
|
2332
|
-
contentCells.length > 0 && /* @__PURE__ */
|
|
2330
|
+
})
|
|
2331
|
+
}) : null,
|
|
2332
|
+
contentCells.length > 0 && /* @__PURE__ */ jsxs8("div", {
|
|
2333
2333
|
className: "grid min-w-0 gap-3",
|
|
2334
2334
|
children: [
|
|
2335
|
-
/* @__PURE__ */
|
|
2335
|
+
/* @__PURE__ */ jsx16(CardDescription, {
|
|
2336
2336
|
className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
|
|
2337
2337
|
children: getColumnDisplayName(table, contentCells[0].column.id)
|
|
2338
|
-
}
|
|
2339
|
-
/* @__PURE__ */
|
|
2338
|
+
}),
|
|
2339
|
+
/* @__PURE__ */ jsx16(CardTitle, {
|
|
2340
2340
|
className: "text-base",
|
|
2341
2341
|
children: flexRender(contentCells[0].column.columnDef.cell, contentCells[0].getContext())
|
|
2342
|
-
}
|
|
2342
|
+
})
|
|
2343
2343
|
]
|
|
2344
|
-
}
|
|
2344
|
+
})
|
|
2345
2345
|
]
|
|
2346
|
-
}
|
|
2347
|
-
contentCells.length > 1 && /* @__PURE__ */
|
|
2346
|
+
}),
|
|
2347
|
+
contentCells.length > 1 && /* @__PURE__ */ jsx16(CardContent, {
|
|
2348
2348
|
className: "grid gap-3",
|
|
2349
|
-
children: contentCells.slice(1).map((cell) => /* @__PURE__ */
|
|
2349
|
+
children: contentCells.slice(1).map((cell) => /* @__PURE__ */ jsxs8("div", {
|
|
2350
2350
|
className: "grid gap-1",
|
|
2351
2351
|
children: [
|
|
2352
|
-
/* @__PURE__ */
|
|
2352
|
+
/* @__PURE__ */ jsx16("div", {
|
|
2353
2353
|
className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
|
|
2354
2354
|
children: getColumnDisplayName(table, cell.column.id)
|
|
2355
|
-
}
|
|
2356
|
-
/* @__PURE__ */
|
|
2355
|
+
}),
|
|
2356
|
+
/* @__PURE__ */ jsx16("div", {
|
|
2357
2357
|
className: "min-w-0 text-sm",
|
|
2358
2358
|
children: flexRender(cell.column.columnDef.cell, cell.getContext())
|
|
2359
|
-
}
|
|
2359
|
+
})
|
|
2360
2360
|
]
|
|
2361
|
-
}, cell.id
|
|
2362
|
-
}
|
|
2361
|
+
}, cell.id))
|
|
2362
|
+
})
|
|
2363
2363
|
]
|
|
2364
|
-
}
|
|
2364
|
+
});
|
|
2365
2365
|
};
|
|
2366
2366
|
var extractTextFromElement = (element) => {
|
|
2367
2367
|
if (typeof element === "string")
|
|
@@ -2397,10 +2397,10 @@ var renderHeader = (header) => {
|
|
|
2397
2397
|
if (header.isPlaceholder)
|
|
2398
2398
|
return null;
|
|
2399
2399
|
const content = flexRender(header.column.columnDef.header, header.getContext());
|
|
2400
|
-
return typeof content === "string" || typeof content === "number" ? /* @__PURE__ */
|
|
2400
|
+
return typeof content === "string" || typeof content === "number" ? /* @__PURE__ */ jsx16("div", {
|
|
2401
2401
|
className: "flex h-12 items-center px-2 text-sm",
|
|
2402
2402
|
children: content
|
|
2403
|
-
}
|
|
2403
|
+
}) : content;
|
|
2404
2404
|
};
|
|
2405
2405
|
var withFileExtension = (fileName, extension) => {
|
|
2406
2406
|
const normalizedExtension = extension.startsWith(".") ? extension : `.${extension}`;
|
|
@@ -2715,24 +2715,24 @@ function DataTable({
|
|
|
2715
2715
|
}
|
|
2716
2716
|
setStoredView(nextView);
|
|
2717
2717
|
};
|
|
2718
|
-
const renderLoadingState = () => /* @__PURE__ */
|
|
2718
|
+
const renderLoadingState = () => /* @__PURE__ */ jsx16(Loading, {
|
|
2719
2719
|
label: labels2.loading
|
|
2720
|
-
}
|
|
2720
|
+
});
|
|
2721
2721
|
const renderEmptyContent = () => state?.error ?? (isLoading ? renderLoadingState() : emptyContent);
|
|
2722
|
-
const renderTableEmptyState = () => /* @__PURE__ */
|
|
2723
|
-
children: /* @__PURE__ */
|
|
2722
|
+
const renderTableEmptyState = () => /* @__PURE__ */ jsx16(TableRow, {
|
|
2723
|
+
children: /* @__PURE__ */ jsx16(TableCell, {
|
|
2724
2724
|
className: "h-24 text-center",
|
|
2725
2725
|
colSpan,
|
|
2726
2726
|
children: renderEmptyContent()
|
|
2727
|
-
}
|
|
2728
|
-
}
|
|
2729
|
-
const renderGalleryEmptyState = (message) => /* @__PURE__ */
|
|
2727
|
+
})
|
|
2728
|
+
});
|
|
2729
|
+
const renderGalleryEmptyState = (message) => /* @__PURE__ */ jsx16("div", {
|
|
2730
2730
|
className: "text-muted-foreground rounded-xl border border-dashed px-4 py-10 text-center text-sm",
|
|
2731
2731
|
children: message ?? renderEmptyContent()
|
|
2732
|
-
}
|
|
2733
|
-
const renderGalleryRows = (rows, canDrag) => /* @__PURE__ */
|
|
2732
|
+
});
|
|
2733
|
+
const renderGalleryRows = (rows, canDrag) => /* @__PURE__ */ jsx16("div", {
|
|
2734
2734
|
className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
|
|
2735
|
-
children: rows.map((row) => /* @__PURE__ */
|
|
2735
|
+
children: rows.map((row) => /* @__PURE__ */ jsx16(DataTableGalleryCard, {
|
|
2736
2736
|
canDrag,
|
|
2737
2737
|
dragLabel: grouping?.getRowLabel?.(row.original),
|
|
2738
2738
|
gallery: galleryConfig,
|
|
@@ -2741,21 +2741,21 @@ function DataTable({
|
|
|
2741
2741
|
rowActions,
|
|
2742
2742
|
rowActionsLabel,
|
|
2743
2743
|
table
|
|
2744
|
-
}, row.id
|
|
2745
|
-
}
|
|
2744
|
+
}, row.id))
|
|
2745
|
+
});
|
|
2746
2746
|
const renderGroupedTableSections = (sections) => sections.flatMap((section) => {
|
|
2747
2747
|
const isCollapsed = collapsedGroups[section.key] ?? false;
|
|
2748
2748
|
const hasChildren = section.children.length > 0;
|
|
2749
|
-
const sectionBody = /* @__PURE__ */
|
|
2749
|
+
const sectionBody = /* @__PURE__ */ jsxs8(GroupTableSection, {
|
|
2750
2750
|
section,
|
|
2751
2751
|
children: [
|
|
2752
|
-
/* @__PURE__ */
|
|
2752
|
+
/* @__PURE__ */ jsx16(GroupHeaderRow, {
|
|
2753
2753
|
collapsed: isCollapsed,
|
|
2754
2754
|
colSpan,
|
|
2755
2755
|
onToggle: () => toggleGroup(section.key),
|
|
2756
2756
|
section
|
|
2757
|
-
}
|
|
2758
|
-
!isCollapsed && !hasChildren && (section.rows.length > 0 ? section.rows.map((row) => /* @__PURE__ */
|
|
2757
|
+
}),
|
|
2758
|
+
!isCollapsed && !hasChildren && (section.rows.length > 0 ? section.rows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
|
|
2759
2759
|
canDrag: canDragRows,
|
|
2760
2760
|
canReorder: false,
|
|
2761
2761
|
dragLabel: grouping?.getRowLabel?.(row.original),
|
|
@@ -2764,50 +2764,50 @@ function DataTable({
|
|
|
2764
2764
|
row,
|
|
2765
2765
|
rowActions,
|
|
2766
2766
|
rowActionsLabel
|
|
2767
|
-
}, row.id
|
|
2768
|
-
children: /* @__PURE__ */
|
|
2767
|
+
}, row.id)) : /* @__PURE__ */ jsx16(TableRow, {
|
|
2768
|
+
children: /* @__PURE__ */ jsx16(TableCell, {
|
|
2769
2769
|
className: "text-muted-foreground h-16",
|
|
2770
2770
|
colSpan,
|
|
2771
2771
|
style: {
|
|
2772
2772
|
paddingLeft: `calc(0.5rem + ${section.depth * GROUP_INDENT_PX + GROUP_ROW_INDENT_OFFSET_PX}px)`
|
|
2773
2773
|
},
|
|
2774
2774
|
children: isLoading ? renderLoadingState() : section.field.renderEmptyGroup?.(section.groupId) ?? labels2.empty
|
|
2775
|
-
}
|
|
2776
|
-
}
|
|
2775
|
+
})
|
|
2776
|
+
}))
|
|
2777
2777
|
]
|
|
2778
|
-
}, section.key
|
|
2778
|
+
}, section.key);
|
|
2779
2779
|
return !isCollapsed && hasChildren ? [sectionBody, renderGroupedTableSections(section.children)] : [sectionBody];
|
|
2780
2780
|
});
|
|
2781
2781
|
const renderGroupedGallerySections = (sections) => sections.map((section) => {
|
|
2782
2782
|
const isCollapsed = collapsedGroups[section.key] ?? false;
|
|
2783
2783
|
const hasChildren = section.children.length > 0;
|
|
2784
|
-
return /* @__PURE__ */
|
|
2784
|
+
return /* @__PURE__ */ jsxs8("div", {
|
|
2785
2785
|
className: "space-y-3",
|
|
2786
2786
|
children: [
|
|
2787
|
-
/* @__PURE__ */
|
|
2787
|
+
/* @__PURE__ */ jsx16(GroupHeaderCard, {
|
|
2788
2788
|
collapsed: isCollapsed,
|
|
2789
2789
|
onToggle: () => toggleGroup(section.key),
|
|
2790
2790
|
section
|
|
2791
|
-
}
|
|
2791
|
+
}),
|
|
2792
2792
|
!isCollapsed && (hasChildren ? renderGroupedGallerySections(section.children) : section.rows.length > 0 ? renderGalleryRows(section.rows, canDragRows) : renderGalleryEmptyState(isLoading ? renderLoadingState() : section.field.renderEmptyGroup?.(section.groupId) ?? labels2.empty))
|
|
2793
2793
|
]
|
|
2794
|
-
}, section.key
|
|
2794
|
+
}, section.key);
|
|
2795
2795
|
});
|
|
2796
|
-
return /* @__PURE__ */
|
|
2796
|
+
return /* @__PURE__ */ jsxs8("div", {
|
|
2797
2797
|
className: "w-full max-w-full min-w-0 rounded-md",
|
|
2798
2798
|
children: [
|
|
2799
|
-
hasToolbar ? /* @__PURE__ */
|
|
2799
|
+
hasToolbar ? /* @__PURE__ */ jsx16("div", {
|
|
2800
2800
|
className: "flex flex-col gap-3 pb-4",
|
|
2801
|
-
children: /* @__PURE__ */
|
|
2801
|
+
children: /* @__PURE__ */ jsxs8("div", {
|
|
2802
2802
|
className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between",
|
|
2803
2803
|
children: [
|
|
2804
|
-
showSearch ? /* @__PURE__ */
|
|
2804
|
+
showSearch ? /* @__PURE__ */ jsxs8("div", {
|
|
2805
2805
|
className: "relative w-full min-w-0 flex-1 sm:min-w-sm",
|
|
2806
2806
|
children: [
|
|
2807
|
-
/* @__PURE__ */
|
|
2807
|
+
/* @__PURE__ */ jsx16(Search, {
|
|
2808
2808
|
className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
|
|
2809
|
-
}
|
|
2810
|
-
/* @__PURE__ */
|
|
2809
|
+
}),
|
|
2810
|
+
/* @__PURE__ */ jsx16(Input, {
|
|
2811
2811
|
className: "px-9",
|
|
2812
2812
|
onChange: (event) => {
|
|
2813
2813
|
setSearchInput(event.target.value);
|
|
@@ -2815,8 +2815,8 @@ function DataTable({
|
|
|
2815
2815
|
},
|
|
2816
2816
|
placeholder: labels2.filter,
|
|
2817
2817
|
value: searchInput
|
|
2818
|
-
}
|
|
2819
|
-
searchInput ? /* @__PURE__ */
|
|
2818
|
+
}),
|
|
2819
|
+
searchInput ? /* @__PURE__ */ jsx16(Button, {
|
|
2820
2820
|
"aria-label": labels2.filter,
|
|
2821
2821
|
className: "text-muted-foreground hover:text-foreground absolute top-1/2 right-1 size-7 -translate-y-1/2 active:!-translate-y-1/2",
|
|
2822
2822
|
onClick: () => {
|
|
@@ -2826,65 +2826,65 @@ function DataTable({
|
|
|
2826
2826
|
size: "icon",
|
|
2827
2827
|
type: "button",
|
|
2828
2828
|
variant: "ghost",
|
|
2829
|
-
children: /* @__PURE__ */
|
|
2829
|
+
children: /* @__PURE__ */ jsx16(X, {
|
|
2830
2830
|
className: "size-4"
|
|
2831
|
-
}
|
|
2832
|
-
}
|
|
2831
|
+
})
|
|
2832
|
+
}) : null
|
|
2833
2833
|
]
|
|
2834
|
-
}
|
|
2835
|
-
/* @__PURE__ */
|
|
2834
|
+
}) : /* @__PURE__ */ jsx16("div", {}),
|
|
2835
|
+
/* @__PURE__ */ jsxs8("div", {
|
|
2836
2836
|
className: "-m-1 flex items-center gap-2 overflow-x-auto p-1",
|
|
2837
2837
|
children: [
|
|
2838
|
-
grouping?.fields.length ? /* @__PURE__ */
|
|
2838
|
+
grouping?.fields.length ? /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
2839
2839
|
children: [
|
|
2840
|
-
/* @__PURE__ */
|
|
2841
|
-
render: /* @__PURE__ */
|
|
2840
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
2841
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
2842
2842
|
"aria-label": labels2.groupBy,
|
|
2843
2843
|
className: "h-9",
|
|
2844
2844
|
size: "sm",
|
|
2845
2845
|
variant: "outline",
|
|
2846
2846
|
children: [
|
|
2847
|
-
/* @__PURE__ */
|
|
2848
|
-
/* @__PURE__ */
|
|
2847
|
+
/* @__PURE__ */ jsx16(Rows3, {}),
|
|
2848
|
+
/* @__PURE__ */ jsx16("span", {
|
|
2849
2849
|
className: "hidden sm:inline",
|
|
2850
2850
|
children: labels2.groupBy
|
|
2851
|
-
}
|
|
2851
|
+
})
|
|
2852
2852
|
]
|
|
2853
|
-
}
|
|
2854
|
-
}
|
|
2855
|
-
/* @__PURE__ */
|
|
2853
|
+
})
|
|
2854
|
+
}),
|
|
2855
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
2856
2856
|
align: "end",
|
|
2857
2857
|
className: "w-[200px]",
|
|
2858
|
-
children: /* @__PURE__ */
|
|
2858
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
2859
2859
|
children: [
|
|
2860
|
-
/* @__PURE__ */
|
|
2860
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
2861
2861
|
children: labels2.groupBy
|
|
2862
|
-
}
|
|
2863
|
-
/* @__PURE__ */
|
|
2864
|
-
grouping.fields.map((field) => /* @__PURE__ */
|
|
2862
|
+
}),
|
|
2863
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
2864
|
+
grouping.fields.map((field) => /* @__PURE__ */ jsx16(DropdownMenuCheckboxItem, {
|
|
2865
2865
|
checked: activeGrouping.includes(field.id),
|
|
2866
2866
|
onCheckedChange: (value) => toggleGroupingField(field.id, !!value),
|
|
2867
2867
|
children: field.label
|
|
2868
|
-
}, field.id
|
|
2868
|
+
}, field.id))
|
|
2869
2869
|
]
|
|
2870
|
-
}
|
|
2871
|
-
}
|
|
2870
|
+
})
|
|
2871
|
+
})
|
|
2872
2872
|
]
|
|
2873
|
-
}
|
|
2874
|
-
showSorting ? /* @__PURE__ */
|
|
2873
|
+
}) : null,
|
|
2874
|
+
showSorting ? /* @__PURE__ */ jsx16(DataTableSortDropdown, {
|
|
2875
2875
|
messages: labels2,
|
|
2876
2876
|
table
|
|
2877
|
-
}
|
|
2878
|
-
showGallery ? /* @__PURE__ */
|
|
2877
|
+
}) : null,
|
|
2878
|
+
showGallery ? /* @__PURE__ */ jsx16(DataTableDisplayModeSwitch, {
|
|
2879
2879
|
messages: labels2,
|
|
2880
2880
|
onChange: setView,
|
|
2881
2881
|
value: currentView
|
|
2882
|
-
}
|
|
2883
|
-
showColumnVisibility ? /* @__PURE__ */
|
|
2882
|
+
}) : null,
|
|
2883
|
+
showColumnVisibility ? /* @__PURE__ */ jsx16(DataTableViewOptions, {
|
|
2884
2884
|
messages: labels2,
|
|
2885
2885
|
table
|
|
2886
|
-
}
|
|
2887
|
-
onRefresh ? /* @__PURE__ */
|
|
2886
|
+
}) : null,
|
|
2887
|
+
onRefresh ? /* @__PURE__ */ jsxs8(Button, {
|
|
2888
2888
|
"aria-label": labels2.refresh,
|
|
2889
2889
|
className: "h-9",
|
|
2890
2890
|
onClick: () => {
|
|
@@ -2895,67 +2895,67 @@ function DataTable({
|
|
|
2895
2895
|
type: "button",
|
|
2896
2896
|
variant: "outline",
|
|
2897
2897
|
children: [
|
|
2898
|
-
/* @__PURE__ */
|
|
2898
|
+
/* @__PURE__ */ jsx16(RefreshCw, {
|
|
2899
2899
|
className: cn(refreshSpinCount > 0 && "animate-[spin_500ms_ease-in-out_1]")
|
|
2900
|
-
}, refreshSpinCount
|
|
2901
|
-
/* @__PURE__ */
|
|
2900
|
+
}, refreshSpinCount),
|
|
2901
|
+
/* @__PURE__ */ jsx16("span", {
|
|
2902
2902
|
className: "hidden sm:inline",
|
|
2903
2903
|
children: labels2.refresh
|
|
2904
|
-
}
|
|
2904
|
+
})
|
|
2905
2905
|
]
|
|
2906
|
-
}
|
|
2907
|
-
showExport ? /* @__PURE__ */
|
|
2906
|
+
}) : null,
|
|
2907
|
+
showExport ? /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
2908
2908
|
children: [
|
|
2909
|
-
/* @__PURE__ */
|
|
2910
|
-
render: /* @__PURE__ */
|
|
2909
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
2910
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
2911
2911
|
"aria-label": labels2.export,
|
|
2912
2912
|
className: "h-9",
|
|
2913
2913
|
disabled: !hasExportableRows,
|
|
2914
2914
|
size: "sm",
|
|
2915
2915
|
variant: "outline",
|
|
2916
2916
|
children: [
|
|
2917
|
-
/* @__PURE__ */
|
|
2918
|
-
/* @__PURE__ */
|
|
2917
|
+
/* @__PURE__ */ jsx16(Download, {}),
|
|
2918
|
+
/* @__PURE__ */ jsx16("span", {
|
|
2919
2919
|
className: "hidden sm:inline",
|
|
2920
2920
|
children: labels2.export
|
|
2921
|
-
}
|
|
2921
|
+
})
|
|
2922
2922
|
]
|
|
2923
|
-
}
|
|
2924
|
-
}
|
|
2925
|
-
/* @__PURE__ */
|
|
2923
|
+
})
|
|
2924
|
+
}),
|
|
2925
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
2926
2926
|
align: "end",
|
|
2927
2927
|
className: "w-[180px]",
|
|
2928
|
-
children: /* @__PURE__ */
|
|
2928
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
2929
2929
|
children: [
|
|
2930
|
-
/* @__PURE__ */
|
|
2930
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
2931
2931
|
children: labels2.export
|
|
2932
|
-
}
|
|
2933
|
-
/* @__PURE__ */
|
|
2934
|
-
/* @__PURE__ */
|
|
2932
|
+
}),
|
|
2933
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
2934
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
2935
2935
|
onClick: () => exportTableToCsv(table, exportRows, exportBaseName),
|
|
2936
2936
|
children: [
|
|
2937
|
-
/* @__PURE__ */
|
|
2937
|
+
/* @__PURE__ */ jsx16(FileText, {}),
|
|
2938
2938
|
labels2.exportCsv
|
|
2939
2939
|
]
|
|
2940
|
-
}
|
|
2941
|
-
/* @__PURE__ */
|
|
2940
|
+
}),
|
|
2941
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
2942
2942
|
onClick: () => exportTableToJson(table, exportRows, exportBaseName),
|
|
2943
2943
|
children: [
|
|
2944
|
-
/* @__PURE__ */
|
|
2944
|
+
/* @__PURE__ */ jsx16(FileJson, {}),
|
|
2945
2945
|
labels2.exportJson
|
|
2946
2946
|
]
|
|
2947
|
-
}
|
|
2947
|
+
})
|
|
2948
2948
|
]
|
|
2949
|
-
}
|
|
2950
|
-
}
|
|
2949
|
+
})
|
|
2950
|
+
})
|
|
2951
2951
|
]
|
|
2952
|
-
}
|
|
2952
|
+
}) : null
|
|
2953
2953
|
]
|
|
2954
|
-
}
|
|
2954
|
+
})
|
|
2955
2955
|
]
|
|
2956
|
-
}
|
|
2957
|
-
}
|
|
2958
|
-
/* @__PURE__ */
|
|
2956
|
+
})
|
|
2957
|
+
}) : null,
|
|
2958
|
+
/* @__PURE__ */ jsx16(DndContext, {
|
|
2959
2959
|
onDragCancel: () => setActiveDragLabel(null),
|
|
2960
2960
|
onDragEnd: ({ active, over }) => {
|
|
2961
2961
|
setActiveDragLabel(null);
|
|
@@ -3003,62 +3003,62 @@ function DataTable({
|
|
|
3003
3003
|
setActiveDragLabel(dragType === "row" && typeof label === "string" ? label : null);
|
|
3004
3004
|
},
|
|
3005
3005
|
sensors,
|
|
3006
|
-
children: /* @__PURE__ */
|
|
3006
|
+
children: /* @__PURE__ */ jsxs8(DataTableViewContext.Provider, {
|
|
3007
3007
|
value: currentView,
|
|
3008
3008
|
children: [
|
|
3009
|
-
isGalleryView ? hasActiveGrouping ? groupedSections.length > 0 ? /* @__PURE__ */
|
|
3009
|
+
isGalleryView ? hasActiveGrouping ? groupedSections.length > 0 ? /* @__PURE__ */ jsx16("div", {
|
|
3010
3010
|
className: "space-y-4",
|
|
3011
3011
|
children: renderGroupedGallerySections(groupedSections)
|
|
3012
|
-
}
|
|
3012
|
+
}) : renderGalleryEmptyState() : bodyRows.length > 0 ? renderGalleryRows(bodyRows, false) : renderGalleryEmptyState() : /* @__PURE__ */ jsxs8(ScrollArea, {
|
|
3013
3013
|
className: "-m-1 max-w-full min-w-0",
|
|
3014
3014
|
children: [
|
|
3015
|
-
/* @__PURE__ */
|
|
3015
|
+
/* @__PURE__ */ jsx16("div", {
|
|
3016
3016
|
className: "max-w-full min-w-0 p-1",
|
|
3017
|
-
children: /* @__PURE__ */
|
|
3017
|
+
children: /* @__PURE__ */ jsxs8(Table, {
|
|
3018
3018
|
className: "table-fixed",
|
|
3019
3019
|
style: {
|
|
3020
3020
|
width: `max(100%, ${table.getTotalSize() + (canReorderRows ? 40 : 0)}px)`
|
|
3021
3021
|
},
|
|
3022
3022
|
children: [
|
|
3023
|
-
/* @__PURE__ */
|
|
3024
|
-
children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */
|
|
3023
|
+
/* @__PURE__ */ jsx16(TableHeader, {
|
|
3024
|
+
children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs8(TableRow, {
|
|
3025
3025
|
className: "p-4",
|
|
3026
3026
|
children: [
|
|
3027
|
-
canReorderRows ? /* @__PURE__ */
|
|
3027
|
+
canReorderRows ? /* @__PURE__ */ jsx16(TableHead, {
|
|
3028
3028
|
className: "w-10 min-w-10 p-0"
|
|
3029
|
-
}
|
|
3029
|
+
}) : null,
|
|
3030
3030
|
headerGroup.headers.map((header) => {
|
|
3031
|
-
return /* @__PURE__ */
|
|
3031
|
+
return /* @__PURE__ */ jsxs8(TableHead, {
|
|
3032
3032
|
className: "relative h-12 min-w-32 p-0",
|
|
3033
3033
|
style: { width: header.getSize() },
|
|
3034
3034
|
children: [
|
|
3035
3035
|
renderHeader(header),
|
|
3036
|
-
header.column.getCanResize() ? /* @__PURE__ */
|
|
3036
|
+
header.column.getCanResize() ? /* @__PURE__ */ jsx16("button", {
|
|
3037
3037
|
"aria-label": labels2.resizeColumn(getHeaderName(header)),
|
|
3038
3038
|
className: cn("hover:bg-primary/60 absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize touch-none bg-transparent p-0 select-none", header.column.getIsResizing() && "bg-primary"),
|
|
3039
3039
|
type: "button",
|
|
3040
3040
|
onDoubleClick: () => header.column.resetSize(),
|
|
3041
3041
|
onMouseDown: header.getResizeHandler(),
|
|
3042
3042
|
onTouchStart: header.getResizeHandler()
|
|
3043
|
-
}
|
|
3043
|
+
}) : null
|
|
3044
3044
|
]
|
|
3045
|
-
}, header.id
|
|
3045
|
+
}, header.id);
|
|
3046
3046
|
}),
|
|
3047
|
-
rowActions ? /* @__PURE__ */
|
|
3047
|
+
rowActions ? /* @__PURE__ */ jsx16(TableHead, {
|
|
3048
3048
|
className: "sticky right-0 z-20 w-0 min-w-0 p-0"
|
|
3049
|
-
}
|
|
3049
|
+
}) : null
|
|
3050
3050
|
]
|
|
3051
|
-
}, headerGroup.id
|
|
3052
|
-
}
|
|
3053
|
-
hasActiveGrouping ? groupedSections.length > 0 ? renderGroupedTableSections(groupedSections) : /* @__PURE__ */
|
|
3051
|
+
}, headerGroup.id))
|
|
3052
|
+
}),
|
|
3053
|
+
hasActiveGrouping ? groupedSections.length > 0 ? renderGroupedTableSections(groupedSections) : /* @__PURE__ */ jsx16(TableBody, {
|
|
3054
3054
|
className: "px-2",
|
|
3055
3055
|
children: renderTableEmptyState()
|
|
3056
|
-
}
|
|
3056
|
+
}) : /* @__PURE__ */ jsx16(TableBody, {
|
|
3057
3057
|
className: "px-2",
|
|
3058
|
-
children: bodyRows.length > 0 ? canReorderRows ? /* @__PURE__ */
|
|
3058
|
+
children: bodyRows.length > 0 ? canReorderRows ? /* @__PURE__ */ jsx16(SortableContext, {
|
|
3059
3059
|
items: sortableRowIds,
|
|
3060
3060
|
strategy: verticalListSortingStrategy,
|
|
3061
|
-
children: bodyRows.map((row) => /* @__PURE__ */
|
|
3061
|
+
children: bodyRows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
|
|
3062
3062
|
canDrag: false,
|
|
3063
3063
|
canReorder: true,
|
|
3064
3064
|
dragLabel: reordering?.getRowLabel?.(row.original),
|
|
@@ -3067,94 +3067,94 @@ function DataTable({
|
|
|
3067
3067
|
row,
|
|
3068
3068
|
rowActions,
|
|
3069
3069
|
rowActionsLabel
|
|
3070
|
-
}, row.id
|
|
3071
|
-
}
|
|
3070
|
+
}, row.id))
|
|
3071
|
+
}) : bodyRows.map((row) => /* @__PURE__ */ jsx16(DataTableRow, {
|
|
3072
3072
|
canDrag: false,
|
|
3073
3073
|
canReorder: false,
|
|
3074
3074
|
onRowClick,
|
|
3075
3075
|
row,
|
|
3076
3076
|
rowActions,
|
|
3077
3077
|
rowActionsLabel
|
|
3078
|
-
}, row.id
|
|
3079
|
-
}
|
|
3078
|
+
}, row.id)) : renderTableEmptyState()
|
|
3079
|
+
})
|
|
3080
3080
|
]
|
|
3081
|
-
}
|
|
3082
|
-
}
|
|
3083
|
-
/* @__PURE__ */
|
|
3081
|
+
})
|
|
3082
|
+
}),
|
|
3083
|
+
/* @__PURE__ */ jsx16(ScrollBar, {
|
|
3084
3084
|
orientation: "horizontal"
|
|
3085
|
-
}
|
|
3085
|
+
})
|
|
3086
3086
|
]
|
|
3087
|
-
}
|
|
3088
|
-
/* @__PURE__ */
|
|
3087
|
+
}),
|
|
3088
|
+
/* @__PURE__ */ jsx16(DragOverlay, {
|
|
3089
3089
|
modifiers: [snapDragOverlayVerticalCenterToCursor],
|
|
3090
|
-
children: activeDragLabel ? /* @__PURE__ */
|
|
3090
|
+
children: activeDragLabel ? /* @__PURE__ */ jsx16("div", {
|
|
3091
3091
|
className: "bg-background rounded-md border px-3 py-2 text-sm shadow-sm",
|
|
3092
3092
|
children: activeDragLabel
|
|
3093
|
-
}
|
|
3094
|
-
}
|
|
3093
|
+
}) : null
|
|
3094
|
+
})
|
|
3095
3095
|
]
|
|
3096
|
-
}
|
|
3097
|
-
}
|
|
3098
|
-
showPagination && !hasActiveGrouping && /* @__PURE__ */
|
|
3096
|
+
})
|
|
3097
|
+
}),
|
|
3098
|
+
showPagination && !hasActiveGrouping && /* @__PURE__ */ jsx16("div", {
|
|
3099
3099
|
className: "p-2",
|
|
3100
|
-
children: /* @__PURE__ */
|
|
3100
|
+
children: /* @__PURE__ */ jsx16(DataTablePagination, {
|
|
3101
3101
|
messages: labels2,
|
|
3102
3102
|
pageSizes,
|
|
3103
3103
|
rowCount: serverRowCount,
|
|
3104
3104
|
table
|
|
3105
|
-
}
|
|
3106
|
-
}
|
|
3105
|
+
})
|
|
3106
|
+
})
|
|
3107
3107
|
]
|
|
3108
|
-
}
|
|
3108
|
+
});
|
|
3109
3109
|
}
|
|
3110
3110
|
function DataTableDisplayModeSwitch({
|
|
3111
3111
|
messages: messages4,
|
|
3112
3112
|
value,
|
|
3113
3113
|
onChange
|
|
3114
3114
|
}) {
|
|
3115
|
-
return /* @__PURE__ */
|
|
3115
|
+
return /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
3116
3116
|
children: [
|
|
3117
|
-
/* @__PURE__ */
|
|
3118
|
-
render: /* @__PURE__ */
|
|
3117
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
3118
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
3119
3119
|
"aria-label": messages4.view,
|
|
3120
3120
|
className: "h-9",
|
|
3121
3121
|
size: "sm",
|
|
3122
3122
|
variant: "outline",
|
|
3123
3123
|
children: [
|
|
3124
|
-
value === "gallery" ? /* @__PURE__ */
|
|
3125
|
-
/* @__PURE__ */
|
|
3124
|
+
value === "gallery" ? /* @__PURE__ */ jsx16(LayoutGrid, {}) : /* @__PURE__ */ jsx16(Rows3, {}),
|
|
3125
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3126
3126
|
className: "hidden sm:inline",
|
|
3127
3127
|
children: messages4.view
|
|
3128
|
-
}
|
|
3128
|
+
})
|
|
3129
3129
|
]
|
|
3130
|
-
}
|
|
3131
|
-
}
|
|
3132
|
-
/* @__PURE__ */
|
|
3130
|
+
})
|
|
3131
|
+
}),
|
|
3132
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
3133
3133
|
align: "end",
|
|
3134
3134
|
className: "w-[160px]",
|
|
3135
|
-
children: /* @__PURE__ */
|
|
3135
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuRadioGroup, {
|
|
3136
3136
|
value,
|
|
3137
3137
|
onValueChange: (v) => onChange(v),
|
|
3138
3138
|
children: [
|
|
3139
|
-
/* @__PURE__ */
|
|
3139
|
+
/* @__PURE__ */ jsxs8(DropdownMenuRadioItem, {
|
|
3140
3140
|
value: "table",
|
|
3141
3141
|
children: [
|
|
3142
|
-
/* @__PURE__ */
|
|
3142
|
+
/* @__PURE__ */ jsx16(Rows3, {}),
|
|
3143
3143
|
messages4.tableView
|
|
3144
3144
|
]
|
|
3145
|
-
}
|
|
3146
|
-
/* @__PURE__ */
|
|
3145
|
+
}),
|
|
3146
|
+
/* @__PURE__ */ jsxs8(DropdownMenuRadioItem, {
|
|
3147
3147
|
value: "gallery",
|
|
3148
3148
|
children: [
|
|
3149
|
-
/* @__PURE__ */
|
|
3149
|
+
/* @__PURE__ */ jsx16(LayoutGrid, {}),
|
|
3150
3150
|
messages4.galleryView
|
|
3151
3151
|
]
|
|
3152
|
-
}
|
|
3152
|
+
})
|
|
3153
3153
|
]
|
|
3154
|
-
}
|
|
3155
|
-
}
|
|
3154
|
+
})
|
|
3155
|
+
})
|
|
3156
3156
|
]
|
|
3157
|
-
}
|
|
3157
|
+
});
|
|
3158
3158
|
}
|
|
3159
3159
|
function DataTableSortDropdown({
|
|
3160
3160
|
messages: messages4,
|
|
@@ -3167,82 +3167,82 @@ function DataTableSortDropdown({
|
|
|
3167
3167
|
return null;
|
|
3168
3168
|
}
|
|
3169
3169
|
const activeSortColumn = sorting.length > 0 ? sorting[0] : null;
|
|
3170
|
-
return /* @__PURE__ */
|
|
3170
|
+
return /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
3171
3171
|
children: [
|
|
3172
|
-
/* @__PURE__ */
|
|
3173
|
-
render: /* @__PURE__ */
|
|
3172
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
3173
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
3174
3174
|
"aria-label": messages4.sortBy,
|
|
3175
3175
|
className: "h-9",
|
|
3176
3176
|
size: "sm",
|
|
3177
3177
|
variant: "outline",
|
|
3178
3178
|
children: [
|
|
3179
|
-
activeSortColumn ? activeSortColumn.desc ? /* @__PURE__ */
|
|
3180
|
-
/* @__PURE__ */
|
|
3179
|
+
activeSortColumn ? activeSortColumn.desc ? /* @__PURE__ */ jsx16(ArrowDown, {}) : /* @__PURE__ */ jsx16(ArrowUp, {}) : /* @__PURE__ */ jsx16(ChevronsUpDown2, {}),
|
|
3180
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3181
3181
|
className: "hidden sm:inline",
|
|
3182
3182
|
children: messages4.sortBy
|
|
3183
|
-
}
|
|
3183
|
+
})
|
|
3184
3184
|
]
|
|
3185
|
-
}
|
|
3186
|
-
}
|
|
3187
|
-
/* @__PURE__ */
|
|
3185
|
+
})
|
|
3186
|
+
}),
|
|
3187
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
3188
3188
|
align: "end",
|
|
3189
3189
|
className: "w-[200px]",
|
|
3190
|
-
children: /* @__PURE__ */
|
|
3190
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
3191
3191
|
children: [
|
|
3192
|
-
/* @__PURE__ */
|
|
3192
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
3193
3193
|
children: messages4.sortBy
|
|
3194
|
-
}
|
|
3195
|
-
/* @__PURE__ */
|
|
3194
|
+
}),
|
|
3195
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
3196
3196
|
sortableColumns.map((column) => {
|
|
3197
3197
|
const sortState = sorting.find((s) => s.id === column.id);
|
|
3198
3198
|
const label = columnLabels.get(column.id) ?? column.id;
|
|
3199
|
-
return /* @__PURE__ */
|
|
3199
|
+
return /* @__PURE__ */ jsxs8(DropdownMenuSub, {
|
|
3200
3200
|
children: [
|
|
3201
|
-
/* @__PURE__ */
|
|
3201
|
+
/* @__PURE__ */ jsxs8(DropdownMenuSubTrigger, {
|
|
3202
3202
|
inset: !!sortState,
|
|
3203
3203
|
children: [
|
|
3204
|
-
sortState ? /* @__PURE__ */
|
|
3204
|
+
sortState ? /* @__PURE__ */ jsx16("span", {
|
|
3205
3205
|
className: "pointer-events-none absolute left-3 flex size-4 items-center justify-center",
|
|
3206
|
-
children: sortState.desc ? /* @__PURE__ */
|
|
3207
|
-
}
|
|
3206
|
+
children: sortState.desc ? /* @__PURE__ */ jsx16(ArrowDown, {}) : /* @__PURE__ */ jsx16(ArrowUp, {})
|
|
3207
|
+
}) : null,
|
|
3208
3208
|
label
|
|
3209
3209
|
]
|
|
3210
|
-
}
|
|
3211
|
-
/* @__PURE__ */
|
|
3210
|
+
}),
|
|
3211
|
+
/* @__PURE__ */ jsxs8(DropdownMenuSubContent, {
|
|
3212
3212
|
children: [
|
|
3213
|
-
/* @__PURE__ */
|
|
3213
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3214
3214
|
onClick: () => column.toggleSorting(false),
|
|
3215
3215
|
children: [
|
|
3216
|
-
/* @__PURE__ */
|
|
3216
|
+
/* @__PURE__ */ jsx16(ArrowUp, {}),
|
|
3217
3217
|
messages4.sortAsc
|
|
3218
3218
|
]
|
|
3219
|
-
}
|
|
3220
|
-
/* @__PURE__ */
|
|
3219
|
+
}),
|
|
3220
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3221
3221
|
onClick: () => column.toggleSorting(true),
|
|
3222
3222
|
children: [
|
|
3223
|
-
/* @__PURE__ */
|
|
3223
|
+
/* @__PURE__ */ jsx16(ArrowDown, {}),
|
|
3224
3224
|
messages4.sortDesc
|
|
3225
3225
|
]
|
|
3226
|
-
}
|
|
3227
|
-
sortState && /* @__PURE__ */
|
|
3226
|
+
}),
|
|
3227
|
+
sortState && /* @__PURE__ */ jsxs8(Fragment, {
|
|
3228
3228
|
children: [
|
|
3229
|
-
/* @__PURE__ */
|
|
3230
|
-
/* @__PURE__ */
|
|
3229
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
3230
|
+
/* @__PURE__ */ jsx16(DropdownMenuItem, {
|
|
3231
3231
|
onClick: () => column.clearSorting(),
|
|
3232
3232
|
children: messages4.sortClear
|
|
3233
|
-
}
|
|
3233
|
+
})
|
|
3234
3234
|
]
|
|
3235
|
-
}
|
|
3235
|
+
})
|
|
3236
3236
|
]
|
|
3237
|
-
}
|
|
3237
|
+
})
|
|
3238
3238
|
]
|
|
3239
|
-
}, column.id
|
|
3239
|
+
}, column.id);
|
|
3240
3240
|
})
|
|
3241
3241
|
]
|
|
3242
|
-
}
|
|
3243
|
-
}
|
|
3242
|
+
})
|
|
3243
|
+
})
|
|
3244
3244
|
]
|
|
3245
|
-
}
|
|
3245
|
+
});
|
|
3246
3246
|
}
|
|
3247
3247
|
function DataTableViewOptions({
|
|
3248
3248
|
messages: messages4,
|
|
@@ -3253,43 +3253,43 @@ function DataTableViewOptions({
|
|
|
3253
3253
|
if (columns.length === 0) {
|
|
3254
3254
|
return null;
|
|
3255
3255
|
}
|
|
3256
|
-
return /* @__PURE__ */
|
|
3256
|
+
return /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
3257
3257
|
children: [
|
|
3258
|
-
/* @__PURE__ */
|
|
3259
|
-
render: /* @__PURE__ */
|
|
3258
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
3259
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
3260
3260
|
"aria-label": messages4.columns,
|
|
3261
3261
|
className: "h-9",
|
|
3262
3262
|
size: "sm",
|
|
3263
3263
|
variant: "outline",
|
|
3264
3264
|
children: [
|
|
3265
|
-
/* @__PURE__ */
|
|
3266
|
-
/* @__PURE__ */
|
|
3265
|
+
/* @__PURE__ */ jsx16(Settings2, {}),
|
|
3266
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3267
3267
|
className: "hidden sm:inline",
|
|
3268
3268
|
children: messages4.columns
|
|
3269
|
-
}
|
|
3269
|
+
})
|
|
3270
3270
|
]
|
|
3271
|
-
}
|
|
3272
|
-
}
|
|
3273
|
-
/* @__PURE__ */
|
|
3271
|
+
})
|
|
3272
|
+
}),
|
|
3273
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
3274
3274
|
align: "end",
|
|
3275
3275
|
className: "w-[180px]",
|
|
3276
|
-
children: /* @__PURE__ */
|
|
3276
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
3277
3277
|
children: [
|
|
3278
|
-
/* @__PURE__ */
|
|
3278
|
+
/* @__PURE__ */ jsx16(DropdownMenuLabel, {
|
|
3279
3279
|
children: messages4.columns
|
|
3280
|
-
}
|
|
3281
|
-
/* @__PURE__ */
|
|
3282
|
-
columns.map((column) => /* @__PURE__ */
|
|
3280
|
+
}),
|
|
3281
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
3282
|
+
columns.map((column) => /* @__PURE__ */ jsx16(DropdownMenuCheckboxItem, {
|
|
3283
3283
|
checked: column.getIsVisible(),
|
|
3284
3284
|
className: "capitalize",
|
|
3285
3285
|
onCheckedChange: (value) => column.toggleVisibility(!!value),
|
|
3286
3286
|
children: columnLabels.get(column.id) ?? column.id
|
|
3287
|
-
}, column.id
|
|
3287
|
+
}, column.id))
|
|
3288
3288
|
]
|
|
3289
|
-
}
|
|
3290
|
-
}
|
|
3289
|
+
})
|
|
3290
|
+
})
|
|
3291
3291
|
]
|
|
3292
|
-
}
|
|
3292
|
+
});
|
|
3293
3293
|
}
|
|
3294
3294
|
function DataTablePagination({
|
|
3295
3295
|
messages: messages4,
|
|
@@ -3301,7 +3301,7 @@ function DataTablePagination({
|
|
|
3301
3301
|
const selectedRows = table.getFilteredSelectedRowModel().rows.length;
|
|
3302
3302
|
const filteredRows = table.getFilteredRowModel().rows.length;
|
|
3303
3303
|
const totalRows = rowCount ?? filteredRows;
|
|
3304
|
-
return /* @__PURE__ */
|
|
3304
|
+
return /* @__PURE__ */ jsx16(Pagination, {
|
|
3305
3305
|
messages: {
|
|
3306
3306
|
pageSize: labels2.pageSize,
|
|
3307
3307
|
results: labels2.results,
|
|
@@ -3320,7 +3320,7 @@ function DataTablePagination({
|
|
|
3320
3320
|
pageSizes,
|
|
3321
3321
|
selectedRows,
|
|
3322
3322
|
totalRows
|
|
3323
|
-
}
|
|
3323
|
+
});
|
|
3324
3324
|
}
|
|
3325
3325
|
function DataTableRelationshipCell({
|
|
3326
3326
|
emptyLabel,
|
|
@@ -3336,7 +3336,7 @@ function DataTableRelationshipCell({
|
|
|
3336
3336
|
useEffect(() => {
|
|
3337
3337
|
setSelectedOptions([...value]);
|
|
3338
3338
|
}, [value]);
|
|
3339
|
-
return /* @__PURE__ */
|
|
3339
|
+
return /* @__PURE__ */ jsx16(VirtualizedCombobox, {
|
|
3340
3340
|
ariaLabel: manageLabel,
|
|
3341
3341
|
emptyLabel,
|
|
3342
3342
|
items: orderedOptions,
|
|
@@ -3355,26 +3355,26 @@ function DataTableRelationshipCell({
|
|
|
3355
3355
|
setSelectedOptions(nextOptions);
|
|
3356
3356
|
},
|
|
3357
3357
|
placeholder: emptyLabel,
|
|
3358
|
-
trigger: /* @__PURE__ */
|
|
3358
|
+
trigger: /* @__PURE__ */ jsxs8(Button, {
|
|
3359
3359
|
"aria-label": manageLabel,
|
|
3360
3360
|
className: "h-full min-h-16 w-full min-w-0 justify-between gap-2 overflow-hidden rounded-none px-2 py-2 text-left font-normal",
|
|
3361
3361
|
"data-slot": "relationship-cell",
|
|
3362
3362
|
type: "button",
|
|
3363
3363
|
variant: "ghost",
|
|
3364
3364
|
children: [
|
|
3365
|
-
/* @__PURE__ */
|
|
3365
|
+
/* @__PURE__ */ jsx16(DataTableListSummary, {
|
|
3366
3366
|
emptyLabel,
|
|
3367
3367
|
expandable: false,
|
|
3368
3368
|
items: selectedOptions,
|
|
3369
3369
|
variant: selectedOptions.some(({ icon }) => icon) ? "icon" : "text"
|
|
3370
|
-
}
|
|
3371
|
-
/* @__PURE__ */
|
|
3370
|
+
}),
|
|
3371
|
+
/* @__PURE__ */ jsx16(ChevronDown, {
|
|
3372
3372
|
className: "text-muted-foreground size-4 shrink-0"
|
|
3373
|
-
}
|
|
3373
|
+
})
|
|
3374
3374
|
]
|
|
3375
|
-
}
|
|
3375
|
+
}),
|
|
3376
3376
|
value: selectedOptions
|
|
3377
|
-
}
|
|
3377
|
+
});
|
|
3378
3378
|
}
|
|
3379
3379
|
function DataTableListSummary({
|
|
3380
3380
|
emptyLabel,
|
|
@@ -3391,57 +3391,57 @@ function DataTableListSummary({
|
|
|
3391
3391
|
const visibleLabels = visibleItems.map(({ label }) => label).join(", ");
|
|
3392
3392
|
const remaining = Math.max(totalCount - visibleItems.length, 0);
|
|
3393
3393
|
const remainingLabel = overflowLabel?.(remaining) ?? labels2.listOthers(remaining);
|
|
3394
|
-
const expandedItems = /* @__PURE__ */
|
|
3394
|
+
const expandedItems = /* @__PURE__ */ jsx16(PopoverContent, {
|
|
3395
3395
|
align: "start",
|
|
3396
3396
|
className: "max-h-72 w-72 overflow-y-auto p-2",
|
|
3397
3397
|
onClick: (event) => event.stopPropagation(),
|
|
3398
|
-
children: /* @__PURE__ */
|
|
3398
|
+
children: /* @__PURE__ */ jsx16("ul", {
|
|
3399
3399
|
className: "grid gap-1",
|
|
3400
|
-
children: normalizedItems.map((item, index) => /* @__PURE__ */
|
|
3400
|
+
children: normalizedItems.map((item, index) => /* @__PURE__ */ jsxs8("li", {
|
|
3401
3401
|
className: "flex items-center gap-2 rounded-sm px-2 py-1.5 break-words",
|
|
3402
3402
|
children: [
|
|
3403
|
-
item.icon ? /* @__PURE__ */
|
|
3403
|
+
item.icon ? /* @__PURE__ */ jsx16("span", {
|
|
3404
3404
|
className: "bg-muted flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full text-[9px] font-semibold",
|
|
3405
3405
|
children: item.icon
|
|
3406
|
-
}
|
|
3407
|
-
/* @__PURE__ */
|
|
3406
|
+
}) : null,
|
|
3407
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3408
3408
|
className: "min-w-0",
|
|
3409
3409
|
children: item.label
|
|
3410
|
-
}
|
|
3410
|
+
})
|
|
3411
3411
|
]
|
|
3412
|
-
}, item.value ?? `${item.label}-${index}
|
|
3413
|
-
}
|
|
3414
|
-
}
|
|
3412
|
+
}, item.value ?? `${item.label}-${index}`))
|
|
3413
|
+
})
|
|
3414
|
+
});
|
|
3415
3415
|
if (normalizedItems.length === 0) {
|
|
3416
|
-
return /* @__PURE__ */
|
|
3416
|
+
return /* @__PURE__ */ jsx16("span", {
|
|
3417
3417
|
className: "text-muted-foreground text-sm",
|
|
3418
3418
|
children: emptyLabel
|
|
3419
|
-
}
|
|
3419
|
+
});
|
|
3420
3420
|
}
|
|
3421
3421
|
if (variant === "icon") {
|
|
3422
|
-
return /* @__PURE__ */
|
|
3423
|
-
children: /* @__PURE__ */
|
|
3422
|
+
return /* @__PURE__ */ jsx16(TooltipProvider, {
|
|
3423
|
+
children: /* @__PURE__ */ jsxs8("span", {
|
|
3424
3424
|
className: "flex min-w-0 items-center pl-2",
|
|
3425
3425
|
children: [
|
|
3426
|
-
visibleItems.map((item, index) => /* @__PURE__ */
|
|
3426
|
+
visibleItems.map((item, index) => /* @__PURE__ */ jsxs8(Tooltip, {
|
|
3427
3427
|
children: [
|
|
3428
|
-
/* @__PURE__ */
|
|
3429
|
-
render: /* @__PURE__ */
|
|
3428
|
+
/* @__PURE__ */ jsx16(TooltipTrigger, {
|
|
3429
|
+
render: /* @__PURE__ */ jsx16("span", {
|
|
3430
3430
|
"aria-label": item.label,
|
|
3431
3431
|
className: "bg-muted border-background relative flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border-2 text-[10px] font-semibold",
|
|
3432
3432
|
style: { marginLeft: index ? -8 : 0 },
|
|
3433
3433
|
children: item.icon ?? item.label.slice(0, 2).toUpperCase()
|
|
3434
|
-
}
|
|
3435
|
-
}
|
|
3436
|
-
/* @__PURE__ */
|
|
3434
|
+
})
|
|
3435
|
+
}),
|
|
3436
|
+
/* @__PURE__ */ jsx16(TooltipContent, {
|
|
3437
3437
|
children: item.label
|
|
3438
|
-
}
|
|
3438
|
+
})
|
|
3439
3439
|
]
|
|
3440
|
-
}, item.value ?? item.label
|
|
3441
|
-
remaining ? expandable ? /* @__PURE__ */
|
|
3440
|
+
}, item.value ?? item.label)),
|
|
3441
|
+
remaining ? expandable ? /* @__PURE__ */ jsxs8(Popover, {
|
|
3442
3442
|
children: [
|
|
3443
|
-
/* @__PURE__ */
|
|
3444
|
-
render: /* @__PURE__ */
|
|
3443
|
+
/* @__PURE__ */ jsx16(PopoverTrigger, {
|
|
3444
|
+
render: /* @__PURE__ */ jsxs8("button", {
|
|
3445
3445
|
"aria-label": labels2.listOthers(remaining),
|
|
3446
3446
|
className: "bg-muted border-background relative -ml-2 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-[10px] font-semibold tabular-nums",
|
|
3447
3447
|
onClick: (event) => event.stopPropagation(),
|
|
@@ -3451,52 +3451,52 @@ function DataTableListSummary({
|
|
|
3451
3451
|
"+",
|
|
3452
3452
|
remaining
|
|
3453
3453
|
]
|
|
3454
|
-
}
|
|
3455
|
-
}
|
|
3454
|
+
})
|
|
3455
|
+
}),
|
|
3456
3456
|
expandedItems
|
|
3457
3457
|
]
|
|
3458
|
-
}
|
|
3458
|
+
}) : /* @__PURE__ */ jsxs8("span", {
|
|
3459
3459
|
className: "bg-muted border-background relative -ml-2 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-[10px] font-semibold tabular-nums",
|
|
3460
3460
|
children: [
|
|
3461
3461
|
"+",
|
|
3462
3462
|
remaining
|
|
3463
3463
|
]
|
|
3464
|
-
}
|
|
3464
|
+
}) : null
|
|
3465
3465
|
]
|
|
3466
|
-
}
|
|
3467
|
-
}
|
|
3466
|
+
})
|
|
3467
|
+
});
|
|
3468
3468
|
}
|
|
3469
|
-
return remaining > 0 ? /* @__PURE__ */
|
|
3469
|
+
return remaining > 0 ? /* @__PURE__ */ jsxs8("span", {
|
|
3470
3470
|
className: "block min-w-0 text-sm whitespace-normal",
|
|
3471
3471
|
"data-slot": "list-summary",
|
|
3472
3472
|
children: [
|
|
3473
|
-
/* @__PURE__ */
|
|
3473
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3474
3474
|
children: visibleLabels
|
|
3475
|
-
}
|
|
3475
|
+
}),
|
|
3476
3476
|
" ",
|
|
3477
|
-
/* @__PURE__ */
|
|
3477
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3478
3478
|
className: "inline-block whitespace-nowrap",
|
|
3479
|
-
children: expandable ? /* @__PURE__ */
|
|
3479
|
+
children: expandable ? /* @__PURE__ */ jsxs8(Popover, {
|
|
3480
3480
|
children: [
|
|
3481
|
-
/* @__PURE__ */
|
|
3482
|
-
render: /* @__PURE__ */
|
|
3481
|
+
/* @__PURE__ */ jsx16(PopoverTrigger, {
|
|
3482
|
+
render: /* @__PURE__ */ jsx16("button", {
|
|
3483
3483
|
className: "text-muted-foreground hover:text-foreground underline decoration-dotted underline-offset-2",
|
|
3484
3484
|
onClick: (event) => event.stopPropagation(),
|
|
3485
3485
|
onPointerDown: (event) => event.stopPropagation(),
|
|
3486
3486
|
type: "button",
|
|
3487
3487
|
children: remainingLabel
|
|
3488
|
-
}
|
|
3489
|
-
}
|
|
3488
|
+
})
|
|
3489
|
+
}),
|
|
3490
3490
|
expandedItems
|
|
3491
3491
|
]
|
|
3492
|
-
}
|
|
3493
|
-
}
|
|
3492
|
+
}) : remainingLabel
|
|
3493
|
+
})
|
|
3494
3494
|
]
|
|
3495
|
-
}
|
|
3495
|
+
}) : /* @__PURE__ */ jsx16("span", {
|
|
3496
3496
|
className: "block min-w-0 text-sm",
|
|
3497
3497
|
"data-slot": "list-summary",
|
|
3498
3498
|
children: visibleLabels
|
|
3499
|
-
}
|
|
3499
|
+
});
|
|
3500
3500
|
}
|
|
3501
3501
|
function DataTableColumnHeader({
|
|
3502
3502
|
column,
|
|
@@ -3507,76 +3507,76 @@ function DataTableColumnHeader({
|
|
|
3507
3507
|
const labels2 = dataTableMessages(messages4);
|
|
3508
3508
|
const sortDirection = column.getIsSorted();
|
|
3509
3509
|
if (!column.getCanSort()) {
|
|
3510
|
-
return /* @__PURE__ */
|
|
3510
|
+
return /* @__PURE__ */ jsx16("div", {
|
|
3511
3511
|
className: cn("flex h-12 items-center truncate px-2 text-sm", className),
|
|
3512
3512
|
children: title
|
|
3513
|
-
}
|
|
3513
|
+
});
|
|
3514
3514
|
}
|
|
3515
|
-
return /* @__PURE__ */
|
|
3515
|
+
return /* @__PURE__ */ jsx16("div", {
|
|
3516
3516
|
className: cn("flex h-12 items-center", className),
|
|
3517
|
-
children: /* @__PURE__ */
|
|
3517
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenu, {
|
|
3518
3518
|
children: [
|
|
3519
|
-
/* @__PURE__ */
|
|
3520
|
-
render: /* @__PURE__ */
|
|
3519
|
+
/* @__PURE__ */ jsx16(DropdownMenuTrigger, {
|
|
3520
|
+
render: /* @__PURE__ */ jsxs8(Button, {
|
|
3521
3521
|
variant: "ghost",
|
|
3522
3522
|
size: "sm",
|
|
3523
3523
|
className: "data-[state=open]:bg-accent h-12 w-full justify-start rounded-none px-2",
|
|
3524
3524
|
children: [
|
|
3525
|
-
/* @__PURE__ */
|
|
3525
|
+
/* @__PURE__ */ jsx16("span", {
|
|
3526
3526
|
className: "min-w-0 truncate text-sm",
|
|
3527
3527
|
children: title
|
|
3528
|
-
}
|
|
3529
|
-
sortDirection === "desc" ? /* @__PURE__ */
|
|
3528
|
+
}),
|
|
3529
|
+
sortDirection === "desc" ? /* @__PURE__ */ jsx16(ArrowDown, {}) : sortDirection === "asc" ? /* @__PURE__ */ jsx16(ArrowUp, {}) : /* @__PURE__ */ jsx16(ChevronsUpDown2, {})
|
|
3530
3530
|
]
|
|
3531
|
-
}
|
|
3532
|
-
}
|
|
3533
|
-
/* @__PURE__ */
|
|
3531
|
+
})
|
|
3532
|
+
}),
|
|
3533
|
+
/* @__PURE__ */ jsx16(DropdownMenuContent, {
|
|
3534
3534
|
align: "start",
|
|
3535
|
-
children: /* @__PURE__ */
|
|
3535
|
+
children: /* @__PURE__ */ jsxs8(DropdownMenuGroup, {
|
|
3536
3536
|
children: [
|
|
3537
|
-
/* @__PURE__ */
|
|
3537
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3538
3538
|
onClick: () => column.toggleSorting(false),
|
|
3539
3539
|
children: [
|
|
3540
|
-
/* @__PURE__ */
|
|
3540
|
+
/* @__PURE__ */ jsx16(ArrowUp, {
|
|
3541
3541
|
className: "text-muted-foreground/70 h-3.5 w-3.5"
|
|
3542
|
-
}
|
|
3542
|
+
}),
|
|
3543
3543
|
labels2.sortAsc
|
|
3544
3544
|
]
|
|
3545
|
-
}
|
|
3546
|
-
/* @__PURE__ */
|
|
3545
|
+
}),
|
|
3546
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3547
3547
|
onClick: () => column.toggleSorting(true),
|
|
3548
3548
|
children: [
|
|
3549
|
-
/* @__PURE__ */
|
|
3549
|
+
/* @__PURE__ */ jsx16(ArrowDown, {
|
|
3550
3550
|
className: "text-muted-foreground/70 h-3.5 w-3.5"
|
|
3551
|
-
}
|
|
3551
|
+
}),
|
|
3552
3552
|
labels2.sortDesc
|
|
3553
3553
|
]
|
|
3554
|
-
}
|
|
3555
|
-
sortDirection ? /* @__PURE__ */
|
|
3554
|
+
}),
|
|
3555
|
+
sortDirection ? /* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3556
3556
|
onClick: () => column.clearSorting(),
|
|
3557
3557
|
children: [
|
|
3558
|
-
/* @__PURE__ */
|
|
3558
|
+
/* @__PURE__ */ jsx16(X, {
|
|
3559
3559
|
className: "text-muted-foreground/70 h-3.5 w-3.5"
|
|
3560
|
-
}
|
|
3560
|
+
}),
|
|
3561
3561
|
labels2.sortClear
|
|
3562
3562
|
]
|
|
3563
|
-
}
|
|
3564
|
-
/* @__PURE__ */
|
|
3565
|
-
/* @__PURE__ */
|
|
3563
|
+
}) : null,
|
|
3564
|
+
/* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
|
|
3565
|
+
/* @__PURE__ */ jsxs8(DropdownMenuItem, {
|
|
3566
3566
|
onClick: () => column.toggleVisibility(false),
|
|
3567
3567
|
children: [
|
|
3568
|
-
/* @__PURE__ */
|
|
3568
|
+
/* @__PURE__ */ jsx16(EyeOff, {
|
|
3569
3569
|
className: "text-muted-foreground/70 h-3.5 w-3.5"
|
|
3570
|
-
}
|
|
3570
|
+
}),
|
|
3571
3571
|
labels2.sortHide
|
|
3572
3572
|
]
|
|
3573
|
-
}
|
|
3573
|
+
})
|
|
3574
3574
|
]
|
|
3575
|
-
}
|
|
3576
|
-
}
|
|
3575
|
+
})
|
|
3576
|
+
})
|
|
3577
3577
|
]
|
|
3578
|
-
}
|
|
3579
|
-
}
|
|
3578
|
+
})
|
|
3579
|
+
});
|
|
3580
3580
|
}
|
|
3581
3581
|
export {
|
|
3582
3582
|
getHeaderNames,
|